missing/site
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Wiki Activity

Various changes

Browse source 
- color scheme
- built with zola link
- font subsetting
- ubuntu font
- remove 404 zola-page
- resize pfp to 32*32
- remove whitespace from <title>
This commit is contained in:
missing 2022-07-27 17:12:44 -07:00
parent 86a3e9c5ab
commit 23b3cca0a7
36 changed files with 75 additions and 108 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
content/404/404.md
View file

@ -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.

11
content/_index.md
View file

@ -6,9 +6,10 @@ page_template = "subpage.html"
# Welcome to missing's website! # 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 Hey! I'm {{ resize_image(path="pfp.png", width=32, height=32, op="scale", class="pfp") }}
tech enthusiast who loves to rewrite things that already exist just because I can. **TheMissingPiece**, but most people just call me missing. I am a nerd and tech
I know JavaScript, TypeScript, Java, C#, and Rust, but nowadays most of my code is 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). 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: Ways to reach me:
- TheMissingPiece#6742 on discord - TheMissingPiece#6742 on Discord
- karx's [discord](https://discord.gg/ejamTPCVSB) or [irc](ircs://karx.xyz) - karx's [Discord](https://discord.gg/ejamTPCVSB) or [IRC](ircs://karx.xyz)
- [piecenotfound@gmail.com](mailto:piecenotfound@gmail.com) - [piecenotfound@gmail.com](mailto:piecenotfound@gmail.com)
--- ---

0
public/missing.png → content/pfp.png
View file

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

6
public/404.html
View file

@ -3,9 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title> <title>404 Page missing</title>
404 Page missing
</title>
<link rel="icon" type="image/x-icon" href='https://missingpiece.dev/favicon.ico'> <link rel="icon" type="image/x-icon" href='https://missingpiece.dev/favicon.ico'>
<link rel="stylesheet" href='https://missingpiece.dev/css/index.css'> <link rel="stylesheet" href='https://missingpiece.dev/css/index.css'>
</head> </head>
@ -13,13 +11,13 @@
<body> <body>
<h1 id="uh-oh">Uh oh!</h1> <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>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>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> </body>
</html> </html>

43
public/404/404/index.html
View file

@ -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>

BIN
public/FiraCode-VF.ttf
View file

Binary file not shown.

BIN
public/SFPro-Bold.otf
View file

Binary file not shown.

BIN
public/SFPro-Italic-Bold.otf
View file

Binary file not shown.

BIN
public/SFPro-Italic.otf
View file

Binary file not shown.

BIN
public/SFPro-Regular.otf
View file

Binary file not shown.

32
public/css/index.css
View file

@ -12,29 +12,29 @@
@font-face { @font-face {
font-family: "Fira Code"; font-family: "Fira Code";
src: local("Fira Code"), url("/FiraCode-VF.ttf"); src: local("Fira Code"), url("/fonts/FiraCode-VF.ttf");
} }
@font-face { @font-face {
font-family: "SF Pro"; font-family: "Ubuntu";
src: url("/SFPro-Regular.otf"); src: local("Ubuntu"), local("Ubuntu Regular"), url("/fonts/Ubuntu-Regular.ttf");
} }
@font-face { @font-face {
font-family: "SF Pro"; font-family: "Ubuntu";
src: url("/SFPro-Bold.otf"); src: local("Ubuntu Bold"), url("/fonts/Ubuntu-Bold.ttf");
font-weight: bold; font-weight: bold;
} }
@font-face { @font-face {
font-family: "SF Pro"; font-family: "Ubuntu";
src: url("/SFPro-Italic.otf"); src: local("Ubuntu Italic"), url("/fonts/Ubuntu-Italic.ttf");
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: "SF Pro"; font-family: "Ubuntu";
src: url("/SFPro-Italic-Bold.otf"); src: local("Ubuntu Italic Bold"), local("Ubuntu Bold Italic"), url("/fonts/Ubuntu-Bold-Italic.ttf");
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
@ -49,9 +49,9 @@ em {
body { body {
min-height: 100vh; min-height: 100vh;
background-color: #555; background-color: rgb(39, 39, 45);
padding: min(7vh, 30px) 15vw; padding: min(7vh, 30px) 15vw;
font-family: "SF Pro"; font-family: "Ubuntu";
color: white; color: white;
} }
@ -78,12 +78,12 @@ ol {
} }
a { a {
color: orange; color: cornflowerblue;
} }
a:visited, a:visited,
a:visited * { a:visited * {
color: chocolate; color: mediumpurple;
} }
.navbar { .navbar {
@ -93,6 +93,12 @@ a:visited * {
gap: 0.5em; gap: 0.5em;
} }
.built-with-zola {
font-size: 75%;
width: 100%;
text-align: center;
}
p { p {
margin: 1em 0; margin: 1em 0;
} }

5
public/dn42/index.html
View file

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

BIN
public/fonts/FiraCode-VF.ttf Normal file
View file

Binary file not shown.

BIN
public/fonts/Ubuntu-Bold-Italic.ttf Normal file
View file

Binary file not shown.

BIN
public/fonts/Ubuntu-Bold.ttf Normal file
View file

Binary file not shown.

BIN
public/fonts/Ubuntu-Italic.ttf Normal file
View file

Binary file not shown.

BIN
public/fonts/Ubuntu-Regular.ttf Normal file
View file

Binary file not shown.

17
public/index.html
View file

@ -3,9 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title> <title>Missing&#x27;s website</title>
Missing&#x27;s website
</title>
<link rel="icon" type="image/x-icon" href='https://missingpiece.dev/favicon.ico'> <link rel="icon" type="image/x-icon" href='https://missingpiece.dev/favicon.ico'>
<link rel="stylesheet" href='https://missingpiece.dev/css/index.css'> <link rel="stylesheet" href='https://missingpiece.dev/css/index.css'>
</head> </head>
@ -14,9 +12,11 @@
<h1 id="welcome-to-missing-s-website">Welcome to missing's website!</h1> <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 <p>Hey! I'm
tech enthusiast who loves to rewrite things that already exist just because I can. <img src="https:&#x2F;&#x2F;missingpiece.dev&#x2F;processed_images&#x2F;39363955390c6eaf00.png" class="pfp" />
I know JavaScript, TypeScript, Java, C#, and Rust, but nowadays most of my code is <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> written in Rust. You can find my projects on my friend's <a href="https://git.karx.xyz/missing">Gitea</a>.</p>
<hr /> <hr />
<p>Some projects I am currently working on:</p> <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 /> <hr />
<p>Ways to reach me:</p> <p>Ways to reach me:</p>
<ul> <ul>
<li>TheMissingPiece#6742 on discord</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>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> <li><a href="mailto:piecenotfound@gmail.com">piecenotfound@gmail.com</a></li>
</ul> </ul>
<hr /> <hr />
@ -51,6 +51,7 @@ written in Rust. You can find my projects on my friend's <a href="https://git.ka
</div> </div>
<p class="built-with-zola">Built with <a href="https://getzola.org">zola</a></p>
</body> </body>
</html> </html>

0
static/missing.png → public/pfp.png
View file

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

BIN
public/processed_images/39363955390c6eaf00.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

3
public/sitemap.xml
View file

@ -3,9 +3,6 @@
<url> <url>
<loc>https://missingpiece.dev/</loc> <loc>https://missingpiece.dev/</loc>
</url> </url>
<url>
<loc>https://missingpiece.dev/404/404/</loc>
</url>
<url> <url>
<loc>https://missingpiece.dev/dn42/</loc> <loc>https://missingpiece.dev/dn42/</loc>
</url> </url>

BIN
static/FiraCode-VF.ttf
View file

Binary file not shown.

BIN
static/SFPro-Bold.otf
View file

Binary file not shown.

BIN
static/SFPro-Italic-Bold.otf
View file

Binary file not shown.

BIN
static/SFPro-Italic.otf
View file

Binary file not shown.

BIN
static/SFPro-Regular.otf
View file

Binary file not shown.

32
static/css/index.css
View file

@ -12,29 +12,29 @@
@font-face { @font-face {
font-family: "Fira Code"; font-family: "Fira Code";
src: local("Fira Code"), url("/FiraCode-VF.ttf"); src: local("Fira Code"), url("/fonts/FiraCode-VF.ttf");
} }
@font-face { @font-face {
font-family: "SF Pro"; font-family: "Ubuntu";
src: url("/SFPro-Regular.otf"); src: local("Ubuntu"), local("Ubuntu Regular"), url("/fonts/Ubuntu-Regular.ttf");
} }
@font-face { @font-face {
font-family: "SF Pro"; font-family: "Ubuntu";
src: url("/SFPro-Bold.otf"); src: local("Ubuntu Bold"), url("/fonts/Ubuntu-Bold.ttf");
font-weight: bold; font-weight: bold;
} }
@font-face { @font-face {
font-family: "SF Pro"; font-family: "Ubuntu";
src: url("/SFPro-Italic.otf"); src: local("Ubuntu Italic"), url("/fonts/Ubuntu-Italic.ttf");
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: "SF Pro"; font-family: "Ubuntu";
src: url("/SFPro-Italic-Bold.otf"); src: local("Ubuntu Italic Bold"), local("Ubuntu Bold Italic"), url("/fonts/Ubuntu-Bold-Italic.ttf");
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
@ -49,9 +49,9 @@ em {
body { body {
min-height: 100vh; min-height: 100vh;
background-color: #555; background-color: rgb(39, 39, 45);
padding: min(7vh, 30px) 15vw; padding: min(7vh, 30px) 15vw;
font-family: "SF Pro"; font-family: "Ubuntu";
color: white; color: white;
} }
@ -78,12 +78,12 @@ ol {
} }
a { a {
color: orange; color: cornflowerblue;
} }
a:visited, a:visited,
a:visited * { a:visited * {
color: chocolate; color: mediumpurple;
} }
.navbar { .navbar {
@ -93,6 +93,12 @@ a:visited * {
gap: 0.5em; gap: 0.5em;
} }
.built-with-zola {
font-size: 75%;
width: 100%;
text-align: center;
}
p { p {
margin: 1em 0; margin: 1em 0;
} }

BIN
static/fonts/FiraCode-VF.ttf Normal file
View file

Binary file not shown.

BIN
static/fonts/Ubuntu-Bold-Italic.ttf Normal file
View file

Binary file not shown.

BIN
static/fonts/Ubuntu-Bold.ttf Normal file
View file

Binary file not shown.

BIN
static/fonts/Ubuntu-Italic.ttf Normal file
View file

Binary file not shown.

BIN
static/fonts/Ubuntu-Regular.ttf Normal file
View file

Binary file not shown.

BIN
static/processed_images/39363955390c6eaf00.png Normal file
View file

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

11
templates/404.html
View file

@ -2,7 +2,14 @@
{% block content %} {% block content %}
{% set page = get_page(path="404/404.md") %} {% filter markdown %}
{{ page.content | safe }}
# 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 %} {% endblock content %}

13
templates/base.html
View file

@ -4,15 +4,15 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title> <title>
{% if section -%} {%- if section -%}
{{ section.title }} {{ section.title }}
{% else -%} {%- else -%}
{% if page -%} {%- if page -%}
{{ page.title }} {{ page.title }}
{% else -%} {%- else -%}
404 Page missing 404 Page missing
{% endif -%} {%- endif -%}
{% endif -%} {%- endif -%}
</title> </title>
<link rel="icon" type="image/x-icon" href='{{ get_url(path="/favicon.ico") }}'> <link rel="icon" type="image/x-icon" href='{{ get_url(path="/favicon.ico") }}'>
<link rel="stylesheet" href='{{ get_url(path="/css/index.css") }}'> <link rel="stylesheet" href='{{ get_url(path="/css/index.css") }}'>
@ -20,6 +20,7 @@
<body> <body>
{% block content %} {% endblock %} {% block content %} {% endblock %}
<p class="built-with-zola">Built with <a href="https://getzola.org">zola</a></p>
</body> </body>
</html> </html>

2
templates/shortcodes/resize_image.html Normal file
View file

@ -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 %} />