adjust visitor flex grid #4 and webgl template

abrahamjuliot · Oct 17, 2020 · 2830be0 · 2830be0
1 parent a9c25fd
commit 2830be0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/creep.js b/creep.js
@@ -292,9 +292,9 @@ const imports = {
 			const browser = decryptKnown(fp.iframeContentWindowVersion.$hash)
 			const template = `
 				<div class="visitor-info">
-					<strong>${browser != 'unknown' ? browser : 'Browser'}</strong>
 					<div class="flex-grid">
 						<div class="col-six">
+							<strong>${browser != 'unknown' ? browser : 'Browser'}</strong>
 							<div>trust score: <span class="unblurred">${
 								score > 95 ? `${score}% <span class="grade-A">A+</span>` :
 								score == 95 ? `${score}% <span class="grade-A">A</span>` :

diff --git a/index.html b/index.html
@@ -16,9 +16,9 @@
 					<div class="time">performance: 0 milliseconds</div>
 				</div>
 				<div id="creep-browser" class="visitor-info">
-					<strong id="loader">Loading...</strong>
 					<div class="flex-grid">
 						<div class="col-six">
+							<strong id="loader">Loading...</strong>
 							<div>trust score: <span class="blurred">100%</span></div>
 							<div>visits: <span class="blurred">1</span></div>
 							<div>first: <span class="blurred">ABC ABC ## ####, 00:00:00 AM</span></div>
@@ -94,15 +94,15 @@
 						<div>matching data URI:</div>
 						<div class="flex-grid">
 							<div class="col-six">
-								<strong>webgl</strong>
+								<div>webgl:</div>
 								<div>parameters (0):</div>
 								<div>extensions (0):</div>
 								<div>vendor:</div>
 								<div>renderer:</div>
 								<div class="block-text"></div>
 							</div>
 							<div class="col-six">
-								<strong>webgl2</strong>
+								<div>webgl2:</div>
 								<div>parameters (0):</div>
 								<div>extensions (0):</div>
 								<div>vendor:</div>

diff --git a/modules/canvasWebgl.js b/modules/canvasWebgl.js
@@ -268,7 +268,7 @@ export const getCanvasWebgl = imports => {
 				<div>matching data URI: ${''+data.matchingDataURI}</div>
 				<div class="flex-grid">
 					<div class="col-six">
-						<strong>webgl</strong><span class="sub-hash">${hashMini(dataURI.$hash)}</span>
+						<div>webgl:<span class="sub-hash">${hashMini(dataURI.$hash)}</span></div>
 						<div>parameters (${count(webglSpecsKeys)}): ${
 							!webglSpecsKeys.length ? note.unsupported :
 							modal(`${id}-p-v1`, webglSpecsKeys.map(key => `${key}: ${webglSpecs[key]}`).join('<br>'))
@@ -283,7 +283,7 @@ export const getCanvasWebgl = imports => {
 						</div>
 					</div>
 					<div class="col-six">
-						<strong>webgl2</strong><span class="sub-hash">${hashMini(dataURI2.$hash)}</span>
+						<div>webgl2:<span class="sub-hash">${hashMini(dataURI2.$hash)}</span></div>
 						<div>parameters (${count(webgl2SpecsKeys)}): ${
 							!webgl2SpecsKeys.length ? note.unsupported :
 							modal(`${id}-p-v2`, webgl2SpecsKeys.map(key => `${key}: ${webgl2Specs[key]}`).join('<br>'))