Skip to content

Commit 2b0075e

Browse files
DevanitiDevaniti
committed
Added Can I Use page
1 parent 89877fd commit 2b0075e

27 files changed

+1580
-853
lines changed

‎source/GUI/html/default.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎source/GUI/html/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html><head><title>D3d12infoGUI Report</title><meta charset="UTF-8"><script src="reports.js"></script><link rel="icon" type="image/png" href="84cce981575dbdc0fe40.png" sizes="96x96"/><link rel="icon" type="image/svg+xml" href="favicon.svg"/><link rel="shortcut icon" href="01dd40ee699a7c61060b.ico"/><link rel="apple-touch-icon" sizes="180x180" href="b0669e145449e7ec0cf7.png"/><link rel="manifest" href="ca84030c52cc08023014.webmanifest"/><script defer="defer" src="default.js"></script></head><body><noscript>This app requires javascript to run</noscript><div class="header"><div style="width:.5em"></div><div class="headerText">D3d12infoGUI Report</div><div style="width:1em"></div><a class="headerLink" href="https://d3d12infodb.boolka.dev/"><div class="headerText">Online Database</div><img class="icon" src="database.svg"></a><div style="width:1em"></div><div class="flexRight"><a class="headerLink" href="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/Devaniti/D3d12infoGUI"><div class="headerText">D3d12infoGUI on GitHub</div><img class="icon" src="github-mark.svg"> </a><a class="headerLink" href="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/sawickiap/D3d12info"><div class="headerText">D3d12info on GitHub</div><img class="icon" src="github-mark.svg"></a><div class="headerLink gui-tooltip"><div class="headerText">About</div><img class="tooltipicon" src="info.svg"><div class="gui-tooltiptext" style="width:35vw;left:70%;transform:translateX(-100%)">D3d12infoGUI is a tool for querying support for various Direct3D 12 features.<br>In this report you can find data about all D3D12 capable GPUs in your local machine.<br>There's also community-driven online database listing same information for various hardware which you can open via "Online Database" link in the header.<br>You can submit your reports to the online database with one of the submit buttons if database doesn't contain equivalent data already.<br>If database contains equivalent report, or if you just submitted one of your reports, you can then open it online and share the link to your report.<br>Those reports don't contain any personal information, you can see full contents of those reports on this page before submitting.</div></div><div style="width:3em"></div></div><div style="width:.5em"></div></div><main><div class="ReportTable"><div id="ListContainer"></div><div id="SearchBarPropertiesContainer"></div><div id="HeaderContainer"></div><div id="ReportContainer"></div></div></main></body></html>
1+
<!doctype html><html><head><title>D3d12infoGUI Report</title><meta charset="UTF-8"><script src="reports.js"></script><link rel="icon" type="image/png" href="84cce981575dbdc0fe40.png" sizes="96x96"/><link rel="icon" type="image/svg+xml" href="favicon.svg"/><link rel="shortcut icon" href="01dd40ee699a7c61060b.ico"/><link rel="apple-touch-icon" sizes="180x180" href="b0669e145449e7ec0cf7.png"/><link rel="manifest" href="ca84030c52cc08023014.webmanifest"/><script defer="defer" src="default.js"></script></head><body><noscript>This app requires JavaScript to run</noscript><div class="header"><div style="width:.5em"></div><div class="headerText">D3d12infoGUI Report</div><div style="width:1em"></div><a class="headerLink" href="https://d3d12infodb.boolka.dev/"><div class="headerText">Online Database</div><img class="icon" src="database.svg"></a><div style="width:1em"></div><div class="flexRight"><a class="headerLink" href="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/Devaniti/D3d12infoGUI"><div class="headerText">D3d12infoGUI on GitHub</div><img class="icon" src="github-mark.svg"> </a><a class="headerLink" href="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/sawickiap/D3d12info"><div class="headerText">D3d12info on GitHub</div><img class="icon" src="github-mark.svg"></a><div class="headerLink gui-tooltip"><div class="headerText">About</div><img class="tooltipicon" src="info.svg"><div class="gui-tooltiptext" style="width:35vw;left:70%;transform:translateX(-100%)">D3d12infoGUI is a tool for querying support for various Direct3D 12 features.<br>In this report you can find data about all D3D12 capable GPUs in your local machine.<br>There's also community-driven online database listing same information for various hardware which you can open via "Online Database" link in the header.<br>You can submit your reports to the online database with one of the submit buttons if database doesn't contain equivalent data already.<br>If database contains equivalent report, or if you just submitted one of your reports, you can then open it online and share the link to your report.<br>Those reports don't contain any personal information, you can see full contents of those reports on this page before submitting.</div></div><div style="width:3em"></div></div><div style="width:.5em"></div></div><main><div class="ReportTable"><div id="ListContainer"></div><div id="SearchBarPropertiesContainer"></div><div id="HeaderContainer"></div><div id="ReportContainer"></div></div></main></body></html>

