Various changes

- color scheme - built with zola link - font subsetting - ubuntu font - remove 404 zola-page - resize pfp to 32*32 - remove whitespace from <title>
2022-07-27 17:12:44 -07:00 · 2022-07-27 17:12:44 -07:00 · 23b3cca0a7
parent 86a3e9c5ab
commit 23b3cca0a7
36 changed files with 75 additions and 108 deletions
--- a/content/404/404.md
+++ b/content/404/404.md
@ -1,8 +0,0 @@
-+++
-+++
-
-# Uh oh!
-
-Looks like the page you're looking for is *missing*. Get the joke? Haha, I'm so funny.
-
-Anyway, [here](/)'s a link back to the homepage.
--- a/content/_index.md
+++ b/content/_index.md
@ -6,9 +6,10 @@ page_template = "subpage.html"

 # Welcome to missing's website!

-Hey! I'm <img src="missing.png" class="pfp"> **TheMissingPiece**, but most people just call me missing. I am a nerd and
-tech enthusiast who loves to rewrite things that already exist just because I can.
-I know JavaScript, TypeScript, Java, C#, and Rust, but nowadays most of my code is
+Hey! I'm {{ resize_image(path="pfp.png", width=32, height=32, op="scale", class="pfp") }}
+**TheMissingPiece**, but most people just call me missing. I am a nerd and tech
+enthusiast who loves to rewrite things that already exist just because I can. I
+know JavaScript, TypeScript, Java, C#, and Rust, but nowadays most of my code is
 written in Rust. You can find my projects on my friend's [Gitea](https://git.karx.xyz/missing).

 ---
@ -29,8 +30,8 @@ My friends' links:
 ---

 Ways to reach me:
- - TheMissingPiece#6742 on discord
- - karx's [discord](https://discord.gg/ejamTPCVSB) or [irc](ircs://karx.xyz)
+ - TheMissingPiece#6742 on Discord
+ - karx's [Discord](https://discord.gg/ejamTPCVSB) or [IRC](ircs://karx.xyz)
 - [piecenotfound@gmail.com](mailto:piecenotfound@gmail.com)

 ---
--- a/public/missing.png
+++ b/public/missing.png
--- a/public/404.html
+++ b/public/404.html
@ -3,9 +3,7 @@

 <head>
    <meta charset="utf-8">
-    <title>
-        404 Page missing
-        </title>
+    <title>404 Page missing</title>
    <link rel="icon" type="image/x-icon" href='https://missingpiece.dev/favicon.ico'>
    <link rel="stylesheet" href='https://missingpiece.dev/css/index.css'>
 </head>
@ -13,13 +11,13 @@
 <body>
    

-
 <h1 id="uh-oh">Uh oh!</h1>
 <p>Looks like the page you're looking for is <em>missing</em>. Get the joke? Haha, I'm so funny.</p>
 <p>Anyway, <a href="/">here</a>'s a link back to the homepage.</p>



+    <p class="built-with-zola">Built with <a href="https://getzola.org">zola</a></p>
 </body>

 </html>
--- a/public/404/404/index.html
+++ b/public/404/404/index.html
@ -1,43 +0,0 @@
-<html>
-    <head>
-        <title>Zola</title>
-    </head>
-    <body>
-        <div class="container">
-            <h1>Welcome to Zola!</h1>
-            <p>
-                You're seeing this page because we couldn't find a template to render.
-            </p>
-            <p>
-                To modify this page, create a <b>page.html</b> file in the templates directory or
-                <a href="https://www.getzola.org/documentation/themes/installing-and-using-themes/" target="_blank">install a theme</a>.
-                <br>
-                You can find what variables are available in this template in the <a href="https:&#x2F;&#x2F;www.getzola.org&#x2F;documentation&#x2F;templates&#x2F;pages-sections&#x2F;#page-variables" target="_blank">documentation</a>.
-            </p>
-        </div>
-        <footer>
-            <a href="https://www.getzola.org/documentation/getting-started/cli-usage/" target="_blank">Get started with Zola</a>
-        </footer>
-        <style>
-            html {
-                line-height: 1.5;
-            }
-            h1 {
-                margin-bottom: 2rem;
-            }
-            .container {
-                font-family: "sans-serif";
-                text-align: center;
-                margin-top: 20vh;
-                padding: 2rem;
-                background: #e9e9e9;
-            }
-            footer {
-                position: fixed;
-                width: 100%;
-                bottom: 1rem;
-                text-align: center;
-            }
-        </style>
-    </body>
-</html>
--- a/public/FiraCode-VF.ttf
+++ b/public/FiraCode-VF.ttf
--- a/public/SFPro-Bold.otf
+++ b/public/SFPro-Bold.otf
--- a/public/SFPro-Italic-Bold.otf
+++ b/public/SFPro-Italic-Bold.otf
--- a/public/SFPro-Italic.otf
+++ b/public/SFPro-Italic.otf
--- a/public/SFPro-Regular.otf
+++ b/public/SFPro-Regular.otf
--- a/public/css/index.css
+++ b/public/css/index.css
@ -12,29 +12,29 @@

