- Remove blocking CSS font loading

Thu, 27 Jun 2019 03:48:07 -0600

author
Glitchvid <Glitchvid@glitchvid.com>
date
Thu, 27 Jun 2019 03:48:07 -0600
changeset 2
2b7c5918a57c
parent 1
4270d413249b
child 3
bc1295ceffbc

- Remove blocking CSS font loading
- Clean up stylesheets

index.html file | annotate | diff | comparison | revisions
latency/NTT.html file | annotate | diff | comparison | revisions
latency/SIX.html file | annotate | diff | comparison | revisions
latency/SLIX.html file | annotate | diff | comparison | revisions
latency/any2.html file | annotate | diff | comparison | revisions
latency/cogent.html file | annotate | diff | comparison | revisions
latency/colind.html file | annotate | diff | comparison | revisions
latency/comcast.html file | annotate | diff | comparison | revisions
latency/google.html file | annotate | diff | comparison | revisions
latency/styles.css file | annotate | diff | comparison | revisions
latency/xo.html file | annotate | diff | comparison | revisions
styles.css file | annotate | diff | comparison | revisions
--- a/index.html	Thu Jun 27 02:25:17 2019 -0600
+++ b/index.html	Thu Jun 27 03:48:07 2019 -0600
@@ -5,6 +5,8 @@
 <meta name=viewport content="width=device-width, initial-scale=1" charset="UTF-8">
 <link rel="icon" type="image/png" href="https://static.glitchvid.com/favicon.png">
 <link rel="stylesheet" href="styles.css">
+<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
+
 <title>NACL STATS</title>
 </head>
 
@@ -20,20 +22,20 @@
 			</h4>
 			<ul class="list">
 				<li>
-					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=8" width="128" height="128" frameborder="0"></iframe>
+					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=8" width="148" height="148" frameborder="0"></iframe>
 				</li>
 				<li>
-					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=9" width="128" height="128" frameborder="0"></iframe>
-
+					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=9" width="148" height="148" frameborder="0"></iframe>
 				</li>
 				<li>
-					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=10" width="512" height="128" frameborder="0"></iframe>
+					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=10" width="512" height="148" frameborder="0"></iframe>
 				</li>
 				<li>
-					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=11" width="512" height="128" frameborder="0"></iframe>
+					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=11" width="512" height="148" frameborder="0"></iframe>
 				</li>
 			</ul>
 		</section>
+	</div>
 
 	<div class="linkbox">
 		<section class="links">
@@ -43,39 +45,41 @@
 			<ul class="list">
 				<li>
 					<h4> <a href="latency/any2.html"> Any2 </a> </h4>
-					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=13" width="512" height="128" frameborder="0"></iframe>
+					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=13" width="512" height="148" frameborder="0"></iframe>
 
 				</li>
 				<li>
 					<h4> <a href="latency/cogent.html"> Cogent </a> </h4>
-					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=24" width="512" height="128" frameborder="0"></iframe>
+					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=24" width="512" height="148" frameborder="0"></iframe>
 				</li>
 				<li>
 					<h4> <a href="latency/comcast.html"> Comcast </a> </h4>
-					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=26" width="512" height="128" frameborder="0"></iframe>
+					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=26" width="512" height="148" frameborder="0"></iframe>
 				</li>
 				<li>
 			</ul>
 			<ul class="list">
 				<li>
 						<h4> <a href="latency/NTT.html"> NTT </a> </h4>
-						<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=30" width="512" height="128" frameborder="0"></iframe>
+						<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=30" width="512" height="148" frameborder="0"></iframe>
 					</li>
 					<li>
 						<h4> <a href="latency/SIX.html"> SIX </a> </h4>
-						<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=34" width="512" height="128" frameborder="0"></iframe>
+						<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=34" width="512" height="148" frameborder="0"></iframe>
 				</li>
 				<li>
 					<h4> <a href="latency/SLIX.html"> SLIX </a> </h4>
-					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=28" width="512" height="128" frameborder="0"></iframe>
+					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=28" width="512" height="148" frameborder="0"></iframe>
 				</li>
 			</ul>
 			<ul class="list">
 				<li>
 						<h4> <a href="latency/xo.html"> XO </a> </h4>
-						<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=2" width="512" height="128" frameborder="0"></iframe>
+						<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=2" width="512" height="148" frameborder="0"></iframe>
 				</li>
 			</ul>
+		</section>
+	</div>
 
 	<div class="linkbox">
 		<section class="links">
@@ -85,13 +89,15 @@
 			<ul class="list">
 				<li>
 					<h4> <a href="latency/colind.html"> Colind </a> </h4>
-					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=38" width="512" height="128" frameborder="0"></iframe>
+					<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=38" width="512" height="148" frameborder="0"></iframe>
 				</li>
 				<li>
 						<h4> <a href="latency/google.html"> Google DNS </a> </h4>