‎source/frontend/assets/css/can_i_use.css

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
.CanIUseSearchContainer, .CanIUseData {
2+
max-width: 2100px;
3+
margin: 0 auto;
4+
}
5+
6+
.CanIUseFilterResult {
7+
margin-top: 12px;
8+
}
9+
10+
.PropertyItem {
11+
font-size: 1.2em;
12+
width: calc(100% - 24px);
13+
text-align: left;
14+
margin: 8px 12px;
15+
padding: 3px;
16+
border: 2px solid;
17+
border-collapse: collapse;
18+
border-color: #a7a7a7;
19+
border-radius: 4px;
20+
}
21+
22+
.PropertyItem:hover {
23+
color:#206999;
24+
border-color: #5489aa;
25+
cursor: pointer;
26+
}
27+
28+
.CanIUseData {
29+
font-family: "Roboto", sans-serif;
30+
width: 100%;
31+
}
32+
33+
.TableContainer {
34+
display:flex;
35+
flex-wrap: wrap;
36+
align-items: flex-start;
37+
}
38+
39+
table {
40+
margin-right: 10px;
41+
margin-bottom: 10px;
42+
}
43+
44+
td {
45+
white-space: pre-wrap;
46+
}
47+
48+
th,
49+
td {
50+
border-width: 1px;
51+
border-style: solid;
52+
border-color: #7f7f7f;
53+
}
54+
55+
td {
56+
text-align: center;
57+
padding: 2px 4px;
58+
min-width: 4.5em;
59+
}
60+
61+
colgroup {
62+
border-inline-end-width: 2px;
63+
border-inline-end-style: solid;
64+
border-inline-end-color: #7f7f7f;
65+
}
66+
67+
/* row of headers with vendor names */
68+
thead>tr:first-of-type>th {
69+
border-bottom: none;
70+
}
71+
/* row of headers with architecture names */
72+
thead>tr:nth-of-type(2)>th {
73+
border-top: none;
74+
border-bottom-width: 2px;
75+
border-bottom-style: solid;
76+
padding-inline: 0.3em;
77+
/* separate arch names a little */
78+
}
79+
80+
81+
@media (prefers-color-scheme: dark) {
82+
.PropertyItem:hover {
83+
color:#a0dbff;
84+
}
85+
}

‎source/frontend/assets/css/feature_table.css

Lines changed: 0 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -21,26 +21,6 @@ body {
2121
margin: 0 auto;
2222
}
2323

24-
.Microsoft {
25-
background-color: #d0e7f2;
26-
}
27-
28-
.AMD {
29-
background-color: #f2d0d0;
30-
}
31-
32-
.Nvidia {
33-
background-color: #d0f2d0;
34-
}
35-
36-
.Intel {
37-
background-color: #d0d0f2;
38-
}
39-
40-
.Qualcomm {
41-
background-color: #f2e7d0;
42-
}
43-
4424
td {
4525
white-space: pre-wrap;
4626
}
@@ -206,26 +186,6 @@ thead>tr:nth-of-type(2)>th {
206186
background-color: #00000020;
207187
}
208188

