paritybit.ca

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

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:
Mhttp/build/footer.html | 5+----
Mhttp/build/header.html | 48+++++++++++++++++++-----------------------------
Dhttp/public/android-chrome-192x192.png | 0
Dhttp/public/android-chrome-512x512.png | 0
Dhttp/public/apple-touch-icon.png | 0
Dhttp/public/browserconfig.xml | 9---------
Dhttp/public/favicon-16x16.png | 0
Dhttp/public/favicon-32x32.png | 0
Dhttp/public/favicon.ico | 0
Ahttp/public/favicon.png | 0
Dhttp/public/mstile-144x144.png | 0
Dhttp/public/mstile-150x150.png | 0
Dhttp/public/mstile-310x150.png | 0
Dhttp/public/mstile-310x310.png | 0
Dhttp/public/mstile-70x70.png | 0
Dhttp/public/safari-pinned-tab.svg | 2--
Dhttp/public/site.webmanifest | 19-------------------
Mhttp/style/main.css | 87++++++++++++++++++++++++++++++++-----------------------------------------------
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; }