-						<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=42" width="512" height="128" frameborder="0"></iframe>
+						<iframe src="https://grafana.nacl.glitchvid.com/d-solo/39mqm44Zz/render-template-dashboard?orgId=1&refresh=5m&var-interval=5m&from=now-24h&to=now&panelId=42" width="512" height="148" frameborder="0"></iframe>
 				</li>
 			</ul>
+		</section>
+	</div>
 
 	<table width=100% height=100%>
 			<tr tabrow> 
@@ -106,6 +112,6 @@
 			</td>
 			</tr>
 			</table>
-		</div>
+
 </body>
 </html>
\ No newline at end of file
--- a/latency/NTT.html	Thu Jun 27 02:25:17 2019 -0600
+++ b/latency/NTT.html	Thu Jun 27 03:48:07 2019 -0600
@@ -4,7 +4,9 @@
 <head> 
 <meta name=viewport content="width=device-width, initial-scale=1" charset="UTF-8">
 <link rel="icon" type="image/png" href="https://static.glitchvid.com/favicon.png">
-<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="/styles.css">
+<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
+
 <title>NTT LATENCY (NACL)</title>
 </head>
 
--- a/latency/SIX.html	Thu Jun 27 02:25:17 2019 -0600
+++ b/latency/SIX.html	Thu Jun 27 03:48:07 2019 -0600
@@ -4,7 +4,9 @@
 <head> 
 <meta name=viewport content="width=device-width, initial-scale=1" charset="UTF-8">
 <link rel="icon" type="image/png" href="https://static.glitchvid.com/favicon.png">
-<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="/styles.css">
+<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
+
 <title>SIX LATENCY (NACL)</title>
 </head>
 
--- a/latency/SLIX.html	Thu Jun 27 02:25:17 2019 -0600
+++ b/latency/SLIX.html	Thu Jun 27 03:48:07 2019 -0600
@@ -4,7 +4,9 @@
 <head> 
 <meta name=viewport content="width=device-width, initial-scale=1" charset="UTF-8">
 <link rel="icon" type="image/png" href="https://static.glitchvid.com/favicon.png">
-<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="/styles.css">
+<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
+
 <title>SLIX LATENCY (NACL)</title>
 </head>
 
--- a/latency/any2.html	Thu Jun 27 02:25:17 2019 -0600
+++ b/latency/any2.html	Thu Jun 27 03:48:07 2019 -0600
@@ -4,7 +4,9 @@
 <head> 
 <meta name=viewport content="width=device-width, initial-scale=1" charset="UTF-8">
 <link rel="icon" type="image/png" href="https://static.glitchvid.com/favicon.png">
-<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="/styles.css">
+<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
+
 <title>Any2 LATENCY (NACL)</title>
 </head>
 
--- a/latency/cogent.html	Thu Jun 27 02:25:17 2019 -0600
+++ b/latency/cogent.html	Thu Jun 27 03:48:07 2019 -0600
@@ -4,7 +4,9 @@
 <head> 
 <meta name=viewport content="width=device-width, initial-scale=1" charset="UTF-8">
 <link rel="icon" type="image/png" href="https://static.glitchvid.com/favicon.png">
-<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="/styles.css">
+<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
+
 <title>Cogent LATENCY (NACL)</title>
 </head>
 
--- a/latency/colind.html	Thu Jun 27 02:25:17 2019 -0600
+++ b/latency/colind.html	Thu Jun 27 03:48:07 2019 -0600
@@ -4,7 +4,9 @@
 <head> 
 <meta name=viewport content="width=device-width, initial-scale=1" charset="UTF-8">
 <link rel="icon" type="image/png" href="https://static.glitchvid.com/favicon.png">
-<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="/styles.css">
+<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
+
 <title>Colind LATENCY (NACL)</title>
 </head>
 
--- a/latency/comcast.html	Thu Jun 27 02:25:17 2019 -0600
+++ b/latency/comcast.html	Thu Jun 27 03:48:07 2019 -0600
@@ -4,7 +4,9 @@
 <head> 
 <meta name=viewport content="width=device-width, initial-scale=1" charset="UTF-8">
 <link rel="icon" type="image/png" href="https://static.glitchvid.com/favicon.png">
-<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="/styles.css">
+<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
+
 <title>Comcast LATENCY (NACL)</title>
 </head>
 
--- a/latency/google.html	Thu Jun 27 02:25:17 2019 -0600
+++ b/latency/google.html	Thu Jun 27 03:48:07 2019 -0600
@@ -4,7 +4,9 @@
 <head> 
 <meta name=viewport content="width=device-width, initial-scale=1" charset="UTF-8">
 <link rel="icon" type="image/png" href="https://static.glitchvid.com/favicon.png">
-<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="/styles.css">
+<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
+
 <title>Google DNS LATENCY (NACL)</title>
 </head>
 