209-
.Microsoft {
210-
background-color: #1c262b;
211-
}
212-
213-
.AMD {
214-
background-color: #220000;
215-
}
216-
217-
.Nvidia {
218-
background-color: #002200;
219-
}
220-
221-
.Intel {
222-
background-color: #000022;
223-
}
224-
225-
.Qualcomm {
226-
background-color: #231e16;
227-
}
228-
229189
.tooltiptext {
230190
background-color: #000000;
231191
border-color: #8c8c8c;

‎source/frontend/assets/css/main.css

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -157,6 +157,26 @@ fieldset {
157157
visibility: visible;
158158
}
159159

160+
.Microsoft {
161+
background-color: #d0e7f2;
162+
}
163+
164+
.AMD {
165+
background-color: #f2d0d0;
166+
}
167+
168+
.Nvidia {
169+
background-color: #d0f2d0;
170+
}
171+
172+
.Intel {
173+
background-color: #d0d0f2;
174+
}
175+
176+
.Qualcomm {
177+
background-color: #f2e7d0;
178+
}
179+
160180
@media (prefers-color-scheme: dark) {
161181
body {
162182
color: #e1e1e1;
@@ -204,4 +224,24 @@ fieldset {
204224
border-color: #7f7f7f;
205225
}
206226

227+
.Microsoft {
228+
background-color: #1c262b;
229+
}
230+
231+
.AMD {
232+
background-color: #220000;
233+
}
234+
235+
.Nvidia {
236+
background-color: #002200;
237+
}
238+
239+
.Intel {
240+
background-color: #000022;
241+
}
242+
243+
.Qualcomm {
244+
background-color: #231e16;
245+
}
246+
207247
}

‎source/frontend/assets/html_gui/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
</head>
1111

1212
<body>
13-
<noscript>This app requires javascript to run</noscript>
13+
<noscript>This app requires JavaScript to run</noscript>
1414
<div class="header">
1515
<div style="width: 0.5em"></div>
1616
<div class="headerText">D3d12infoGUI Report</div>

‎source/frontend/assets/html_website/CanIUse.html

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>D3D12 Can I Use - D3d12infoDB</title>
6+
<meta name="description" content="Can I Use support matrix for D3D12 features" />
7+
<meta name="robots" content="index, archive" />
8+
<meta name="keywords" content="DirectX, Direct3D, D3D12, DX12" />
9+
<meta property="og:title" content="D3D12 Can I Use" />
10+
<meta property="og:description" content="Can I Use support matrix for D3D12 features" />
11+
<meta property="og:type" content="website" />
12+
<meta property="og:url" content="https://d3d12infodb.boolka.dev/CanIUse.html" />
13+
<!--<meta property="og:image" content="" />-->
14+
<meta name="twitter:card" content="summary" /> <!-- NOTE: use summary_large_image if we add a screenshot or something like that -->
15+
<meta name="twitter:title" content="D3D12 Can I Use" />
16+
<!--<meta name="twitter:image" content="" />-->
17+
<meta name="twitter:description" content="Can I Use support matrix for D3D12 features" />
18+
19+
<%- include('../favicon/favicon_header.html') %>
20+
</head>
21+
<body>
22+
<%- include('header.html') %>
23+
<main>
24+
<div class="CanIUseSearchContainer">
25+
<div class="CanIUseFilter" id="FeatureSearchBar">
26+
</div>
27+
<div class="CanIUseFilterResult" id="FeatureSearchResult">
28+
</div>
29+
</div>
30+
<div class="CanIUseData" id="FeatureData">
31+
</div>
32+
</main>
33+
</body>
34+
</html>

‎source/frontend/assets/html_website/header.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<noscript>This website requires javascript to run</noscript>
1+
<noscript>This website requires JavaScript to run</noscript>
22
<div class="headerContainer">
33
<div class="headerContainer2">
44
<div class="header">
@@ -25,6 +25,9 @@
2525
<img class="icon" src="../icons/github-mark.svg">
2626
</a>
2727
<div class="flexRight">
28+
<a class="headerLink" href="CanIUse.html">
29+
<div class="headerText">Can I Use</div>
30+
</a>
2831
<a class="headerLink" href="FeatureTable.html">
2932
<div class="headerText">Feature Table</div>
3033
</a>

0 commit comments

Comments
 (0)