Skip to content

Commit d0034e0

Browse files
DevanitiDevaniti
committed
Improved header, added new note to Can I Use tables
1 parent ad61802 commit d0034e0

File tree

12 files changed

+105
-35
lines changed

12 files changed

+105
-35
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/frontend/assets/css/main.css

Lines changed: 31 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ a {
2828
}
2929

3030
a:hover {
31-
color: #3d9efe;
31+
color: #2684e3;
3232
}
3333

3434
.icon {
@@ -73,10 +73,28 @@ a:hover {
7373
.headerLink {
7474
padding-left: 0.25em;
7575
padding-right: 0.25em;
76-
height: 100%;
76+
height: 1.5em;
77+
border: 2px solid;
78+
border-radius: 7px;
79+
transition-property: color, background-color, border;
80+
border-color: #c8c8c8;
81+
background-color: #c8c8c8;
82+
}
83+
84+
.headerLink:hover {
85+
border-color: #c8c8c8;
86+
background-color: #e6e5e5;
87+
}
88+
89+
.flexLeft {
90+
display: flex;
91+
flex-direction: row;
92+
margin-right: auto;
7793
}
7894

7995
.flexRight {
96+
display: flex;
97+
flex-direction: row;
8098
margin-left: auto;
8199
}
82100

@@ -188,7 +206,7 @@ fieldset {
188206
}
189207

190208
a:hover {
191-
color: #b3d9ff;
209+
color: #97cafd;
192210
}
193211

194212
.header {
@@ -198,6 +216,16 @@ fieldset {
198216
border-color: #474747;
199217
}
200218

219+
.headerLink {
220+
border-color: #3a3a3a;
221+
background-color: #3a3a3a;
222+
}
223+
224+
.headerLink:hover {
225+
border-color: #4e4e4e;
226+
background-color: #4e4e4e;
227+
}
228+
201229
.icon {
202230
filter: invert(1);
203231
}

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

Lines changed: 28 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -2,39 +2,44 @@
22
<div class="headerContainer">
33
<div class="headerContainer2">
44
<div class="header">
5-
<div style="width: 0.5em"></div>
6-
<a class="headerLink" href="index.html">
7-
<div class="headerText">D3d12infoDB</div>
8-
</a>
9-
<div style="width: 1em"></div>
10-
<a class="headerLink" href="https://github.com/Devaniti/D3d12infoGUI/releases/latest">
11-
<div class="headerText">GUI</div>
12-
<img class="icon" src="../icons/download.svg">
13-
</a>
14-
<a class="headerLink" href="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/Devaniti/D3d12infoGUI">
15-
<div class="headerText">Source</div>
16-
<img class="icon" src="../icons/github-mark.svg">
17-
</a>
18-
<div style="width: 1em"></div>
19-
<a class="headerLink" href="https://github.com/sawickiap/D3d12info/releases/latest">
20-
<div class="headerText">CLI</div>
21-
<img class="icon" src="../icons/download.svg">
22-
</a>
23-
<a class="headerLink" href="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/sawickiap/D3d12info">
24-
<div class="headerText">Source</div>
25-
<img class="icon" src="../icons/github-mark.svg">
26-
</a>
5+
<div class="flexLeft">
6+
<div style="width: 0.5em"></div>
7+
<a class="headerLink" href="index.html">
8+
<div class="headerText">D3d12infoDB</div>
9+
</a>
10+
<div style="width: 1em"></div>
11+
<a class="headerLink" href="https://github.com/Devaniti/D3d12infoGUI/releases/latest">
12+
<div class="headerText">GUI</div>
13+
<img class="icon" src="../icons/download.svg">
14+
</a>
15+
<div style="width: 0.3em"></div>
16+
<a class="headerLink" href="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/Devaniti/D3d12infoGUI">
17+
<div class="headerText">Source</div>
18+
<img class="icon" src="../icons/github-mark.svg">
19+
</a>
20+
<div style="width: 1em"></div>
21+
<a class="headerLink" href="https://github.com/sawickiap/D3d12info/releases/latest">
22+
<div class="headerText">CLI</div>
23+
<img class="icon" src="../icons/download.svg">
24+
</a>
25+
<div style="width: 0.3em"></div>
26+
<a class="headerLink" href="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/sawickiap/D3d12info">
27+
<div class="headerText">Source</div>
28+
<img class="icon" src="../icons/github-mark.svg">
29+
</a>
30+
</div>
2731
<div class="flexRight">
2832
<a class="headerLink" href="CanIUse.html">
2933
<div class="headerText">Can I Use</div>
3034
</a>
35+
<div style="width: 0.3em"></div>
3136
<a class="headerLink" href="FeatureTable.html">
3237
<div class="headerText">Feature Table</div>
3338
</a>
39+
<div style="width: 0.3em"></div>
3440
<a class="headerLink" href="about.html">
3541
<div class="headerText">About</div>
3642
</a>
37-
<div style="width: 3em"></div>
3843
</div>
3944
<div style="width: 0.5em"></div>
4045
</div>

‎source/frontend/assets/js/website_can_i_use.mjs

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,6 +78,35 @@ function GetVendorArray() {
7878
return result;
7979
}
8080

81+
function GetVendorsOutOfOrder() {
82+
let result = [];
83+
84+
for (let [vendor, archs] of Object.entries(ArchClassifier.ArchsPerVendor)) {
85+
if (archs.size == 0)
86+
continue;
87+
88+
let prevValue = undefined;
89+
for (let arch of archs)
90+
{
91+
let report = ArchClassifier.NewestDriverReportPerArch.get(arch);
92+
let value = GetFeatureValue(report, arch);
93+
if (value == undefined) continue;
94+
if (prevValue != undefined && value < prevValue)
95+
{
96+
console.log(prevValue)
97+
console.log(value)
98+
console.log(vendor)
99+
console.log(arch)
100+
result.push(vendor);
101+
break;
102+
}
103+
prevValue = value;
104+
}
105+
}
106+
107+
return result;
108+
}
109+
81110
function SetSearchString(str) {
82111
SearchBar.value = str;
83112
Globals.PropertiesSearchString = str;
@@ -387,8 +416,16 @@ function CreateNotes(dataContainer) {
387416
AddNote("Starting with Windows 10 version 1607, it is always supported, independently of GPU or driver.", noteContainer);
388417
AddNote("All currently supported Windows versions are newer than Windows 10 version 1607.", noteContainer);
389418
break;
419+
}
390420

421+
if (NeedShowTable()) {
422+
let vendorsOutOfOrder = GetVendorsOutOfOrder();
423+
if (vendorsOutOfOrder.length > 0)
424+
{
425+
AddNote(`${vendorsOutOfOrder.join(", ")} ${vendorsOutOfOrder.length == 1 ? "has" : "have"} feature support that is out of order of architecture release dates. Some newer GPUs may have less support than older ones. Or this may be a false positive warning caused by out of date reports.`, noteContainer);
426+
}
391427
}
428+
392429
dataContainer.appendChild(noteContainer);
393430
}
394431

‎source/website/CanIUse.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>D3D12 Can I Use - D3d12infoDB</title><meta name="description" content="Can I Use support matrix for D3D12 features"/><meta name="robots" content="index, archive"/><meta name="keywords" content="DirectX, Direct3D, D3D12, DX12"/><meta property="og:title" content="D3D12 Can I Use"/><meta property="og:description" content="Can I Use support matrix for D3D12 features"/><meta property="og:type" content="website"/><meta property="og:url" content="https://d3d12infodb.boolka.dev/CanIUse.html"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="D3D12 Can I Use"/><meta name="twitter:description" content="Can I Use support matrix for D3D12 features"/><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="assets.js"></script><script defer="defer" src="shared.js"></script><script defer="defer" src="can_i_use.js"></script></head><body><noscript>This website requires JavaScript to run</noscript><div class="headerContainer"><div class="headerContainer2"><div class="header"><div style="width:.5em"></div><a class="headerLink" href="index.html"><div class="headerText">D3d12infoDB</div></a><div style="width:1em"></div><a class="headerLink" href="https://github.com/Devaniti/D3d12infoGUI/releases/latest"><div class="headerText">GUI</div><img class="icon" src="download.svg"> </a><a class="headerLink" href="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/Devaniti/D3d12infoGUI"><div class="headerText">Source</div><img class="icon" src="github-mark.svg"></a><div style="width:1em"></div><a class="headerLink" href="https://github.com/sawickiap/D3d12info/releases/latest"><div class="headerText">CLI</div><img class="icon" src="download.svg"> </a><a class="headerLink" href="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/sawickiap/D3d12info"><div class="headerText">Source</div><img class="icon" src="github-mark.svg"></a><div class="flexRight"><a class="headerLink" href="CanIUse.html"><div class="headerText">Can I Use</div></a><a class="headerLink" href="FeatureTable.html"><div class="headerText">Feature Table</div></a><a class="headerLink" href="about.html"><div class="headerText">About</div></a><div style="width:3em"></div></div><div style="width:.5em"></div></div></div></div><main><div class="CanIUseSearchContainer"><div class="CanIUseFilter" id="FeatureSearchBar"></div><div class="CanIUseFilterResult" id="FeatureSearchResult"></div></div><div class="CanIUseData" id="FeatureData"></div></main></body></html>
1+
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>D3D12 Can I Use - D3d12infoDB</title><meta name="description" content="Can I Use support matrix for D3D12 features"/><meta name="robots" content="index, archive"/><meta name="keywords" content="DirectX, Direct3D, D3D12, DX12"/><meta property="og:title" content="D3D12 Can I Use"/><meta property="og:description" content="Can I Use support matrix for D3D12 features"/><meta property="og:type" content="website"/><meta property="og:url" content="https://d3d12infodb.boolka.dev/CanIUse.html"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="D3D12 Can I Use"/><meta name="twitter:description" content="Can I Use support matrix for D3D12 features"/><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="assets.js"></script><script defer="defer" src="shared.js"></script><script defer="defer" src="can_i_use.js"></script></head><body><noscript>This website requires JavaScript to run</noscript><div class="headerContainer"><div class="headerContainer2"><div class="header"><div class="flexLeft"><div style="width:.5em"></div><a class="headerLink" href="index.html"><div class="headerText">D3d12infoDB</div></a><div style="width:1em"></div><a class="headerLink" href="https://github.com/Devaniti/D3d12infoGUI/releases/latest"><div class="headerText">GUI</div><img class="icon" src="download.svg"></a><div style="width:.3em"></div><a class="headerLink" href="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/Devaniti/D3d12infoGUI"><div class="headerText">Source</div><img class="icon" src="github-mark.svg"></a><div style="width:1em"></div><a class="headerLink" href="https://github.com/sawickiap/D3d12info/releases/latest"><div class="headerText">CLI</div><img class="icon" src="download.svg"></a><div style="width:.3em"></div><a class="headerLink" href="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/sawickiap/D3d12info"><div class="headerText">Source</div><img class="icon" src="github-mark.svg"></a></div><div class="flexRight"><a class="headerLink" href="CanIUse.html"><div class="headerText">Can I Use</div></a><div style="width:.3em"></div><a class="headerLink" href="FeatureTable.html"><div class="headerText">Feature Table</div></a><div style="width:.3em"></div><a class="headerLink" href="about.html"><div class="headerText">About</div></a></div><div style="width:.5em"></div></div></div></div><main><div class="CanIUseSearchContainer"><div class="CanIUseFilter" id="FeatureSearchBar"></div><div class="CanIUseFilterResult" id="FeatureSearchResult"></div></div><div class="CanIUseData" id="FeatureData"></div></main></body></html>

‎source/website/FeatureTable.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>D3D12 Feature Table - D3d12infoDB</title><meta name="description" content="Support matrix for all D3D12 features, grouped per vendor and architecture"/><meta name="robots" content="index, archive"/><meta name="keywords" content="DirectX, Direct3D, D3D12, DX12"/><meta property="og:title" content="D3D12 Feature Table"/><meta property="og:description" content="Support matrix for all D3D12 features, grouped per vendor and architecture"/><meta property="og:type" content="website"/><meta property="og:url" content="https://d3d12infodb.boolka.dev/FeatureTable.html"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="D3D12 Feature Table"/><meta name="twitter:description" content="Support matrix for all D3D12 features, grouped per vendor and architecture"/><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="assets.js"></script><script defer="defer" src="shared.js"></script><script defer="defer" src="feature_table.js"></script></head><body><noscript>This website requires JavaScript to run</noscript><div class="headerContainer"><div class="headerContainer2"><div class="header"><div style="width:.5em"></div><a class="headerLink" href="index.html"><div class="headerText">D3d12infoDB</div></a><div style="width:1em"></div><a class="headerLink" href="https://github.com/Devaniti/D3d12infoGUI/releases/latest"><div class="headerText">GUI</div><img class="icon" src="download.svg"> </a><a class="headerLink" href="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/Devaniti/D3d12infoGUI"><div class="headerText">Source</div><img class="icon" src="github-mark.svg"></a><div style="width:1em"></div><a class="headerLink" href="https://github.com/sawickiap/D3d12info/releases/latest"><div class="headerText">CLI</div><img class="icon" src="download.svg"> </a><a class="headerLink" href="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/sawickiap/D3d12info"><div class="headerText">Source</div><img class="icon" src="github-mark.svg"></a><div class="flexRight"><a class="headerLink" href="CanIUse.html"><div class="headerText">Can I Use</div></a><a class="headerLink" href="FeatureTable.html"><div class="headerText">Feature Table</div></a><a class="headerLink" href="about.html"><div class="headerText">About</div></a><div style="width:3em"></div></div><div style="width:.5em"></div></div></div></div><main><div class="FeatureTableFilterContainer"><div class="FeatureTableFilter" id="FeatureTableFilter"></div></div><div class="FeatureTable" id="FeatureTable"></div></main></body></html>
1+
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>D3D12 Feature Table - D3d12infoDB</title><meta name="description" content="Support matrix for all D3D12 features, grouped per vendor and architecture"/><meta name="robots" content="index, archive"/><meta name="keywords" content="DirectX, Direct3D, D3D12, DX12"/><meta property="og:title" content="D3D12 Feature Table"/><meta property="og:description" content="Support matrix for all D3D12 features, grouped per vendor and architecture"/><meta property="og:type" content="website"/><meta property="og:url" content="https://d3d12infodb.boolka.dev/FeatureTable.html"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="D3D12 Feature Table"/><meta name="twitter:description" content="Support matrix for all D3D12 features, grouped per vendor and architecture"/><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="assets.js"></script><script defer="defer" src="shared.js"></script><script defer="defer" src="feature_table.js"></script></head><body><noscript>This website requires JavaScript to run</noscript><div class="headerContainer"><div class="headerContainer2"><div class="header"><div class="flexLeft"><div style="width:.5em"></div><a class="headerLink" href="index.html"><div class="headerText">D3d12infoDB</div></a><div style="width:1em"></div><a class="headerLink" href="https://github.com/Devaniti/D3d12infoGUI/releases/latest"><div class="headerText">GUI</div><img class="icon" src="download.svg"></a><div style="width:.3em"></div><a class="headerLink" href="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/Devaniti/D3d12infoGUI"><div class="headerText">Source</div><img class="icon" src="github-mark.svg"></a><div style="width:1em"></div><a class="headerLink" href="https://github.com/sawickiap/D3d12info/releases/latest"><div class="headerText">CLI</div><img class="icon" src="download.svg"></a><div style="width:.3em"></div><a class="headerLink" href="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/sawickiap/D3d12info"><div class="headerText">Source</div><img class="icon" src="github-mark.svg"></a></div><div class="flexRight"><a class="headerLink" href="CanIUse.html"><div class="headerText">Can I Use</div></a><div style="width:.3em"></div><a class="headerLink" href="FeatureTable.html"><div class="headerText">Feature Table</div></a><div style="width:.3em"></div><a class="headerLink" href="about.html"><div class="headerText">About</div></a></div><div style="width:.5em"></div></div></div></div><main><div class="FeatureTableFilterContainer"><div class="FeatureTableFilter" id="FeatureTableFilter"></div></div><div class="FeatureTable" id="FeatureTable"></div></main></body></html>

0 commit comments

Comments
 (0)