@font-face {
    font-family: "Fira Code";
-    src: local("Fira Code"), url("/FiraCode-VF.ttf");
+    src: local("Fira Code"), url("/fonts/FiraCode-VF.ttf");
 }

@font-face {
-    font-family: "SF Pro";
-    src: url("/SFPro-Regular.otf");
+    font-family: "Ubuntu";
+    src: local("Ubuntu"), local("Ubuntu Regular"), url("/fonts/Ubuntu-Regular.ttf");
 }

@font-face {
-    font-family: "SF Pro";
-    src: url("/SFPro-Bold.otf");
+    font-family: "Ubuntu";
+    src: local("Ubuntu Bold"), url("/fonts/Ubuntu-Bold.ttf");
    font-weight: bold;
 }

@font-face {
-    font-family: "SF Pro";
-    src: url("/SFPro-Italic.otf");
+    font-family: "Ubuntu";
+    src: local("Ubuntu Italic"), url("/fonts/Ubuntu-Italic.ttf");
    font-style: italic;
 }

@font-face {
-    font-family: "SF Pro";
-    src: url("/SFPro-Italic-Bold.otf");
+    font-family: "Ubuntu";
+    src: local("Ubuntu Italic Bold"), local("Ubuntu Bold Italic"), url("/fonts/Ubuntu-Bold-Italic.ttf");
    font-weight: bold;
    font-style: italic;
 }
