Push new page images

404.html

@@ -1,22 +0,0 @@
-
-
-<style type="text/css" media="screen">
-  .container {
-    margin: 10px auto;
-    max-width: 600px;
-    text-align: center;
-  }
-  h1 {
-    margin: 30px 0;
-    font-size: 4em;
-    line-height: 1;
-    letter-spacing: -1px;
-  }
-</style>
-
-<div class="container">
-  <h1>404</h1>
-
-  <p><strong>Page not found :(</strong></p>
-  <p>The requested page could not be found.</p>
-</div>

404.md

@@ -0,0 +1,14 @@
+---
+title: That's not good...
+layout: page
+backing_img: /assets/images/404.png
+backing_scalar: "height:100%;"
+---
+
+You have encountered a [404 error](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/404) on this website. Maybe you clicked a broken link? 
+
+If you got here from a button or link on my website, please [open an issue](https://github.com/Retrylife/retrylife.github.io/issues/new) so I can fix it.
+
+<br><br><br><br>
+
+<script src="https://api.retrylife.ca/tracking/external/retrylife.ca-404">

_includes/footer.html

@@ -1,7 +1,7 @@
 <br><br>
 
 <div class="foot-info center">
-    Made by Evan Pratten | <a href="/feed.xml">RSS</a> | <a href="https://status.retrylife.ca">API Status</a>
+    Made with ♥ by Evan Pratten | <a href="/feed.xml">RSS</a> | <a href="https://status.retrylife.ca">API Status</a>
 </div>
 
 

_layouts/page.html

@@ -9,7 +9,15 @@
 
         <div class="reactive-bg">
 
-            <div class="color-space" id="color-space"></div>
+            <div class="color-space" id="color-space">
+                <div class="container" style="height:100%; text-align:right">
+                    {% if page.backing_img %}
+                    <img src="{{page.backing_img}}" style="{{page.backing_scalar}};padding-right:5%"></img>
+                    {% else %}
+                    <img src="/assets/images/innovation__monochromatic.svg" style="height:90%;padding-right:5%"></img>
+                    {% endif %}
+                </div>
+            </div>
 
             <div class="content-container">
 

about.md

@@ -2,13 +2,15 @@
 title: About Me
 layout: page
 permalink: /about/
+backing_img: /assets/images/pr_monochromatic.svg
+backing_scalar: "height:90%;"
 ---
 {{site.about}}
 
 ## Chat with me
 If you want to contact me, you can do so via email (ewpratten @ \<this website's domain name\>). 
 
-I use PGP keys (mt keys and history are listed below), so feel free to contact me securely via GPG.
+I use PGP keys (mt keys and history are listed below), so feel free to sign your messages via GPG.
 
 My current PGP key fingerprint is: `3D98 479A DE42 85A3 21F6 6DE4 DAB2 7917 6352 D880`.
 ```
@@ -46,15 +48,6 @@ I exist in various places around the internet. Mainly:
  - [GitLab](https://gitlab.com/{{site.gitlab_username}})
  - [Keybase](https://keybase.com/{{site.keybase_username}})
 
-## My gear
-Currently, I use the following hardware:
-
- - Lenovo T480
-   - 16GB of RAM
-   - 500GB Crucial SSD
-   - Ubuntu 18.04 minimal
- - Google Pixel 3a XL
-   - Stock android
 
 ## My crypto addresses
 
@@ -68,6 +61,12 @@ These are my wallet addresses for various cryptocurrencies:
 
 </div>
 
+## Web assets
+
+This website uses free assets from:
+ - [ManyPixels](https://www.manypixels.co)
+ - [Error404](https://error404.fun/)
+
 <!-- devRant disclaimer -->
 <div class="modal fade" id="devrant-disclaimer" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" role="document">

assets/css/page.css

@@ -6,6 +6,10 @@ body{
     margin:0;
 }
 
+html {
+    scroll-behavior: smooth;
+}
+
 .color-space{
     height:25vh;
 

blog/index.md

@@ -2,6 +2,8 @@
 title: Blog Posts
 layout: page
 header_red: true
+backing_img: /assets/images/innovation__monochromatic.svg
+backing_scalar: "height:90%;"
 ---
 
 Here is a list of things I find interesting, and writeups of projects I have worked on.

events.md

@@ -2,6 +2,8 @@
 title: Events
 description: Notable events I am attending / have attended
 layout: page
+backing_img: /assets/images/convention_monochromatic.svg
+backing_scalar: "height:100%;"
 ---
 
 <div class="list-group" id="posts">