--- a/latency/styles.css	Thu Jun 27 02:25:17 2019 -0600
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,180 +0,0 @@
-/* NACL STATSPAGE STYLES
- Made by Glitchvid... nobody surprised.
-*/
-@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
-
-h1 {
-	text-align: center;
-	color: #CFCFCF;
-	font-family: Arial,sans-serif;
-	font-size: 1.4em;
-	font-weight: 700;
-	text-transform: uppercase;
-	display: block;
-	margin: 1em auto;
-	padding-top: 0.1em;
-	border-top: solid;
-	border-bottom: solid;
-	border-width: 0.1.1em;
-	border-color: #252525;
-}
-
-h2 {
-	text-align: center;
-	color: #CFCFCF;
-	font-family: Roboto,sans-serif;
-	font-size: 1.25em;
-	font-weight: 700;
-}
-
-h4 {
-	text-align:center;
-	color:#5E5E5E;
-	font-family:Arial,sans-serif;
-	font-size:0.7em;
-	font-weight:700;
-	margin:0px;
-	margin-top:0.5em;
-}
-
-h4.rotated {
-	writing-mode: vertical-rl;
-	text-align: left;
-}
-
-h6 {
-	text-align: center;
-	color: #CFCFCF;
-	font-family: Arial,sans-serif;
-	font-size: 1.4em;
-	font-weight: 700;
-	text-transform: uppercase;
-}
-
-gcomlink {
-	text-align:center;
-	color:#CFCFCF;
-	font-family:Roboto,sans-serif;
-	font-weight:500;
-	margin-top:1em;
-	font-size:1.25em;
-}
-
-body {
-	font-family: Arial,sans-serif;
-	margin: 0px;
-}
-
-table {
-	border-spacing: 0px;
-}
-
-tabrow {
-	display: table-row;
-	vertical-align: inherit;
-	border-color: inherit;
-}
-
-img.meterbox {
-	display: block;
-	margin: 0.25em;
-	margin-top: 0em;
-	margin-bottom: 0em;
-	height: 128px;
-}
-img.graphbox {
-	display: block;
-	margin: 0em auto;
-	height: 240px;
-}
-
-img.linkbadge {
-	margin: auto;
-	max-height: 32px;
-	max-width: 16vw;
-	width: auto;
-	height: auto;
-	vertical-align: middle;
-	padding-bottom: 0.2em;
-}
-
-a:link {
-	transition:100ms ease-out;
-	text-decoration: none;
-	color: #FFA726;
-}
-a:visited {
-	text-decoration: none;
-	color: #FFA726;
-}
-
-a:hover {
-  transition:.2s ease-in;
-		color: #FFCC80;
-}
-
-a:active {
-	text-decoration: underline;
-}
-
-a.stext {
-	margin:1em;
-}
-a.stext, a.stext:visited,a.stext:hover,a.stext:active {
-	text-decoration: none;
-}
-
-div.logobox {
-	border-style: dotted;
-	border-right-style: none;
-	border-left-style: none;
-	border-width: 1px;
-	border-color: #272727;
-}
-
-div.linkbox {
-	border-top: dotted;
-	border-top-width: 1px;
-	border-color: #272727;
-	margin-top: 0.5em;
-	margin-bottom: 0.5em;
-}
-@-moz-document url-prefix() {
-		div.logobox {
-			border-color: #3f3f3f;	
-		}
-	}
-
-section.links {
-	text-align: center;
-	text-align: center;
-}
-
-ul.list {
-	margin-top: 0px;
-	list-style-type: none;
-	display: inline-block;
-	padding: 0;
-	margin: 0px;
-}
-
-ul.list li {
-	float: left;
-	list-style-type: none;
-	color: #CFCFCF;
-	font-family: Roboto,sans-serif;
-	font-size: 1.25em;
-	font-weight: 700;
-	margin-top: 0.25em;
-}
-
-ul.list li.small {
-	margin-top:0.75em;
-	text-align: center;
-	color: #CFCFCF;
-	font-family: Roboto,sans-serif;
-	font-size: 0.54em;
-	font-weight: 700;
-}
-
-/* That's all she wrote. */
\ No newline at end of file
--- a/latency/xo.html	Thu Jun 27 02:25:17 2019 -0600
+++ b/latency/xo.html	Thu Jun 27 03:48:07 2019 -0600
@@ -4,7 +4,9 @@
 <head> 
 <meta name=viewport content="width=device-width, initial-scale=1" charset="UTF-8">
 <link rel="icon" type="image/png" href="https://static.glitchvid.com/favicon.png">
-<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="/styles.css">
+<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
+
 <title>XO LATENCY (NACL)</title>
 </head>
 
--- a/styles.css	Thu Jun 27 02:25:17 2019 -0600
+++ b/styles.css	Thu Jun 27 03:48:07 2019 -0600
@@ -1,7 +1,6 @@
 /* NACL STATSPAGE STYLES
  Made by Glitchvid... nobody surprised.
 */
-@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
 
 h1 {
 	text-align: center;
@@ -145,10 +144,15 @@
 	margin-top: 0.5em;
 	margin-bottom: 0.5em;
 }
+
 @-moz-document url-prefix() {
 		div.logobox {
 			border-color: #3f3f3f;	
 		}
+		
+		div.linkbox {
+			border-color: #3f3f3f;	
+		}
 	}
 
 section.links {

mercurial