@ -49,9 +49,9 @@ em {

 body {
    min-height: 100vh;
-    background-color: #555;
+    background-color: rgb(39, 39, 45);
    padding: min(7vh, 30px) 15vw;
-    font-family: "SF Pro";
+    font-family: "Ubuntu";
    color: white;
 }

@ -78,12 +78,12 @@ ol {
 }

 a {
-    color: orange;
+    color: cornflowerblue;
 }

 a:visited,
 a:visited * {
-    color: chocolate;
+    color: mediumpurple;
 }

 .navbar {
@ -93,6 +93,12 @@ a:visited * {
    gap: 0.5em;
 }

+.built-with-zola {
+    font-size: 75%;
+    width: 100%;
+    text-align: center;
+}
+
 p {
    margin: 1em 0;
 }
--- a/public/dn42/index.html
+++ b/public/dn42/index.html
@ -3,9 +3,7 @@

 <head>
    <meta charset="utf-8">
-    <title>
-        dn42
-        </title>
+    <title>dn42</title>
    <link rel="icon" type="image/x-icon" href='https://missingpiece.dev/favicon.ico'>
    <link rel="stylesheet" href='https://missingpiece.dev/css/index.css'>
 </head>
@ -32,6 +30,7 @@ listed on the <a href="/">home page</a>.</p>
 </div>


+    <p class="built-with-zola">Built with <a href="https://getzola.org">zola</a></p>
 </body>

 </html>
--- a/public/fonts/FiraCode-VF.ttf
+++ b/public/fonts/FiraCode-VF.ttf
--- a/public/fonts/Ubuntu-Bold-Italic.ttf
+++ b/public/fonts/Ubuntu-Bold-Italic.ttf
--- a/public/fonts/Ubuntu-Bold.ttf
+++ b/public/fonts/Ubuntu-Bold.ttf
--- a/public/fonts/Ubuntu-Italic.ttf
+++ b/public/fonts/Ubuntu-Italic.ttf
--- a/public/fonts/Ubuntu-Regular.ttf
+++ b/public/fonts/Ubuntu-Regular.ttf
--- a/public/index.html
+++ b/public/index.html
@ -3,9 +3,7 @@

 <head>
    <meta charset="utf-8">
-    <title>
-        Missing&#x27;s website
-        </title>
+    <title>Missing&#x27;s website</title>
    <link rel="icon" type="image/x-icon" href='https://missingpiece.dev/favicon.ico'>
    <link rel="stylesheet" href='https://missingpiece.dev/css/index.css'>
 </head>
@ -14,9 +12,11 @@
    

 <h1 id="welcome-to-missing-s-website">Welcome to missing's website!</h1>
-<p>Hey! I'm <img src="missing.png" class="pfp"> <strong>TheMissingPiece</strong>, but most people just call me missing. I am a nerd and
-tech enthusiast who loves to rewrite things that already exist just because I can.
-I know JavaScript, TypeScript, Java, C#, and Rust, but nowadays most of my code is
+<p>Hey! I'm 
+<img src="https:&#x2F;&#x2F;missingpiece.dev&#x2F;processed_images&#x2F;39363955390c6eaf00.png"  class="pfp"  />
+<strong>TheMissingPiece</strong>, but most people just call me missing. I am a nerd and tech
+enthusiast who loves to rewrite things that already exist just because I can. I
+know JavaScript, TypeScript, Java, C#, and Rust, but nowadays most of my code is
 written in Rust. You can find my projects on my friend's <a href="https://git.karx.xyz/missing">Gitea</a>.</p>
 <hr />
 <p>Some projects I am currently working on:</p>
@ -36,8 +36,8 @@ written in Rust. You can find my projects on my friend's <a href="https://git.ka
 <hr />
 <p>Ways to reach me:</p>
 <ul>
-<li>TheMissingPiece#6742 on discord</li>
-<li>karx's <a href="https://discord.gg/ejamTPCVSB">discord</a> or <a href="ircs://karx.xyz">irc</a></li>
+<li>TheMissingPiece#6742 on Discord</li>
+<li>karx's <a href="https://discord.gg/ejamTPCVSB">Discord</a> or <a href="ircs://karx.xyz">IRC</a></li>
 <li><a href="mailto:piecenotfound@gmail.com">piecenotfound@gmail.com</a></li>
 </ul>
 <hr />
@ -51,6 +51,7 @@ written in Rust. You can find my projects on my friend's <a href="https://git.ka
 </div>


+    <p class="built-with-zola">Built with <a href="https://getzola.org">zola</a></p>
 </body>

 </html>
--- a/static/missing.png
+++ b/static/missing.png
--- a/public/processed_images/39363955390c6eaf00.png
+++ b/public/processed_images/39363955390c6eaf00.png
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@ -3,9 +3,6 @@
    <url>
        <loc>https://missingpiece.dev/</loc>
    </url>
-    <url>
-        <loc>https://missingpiece.dev/404/404/</loc>
-    </url>
    <url>
        <loc>https://missingpiece.dev/dn42/</loc>
    </url>
--- a/static/FiraCode-VF.ttf
+++ b/static/FiraCode-VF.ttf
--- a/static/SFPro-Bold.otf
+++ b/static/SFPro-Bold.otf
--- a/static/SFPro-Italic-Bold.otf
+++ b/static/SFPro-Italic-Bold.otf
--- a/static/SFPro-Italic.otf
+++ b/static/SFPro-Italic.otf
--- a/static/SFPro-Regular.otf
+++ b/static/SFPro-Regular.otf
--- a/static/css/index.css
+++ b/static/css/index.css
@ -12,29 +12,29 @@

@font-face {
    font-family: "Fira Code";
-    src: local("Fira Code"), url("/FiraCode-VF.ttf");
+    src: local("Fira Code"), url("/fonts/FiraCode-VF.ttf");
 }

@font-face {
-    font-family: "SF Pro";
-    src: url("/SFPro-Regular.otf");
+    font-family: "Ubuntu";
+    src: local("Ubuntu"), local("Ubuntu Regular"), url("/fonts/Ubuntu-Regular.ttf");
 }

@font-face {
-    font-family: "SF Pro";
-    src: url("/SFPro-Bold.otf");
+    font-family: "Ubuntu";
+    src: local("Ubuntu Bold"), url("/fonts/Ubuntu-Bold.ttf");
    font-weight: bold;
 }

@font-face {
-    font-family: "SF Pro";
-    src: url("/SFPro-Italic.otf");
+    font-family: "Ubuntu";
+    src: local("Ubuntu Italic"), url("/fonts/Ubuntu-Italic.ttf");
    font-style: italic;
 }

@font-face {
-    font-family: "SF Pro";
-    src: url("/SFPro-Italic-Bold.otf");
+    font-family: "Ubuntu";
+    src: local("Ubuntu Italic Bold"), local("Ubuntu Bold Italic"), url("/fonts/Ubuntu-Bold-Italic.ttf");
    font-weight: bold;
    font-style: italic;
 }
@ -49,9 +49,9 @@ em {

 body {
    min-height: 100vh;
-    background-color: #555;
+    background-color: rgb(39, 39, 45);
    padding: min(7vh, 30px) 15vw;
-    font-family: "SF Pro";
+    font-family: "Ubuntu";
    color: white;
 }

@ -78,12 +78,12 @@ ol {
 }

 a {
-    color: orange;
+    color: cornflowerblue;
 }

 a:visited,
 a:visited * {
-    color: chocolate;
+    color: mediumpurple;
 }

 .navbar {
@ -93,6 +93,12 @@ a:visited * {
    gap: 0.5em;
 }

+.built-with-zola {
+    font-size: 75%;
+    width: 100%;
+    text-align: center;
+}
+
 p {
    margin: 1em 0;
 }
--- a/static/fonts/FiraCode-VF.ttf
+++ b/static/fonts/FiraCode-VF.ttf
--- a/static/fonts/Ubuntu-Bold-Italic.ttf
+++ b/static/fonts/Ubuntu-Bold-Italic.ttf
--- a/static/fonts/Ubuntu-Bold.ttf
+++ b/static/fonts/Ubuntu-Bold.ttf
--- a/static/fonts/Ubuntu-Italic.ttf
+++ b/static/fonts/Ubuntu-Italic.ttf
--- a/static/fonts/Ubuntu-Regular.ttf
+++ b/static/fonts/Ubuntu-Regular.ttf
--- a/static/processed_images/39363955390c6eaf00.png
+++ b/static/processed_images/39363955390c6eaf00.png
--- a/templates/404.html
+++ b/templates/404.html
@ -2,7 +2,14 @@

 {% block content %}

-{% set page = get_page(path="404/404.md") %}
-{{ page.content | safe }}
+{% filter markdown %}
+
+# Uh oh!
+
+Looks like the page you're looking for is *missing*. Get the joke? Haha, I'm so funny.
+
+Anyway, [here](/)'s a link back to the homepage.
+
+{% endfilter %}

 {% endblock content %}
--- a/templates/base.html
+++ b/templates/base.html
@ -4,15 +4,15 @@
 <head>
    <meta charset="utf-8">
    <title>
-        {% if section -%}
+        {%- if section -%}
        {{ section.title }}
-        {% else -%}
-        {% if page -%}
+        {%- else -%}
+        {%- if page -%}
        {{ page.title }}
-        {% else -%}
+        {%- else -%}
        404 Page missing
-        {% endif -%}
-        {% endif -%}
+        {%- endif -%}
+        {%- endif -%}
    </title>
    <link rel="icon" type="image/x-icon" href='{{ get_url(path="/favicon.ico") }}'>
    <link rel="stylesheet" href='{{ get_url(path="/css/index.css") }}'>
@ -20,6 +20,7 @@

 <body>
    {% block content %} {% endblock %}
+    <p class="built-with-zola">Built with <a href="https://getzola.org">zola</a></p>
 </body>

 </html>
--- a/templates/shortcodes/resize_image.html
+++ b/templates/shortcodes/resize_image.html
@ -0,0 +1,2 @@
+{% set image = resize_image(path=path, width=width, height=height, op=op) %}
+<img src="{{ image.url }}" {% if class %} class="{{class}}" {% endif %} />