commit d412e4510002b4ffebf1fb57fa5787529ac85f02
parent de444c3363a23ac4f870725d4e2119e7fef64729
Author: Jake Bauer <jbauer@paritybit.ca>
Date: Fri, 19 Feb 2021 06:39:13 -0500
Drastically optimize website
Site went from 11.5KB down to 8.4KB (-31%) and now only two requests
instead of three are made.
This optimization was done by removing the CSS variables in
style/main.css, getting rid of all the extra platform-specific garbage
like mstile and so on from the header, optimizing the footer, and
inlining a re-designed favicon instead of loading it in a separate
request.
Diffstat:
18 files changed, 55 insertions(+), 115 deletions(-)
diff --git a/http/build/footer.html b/http/build/footer.html
@@ -1,4 +1 @@
-<!-- BEGINNING OF FOOTER -->
-</main>
-</body>
-</html>
+</main></body></html>
diff --git a/http/build/header.html b/http/build/header.html
@@ -1,35 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content="">
- <link rel="alternate" type="application/rss+xml" title="RSS feed"
- href="https://www.paritybit.ca/feeds/sitewide-feed.xml">
- <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
- <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
- <link rel="manifest" href="/site.webmanifest">
- <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
- <meta name="msapplication-TileColor" content="#da532c">
- <meta name="theme-color" content="#ffffff">
- <title>paritybit.ca</title>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <link rel="alternate" type="application/rss+xml" title="RSS feed"
+ href="https://www.paritybit.ca/feeds/sitewide-feed.xml">
+ <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABX1BMVEUAAAABAAAAAAAAAAAAAAAAAAAAAAC7amoAAABlPz8AAAAAAAAGAwMAAAAAAAAAAAC7d3cKBwe7d3e7d3eWX1/ny4+WX18CAQGHVlaTXl4BAAApGhpiPj7ny4/ny4/oy4/ozI/qz5Ona2u7d3d4TEzny48MCAhlQEC7d3e7d3cAAAAAAAC7d3e8d3cAAAC8d3fnzI+8dnYAAADpzJC9eHjny4+WX1+TXV13S0u7d3fny492S0vnzI/ny4+EU1PnzI8mFxe7d3cjFhZgPT3ny5AAAAC7d3fny4+7d3cAAADozJC6d3e7d3cAAADozI/my5Dny44AAAAAAAC7d3e4d3fkx5DpzY69c3O7d3eoamroy4+FVVWEVFR0Skq7d3e7d3e8d3cAAAC6eHi7eHi7eHi8dna8dnYAAADozJAAAADkyY28eXnqyJHqzY63eHi/dXXny48AAAC7d3e5dXW2dHSjLYEdAAAAcHRSTlMA9cj58gYaBOrflhjq44MI/ePbaP348u/u6Oba1sW+oosL/Pbv7ejnyLuXlI54RkM8Oy4iG/v38efl4ODf2tfT09LQz87FwbeimJeJf397ZUlIRTQvGxYP9/Xv4ODZz86yk4JxYlRQSjctJiYlJCAYM3tXUgAAAg1JREFUOMttk1V3ImEQRO8MQ3CChACBIHF3l427+7q7Tjfz/88+sNhk67Vuf3K6CuryXo2Yfo/HbwYnvDxW25EldVnBNpfdHjVErO2dJ9nsk51tS8SItreMmyLxV46qakxVndW4iNl0yExEjHxFEyfTcz7f3PT7La0EDInM1PxQRMJZTSQbE5OvtbNLuv6d0W5K1zM99DXf6RvTnrCY1XdExcjqKcD9RbFQKF7cAyS105AoQJsheT0EyqWUbdu2badKZeBEA2KFgCOJVxI+uNu169q9A4YqAxIEryWr+hnKG3aTNsowrX2S9vJFLGcLOLZbdAwMO4ZMMCKbegq/5luB+VlIak6CmJLXGzi3XTqHOQ2IiV9e6gMU3EABeJoRPx7p7AXW3cA6kOgQTw1YcwNrNcAvL/QBut1AN9CbET+m5PUWSm6gBH90UEyCsqnjMOUGvsJHzckoV2I4Q8BBq38AvHUMucZryZJOwmx/s98/C7exPkl7YUTilTc+mHre5E8Bw5UBGa2uO6BjwPf6T7p/AuM6WF03UTEWNQlwWVxJpVaKlwCfYgseOatFLtyjYy2RYzzWE5Y9byO0izo02bBv9nUhXA9tNfaBiu5/+OED3+/ksFYGPRL55irOkqOqy8sxVadvQGQv9Kh6Ri6Q6ejIBHKGiHXmLnAomG6UNz0a+k+/vRPBav3fXTdN/wUXrszXABeiEwAAAABJRU5ErkJggg==">
+ <title>paritybit.ca</title>
</head>
<body>
- <header id="header">
- <!-- <p class="note">All paritybit.ca services will be offline starting -->
- <!-- 2020-08-31T01:00:00Z until 2020-09-03T01:00:00Z or earlier. Mail -->
- <!-- services will remain unaffected.</p> -->
- <h1>paritybit.ca</h1>
- </header>
- <nav id="navigation">
- <a href="/">Home</a>
- <a href="/blog">Blog</a>
- <a href="/links">Links</a>
- <a href="/projects">Projects</a>
- <a href="/uses">Uses</a>
- <a href="/now">Now</a>
- </nav>
- <hr>
- <main>
- <!--TOC-->
+ <header id="header"> <h1>paritybit.ca</h1> </header>
+ <nav id="navigation">
+ <a href="/">Home</a>
+ <a href="/blog">Blog</a>
+ <a href="/links">Links</a>
+ <a href="/projects">Projects</a>
+ <a href="/uses">Uses</a>
+ <a href="/now">Now</a>
+ </nav>
+ <hr>
+ <main>
+ <!--TOC-->
<!-- END OF HEADER FILE -->
diff --git a/http/public/android-chrome-192x192.png b/http/public/android-chrome-192x192.png
Binary files differ.
diff --git a/http/public/android-chrome-512x512.png b/http/public/android-chrome-512x512.png
Binary files differ.
diff --git a/http/public/apple-touch-icon.png b/http/public/apple-touch-icon.png
Binary files differ.
diff --git a/http/public/browserconfig.xml b/http/public/browserconfig.xml
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
- <msapplication>
- <tile>
- <square150x150logo src="/mstile-150x150.png"/>
- <TileColor>#da532c</TileColor>
- </tile>
- </msapplication>
-</browserconfig>
diff --git a/http/public/favicon-16x16.png b/http/public/favicon-16x16.png
Binary files differ.
diff --git a/http/public/favicon-32x32.png b/http/public/favicon-32x32.png
Binary files differ.
diff --git a/http/public/favicon.ico b/http/public/favicon.ico
Binary files differ.
diff --git a/http/public/favicon.png b/http/public/favicon.png
Binary files differ.
diff --git a/http/public/mstile-144x144.png b/http/public/mstile-144x144.png
Binary files differ.
diff --git a/http/public/mstile-150x150.png b/http/public/mstile-150x150.png
Binary files differ.
diff --git a/http/public/mstile-310x150.png b/http/public/mstile-310x150.png
Binary files differ.
diff --git a/http/public/mstile-310x310.png b/http/public/mstile-310x310.png
Binary files differ.
diff --git a/http/public/mstile-70x70.png b/http/public/mstile-70x70.png
Binary files differ.
diff --git a/http/public/safari-pinned-tab.svg b/http/public/safari-pinned-tab.svg
@@ -1 +0,0 @@
-<svg version="1" xmlns="http://www.w3.org/2000/svg" width="933.333" height="933.333" viewBox="0 0 700.000000 700.000000"><path d="M327.8.5c-.1.1-4.1.5-8.8.9-8.7.7-10.5.9-22.5 2.7-11.6 1.8-12.3 1.9-19.2 3.5-22.7 5.1-37.3 9.5-55.3 16.6C154.7 50.8 96.6 98 57.5 158c-11.4 17.5-19.8 32.7-26 47-2.1 4.7-4.5 10.3-5.5 12.5-5.6 12.8-15.1 42.7-17.5 55.6-.3 1.3-1.1 5.8-2 9.9-2.9 14.7-3.6 20-5.2 37-1.5 16.4-.8 59.2 1.2 71.1.2 1.3.6 4.6.9 7.4.9 7.8 2.3 15.6 5.1 28.5 3.1 14.2 10.9 39.3 17.5 55.5 4.9 12.3 17.3 37 23.5 46.8 3 4.9 5.5 9.2 5.5 9.7 0 .4.3 1 .8 1.2.4.2 3.3 4.1 6.4 8.8 6.3 9.4 21 28 29 36.6 20.6 22 41.2 39.8 63.8 54.8 17.8 11.7 20.8 13.6 36.5 21.5 33.9 17.3 74 30 109 34.6 2.2.2 5.6.7 7.5 1 18.6 2.6 69.7 2.7 83.7.1 1.7-.3 10.4-1.6 14.8-2.1 6.1-.8 20.6-4 32-7 38.6-10.3 71.3-24.8 103.8-46.3 26.7-17.6 51.1-38.8 70-60.7 3.3-3.9 6.3-7.2 6.7-7.5 1.2-1 13.7-17.6 19.2-25.5 10.7-15.4 23-37.3 30.5-54 6.3-14.1 7.1-16.2 10.6-26 4.6-13.1 7.2-21.5 9.3-29.5 1.5-6.3 1.8-7.4 2.9-12.3 1.4-6 5.5-29.9 6-35.2.4-3.3.9-7.1 1.1-8.5.9-4.7 1.1-52.5.3-60.5-1.5-16.5-2.1-22-2.4-22.5-.2-.3-.6-3-1-6s-2.2-12.3-4-20.5c-5.3-23.2-10.2-38.6-19.7-60.9-39.1-92-116.9-163.5-212.1-195.1-15.6-5.1-41-11.3-53.7-13-1.9-.3-4.6-.7-6-1-1.3-.2-5.2-.7-8.6-1.1-3.3-.3-7.4-.8-9-1-3.2-.5-54-1.4-54.6-.9zm46.7 87c8.1.7 14.6 1.5 17.1 2 1.2.3 3.9.7 6 1.1 3.3.4 8.7 1.7 26.6 5.9 2.5.6 20 6.5 22.3 7.5 1.1.5 4.9 2.1 8.5 3.6 3.6 1.4 11 4.9 16.5 7.7 55.1 28 98.6 74.3 123.8 131.7 8.7 19.7 16.4 48.1 19.1 70.5 2.6 20.3 2.6 48.6.1 66.3-1.2 9.2-1.7 12.3-3.1 19.2-16.5 83.2-73.6 154.6-151.4 189.2-18.8 8.4-43.3 16.3-57 18.3-2.5.4-4.7.8-5 1-1 .6-16.6 2.6-26 3.2-18.6 1.4-43.5.6-58.5-1.6-35-5.4-70.2-17.8-97.3-34.2-3.5-2.1-6.6-3.9-6.9-3.9-.3 0-1.5-.8-2.8-1.8-1.2-.9-3.3-2.4-4.5-3.2-3.9-2.6-13.8-9.8-16.2-11.8-1.3-1.1-4.5-3.9-7.3-6.2-25.6-21.6-49.3-51.6-64.1-81.1C109 460.1 102 444 102.7 444c.3 0 .1-.6-.4-1.3-3-3.6-12-38.4-13.8-52.6-.4-3-.8-6.3-1-7.3-.8-4-1.7-21.2-1.8-32.1 0-14.7.9-26.4 3.4-42.2 1.5-10 1.9-11.5 5.4-25 5.2-19.9 9.3-30.8 19.8-51.7 29.6-59.2 82.2-105.9 145.7-129.3 22.9-8.4 47.5-13.6 71.5-15.1 5.5-.4 10.1-.7 10.2-.9.5-.3 26.7.4 32.8 1z"/><path d="M344.7 157.6c-.1.1-4 .4-8.7.8-11.6.8-17.4 1.6-25 3.2-3.6.8-7.6 1.7-9 2-3 .6-14.7 4.2-17.5 5.4-1.1.5-4.2 1.6-7 2.6-13.4 4.8-35.9 18.1-50.2 29.6-3.9 3.2-7.9 5.8-8.7 5.8-.9 0-1.6.6-1.6 1.3 0 .8-3 4.5-6.6 8.3-28.2 29.4-45.5 63.6-52.6 103.9-3.2 18-3.1 49.8.3 66.8 7.8 39.9 25.3 73.6 53.1 102.1 4.1 4.3 5.8 6.8 5.8 8.7 0 2.2.4 2.6 2.3 2.2 1.6-.3 4.7 1.4 11.1 6.3 47.7 35.9 103.5 48.5 161.2 36.4 8.8-1.9 25.6-6.9 29.9-8.9 1.1-.6 4.3-2 7-3.1 13.5-5.8 28.5-14.7 41.2-24.6 4.5-3.5 8.9-6.4 9.7-6.4.9 0 1.6-.6 1.6-1.3 0-.6 3.4-4.8 7.6-9.1 23.6-24.6 39.3-51.1 48.4-81.9 5.4-18.1 7.5-33.3 7.5-55.2 0-17.7-.5-23.4-3.5-38-6.4-32-19.6-60-40.3-85.3-30.7-37.5-73.5-61.8-122.7-69.6-4.9-.8-32.7-2.5-33.3-2z"/></svg>
-\ No newline at end of file
diff --git a/http/public/site.webmanifest b/http/public/site.webmanifest
@@ -1,19 +0,0 @@
-{
- "name": "",
- "short_name": "",
- "icons": [
- {
- "src": "/android-chrome-192x192.png",
- "sizes": "192x192",
- "type": "image/png"
- },
- {
- "src": "/android-chrome-512x512.png",
- "sizes": "512x512",
- "type": "image/png"
- }
- ],
- "theme_color": "#ffffff",
- "background_color": "#ffffff",
- "display": "standalone"
-}
diff --git a/http/style/main.css b/http/style/main.css
@@ -1,29 +1,12 @@
-:root {
- --bg: #25252a;
- --fg: #cccccc;
- --bg-bright: #36363a;
- --fg-bright: #eaeaea;
- --fg-dim: #8c8c8c;
- --code: #4c4c4c;
- --accent: #83b3d8;
- --vis-link: #A696CC;
- --hov-link: #80ccff;
- --notice-bg: #224499;
- --border-dark: #585858;
- --small-font: 0.8rem;
- --large-font: 1.1rem;
- --line-height: 1.3rem;
-}
-
html {
- scrollbar-color: var(--accent) transparent;
+ scrollbar-color: #83b3d8 transparent;
}
body {
- background-color: var(--bg);
- color: var(--fg);
+ background-color: #25252a;
+ color: #ccc;
font-family: sans-serif;
- line-height: var(--line-height);
+ line-height: 1.3rem;
max-width: 50%;
max-width: 72ch;
margin: 0 auto;
@@ -46,22 +29,22 @@ nav {
nav a {
padding: 0em 0.5em;
- font-size: var(--large-font);
+ font-size: 1.1rem;
font-weight: bold;
text-decoration: none;
}
a, nav a:visited {
- color: var(--accent);
+ color: #83b3d8;
}
a:hover, li a:hover, .feed-item:hover, nav a:hover {
- color: var(--hov-link) !important;
+ color: #80ccff !important;
text-decoration: underline;
}
a:visited {
- color: var(--vis-link);
+ color: #a696cc;
}
a:hover {
@@ -73,7 +56,7 @@ li a, .feed-item {
}
s {
- color: var(--fg-dim);
+ color: #8c8c8c;
}
img, video {
@@ -81,7 +64,7 @@ img, video {
}
blockquote {
- border-left: 5px solid var(--accent);
+ border-left: 5px solid #83b3d8;
border-radius: 10px;
padding-left: 0.5em;
}
@@ -95,47 +78,47 @@ figcaption {
}
select, input {
- color: var(--fg-bright);
- background-color: var(--bg-bright);
- border: 2px solid var(--border-dark);
+ color: #eaeaea;
+ background-color: #36363a;
+ border: 2px solid #585858;
border-radius: 5px;
padding: 0.2em;
}
select:focus, input:focus {
- border: 2px solid var(--accent);
+ border: 2px solid #83b3d8;
}
button {
- color: var(--fg-bright);
- background-color: var(--code);
- border: 2px outset var(--border-dark);
+ color: #eaeaea;
+ background-color: #4c4c4c;
+ border: 2px outset #585858;
border-radius: 5px;
padding: 3px 8px;
}
button:hover {
- border: 2px outset var(--accent);
+ border: 2px outset #83b3d8;
}
button:active {
- border: 2px inset var(--border-dark);
+ border: 2px inset #585858;
}
table, th, td {
- border: 2px solid var(--border-dark);
+ border: 2px solid #585858;
border-collapse: collapse;
text-align: left;
padding: 0.25em 0.5em;
}
th {
- color: var(--fg-bright);
- background-color: var(--bg-bright);
+ color: #eaeaea;
+ background-color: #36363a;
}
.byline {
- font-size: var(--small-font);
+ font-size: 0.8rem;
}
.rss-icon {
@@ -149,8 +132,8 @@ th {
}
.note {
- background-color: var(--notice-bg);
- color: var(--fg-bright);
+ background-color: #249;
+ color: #eaeaea;
border-radius: 5px;
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.5);
padding: 20px 30px;
@@ -158,7 +141,7 @@ th {
}
.note a, .note a:visited{
- color: var(--fg-bright);
+ color: #eaeaea;
text-decoration: underline;
}
@@ -166,20 +149,20 @@ th {
text-align: center;
clear: both;
margin: 1em auto;
- font-size: var(--large-font);
+ font-size: 1.1rem;
}
#table-of-contents {
float: right;
margin: 0em 0em 1em 1em;
width: 45%;
- border: 2px var(--border-dark) solid;
+ border: 2px #585858 solid;
border-radius: 5px;
- background-color: var(--bg-bright);
+ background-color: #36363a;
}
#toc-title {
- font-size: var(--large-font);
+ font-size: 1.1rem;
font-weight: bold;
padding-left: 1em;
}
@@ -206,10 +189,10 @@ th {
}
pre {
- background-color: var(--code);
+ background-color: #4c4c4c;
overflow: auto;
padding: 1em;
- border: 2px var(--border-dark) solid;
+ border: 2px #585858 solid;
border-radius: 5px;
text-indent: -0.25em; /*Needed otherwise first line indented for some reason*/
line-height: 1rem;
@@ -217,9 +200,9 @@ pre {
code {
font-family: monospace;
- background-color: var(--code);
- color: var(--fg-bright);
- font-size: var(--small-font);
+ background-color: #4c4c4c;
+ color: #eaeaea;
+ font-size: 0.8rem;
padding: 1px 4px;
border-radius: 5px;
}
