[2024-08-03] Updating style and homepage

_includes/defaultFooter.html

@@ -1,8 +1,6 @@
 <br>
 <div style="text-align: center;">
-<code>
 Made with 💕 (and Jekyll)<br>
 © Andrew Conlin 2023-2024<br>
 All rights reverse engineered
-</code>
 </div>

_includes/header.html

@@ -1,6 +1,5 @@
 <h1><a href="/">andrewconl.in</a></h1>
 <div>
-    <code style="font-size: x-large;"><a href="/blog">blog</a> // <a href="/weeklinks">weeklinks</a> // <a href="/til">til</a> // <a href="/projects">projects</a> // <a>meta</a></code>
+    <p style="font-size: x-large;"><a href="/blog">blog</a> // <a href="/weeklinks">weeklinks</a> // <a href="/til">til</a> // <a href="/projects">projects</a> // <a href="/meta">meta</a></p>
 </div>
-<br>
+<hr>
-<hr>

_includes/postFooter.html

@@ -1,4 +1,4 @@
 <hr><br>
 <div style="text-align: center;">
-<code>Issues or comments? <a href="mailto:andrew@andrewconl.in">Email me!</a></code>
+Issues or comments? <a href="mailto:andrew@andrewconl.in">Email me!</a>
 </div>

_layouts/post.html

@@ -1,12 +1,10 @@
 ---
 layout: default
 ---
-<code>
 <span style="font-size: x-large;"><a href="/">~</a> > <a href="/{{page.category}}">{{page.category}}</a> > <a href="">{{page.title}}</a><br></span>
 
     {{ page.date | date: "%Y-%m-%d" }}<br>
     {{ content | reading_time | pluralize: "minute" }}
-</code>
 <hr>
 
 {{ content }}

assets/css/default.css

@@ -1,5 +1,23 @@
+@font-face {
+	font-family: 'Geist';
+	src: url('/assets/fonts/Geist-Regular.otf') format('opentype');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Geist Mono';
+	src: url('/assets/fonts/GeistMonoNerdFont-Regular.otf') format('opentype');
+	font-weight: normal;
+	font-style: normal;
+}
+
 body {
-    font-family: monospace;
+    font-family: Geist, sans-serif;
+}
+
+code {
+	font-family: Geist Mono, monospace;
 }
 
 div.container {
@@ -41,23 +59,31 @@ div.content {
 }
 
 body {
-    background-color: #ffffff;
+    background-color: #242424;
-    color: #000000;
+    color: #E7D7AD;
 }
 
 pre {
-    background-color:antiquewhite;
+    background-color:#32302F;
     padding: 10px 10px 10px 10px;
     border-radius: 10px;
     white-space: pre-wrap;
     white-space: pre-wrap;
 }
 
-hr {
+a {
-    border: 2px dashed #000000;
+	color: #E7D7AD;
-    border-style: none none dashed; 
+	text-decoration: none;
-    color: transparent; 
+	border-bottom: 3px solid #FABD2F;
-    background-color: transparent;
+	border-radius: 2px;
+}
+
+a:hover {
+	color: #242424;
+	background: #FABD2F;
+	text-decoration: none;
+	border-bottom: 3px solid #FABD2F;
+	border-radius: 2px;
 }
 
 img {
@@ -66,4 +92,9 @@ img {
     margin-left: auto;
     margin-right: auto;
     display: block;
-}
+}
+
+::selection {
+  color: #242424;
+  background: #FABD2F;
+}

blog.html

@@ -11,9 +11,9 @@ backlink: false
   {% assign category = post.category %}
   {% if category == 'blog' %}
     <li>
-      <p><code>{{ post.date | date: "%Y-%m-%d" }}</code> // <a href="{{ post.url }}">{{ post.title }}</a></p>
+      <p>{{ post.date | date: "%Y-%m-%d" }} // <a href="{{ post.url }}">{{ post.title }}</a></p>
     </li>
   {% endif %}
   {% endfor %}
 </ul>
-<hr>
+<hr>

index.html

@@ -1,16 +1,12 @@
 ---
 layout: default
-title: andrewconl.in
 permalink: /
-backlink: false
 ---
-This site is designed to be kept as simple as possible.<br>
+
-It is pure HTML/CSS [*], which keeps things small, fast and accessible.<br>
+<span style="color: #A89984;"><i>“Man is said to be a reasoning animal. I do not know why he has not been defined as an affective or feeling animal. Perhaps that which differentiates him from other animals is feeling rather than reason. More often I have seen a cat reason than laugh or weep. Perhaps it weeps or laughs inwardly — but then perhaps, also inwardly, the crab resolves equations of the second degree.”</i></span><br>
-* I use a self-hosted instance of <a href="https://umami.is">umami</a> for analytics. It respects do-not-track signals.<br>
+<span style="float: right;"><b>― Miguel de Unamuno, Tragic Sense of Life</b></span><br><br>
---<br>
+Email: <a href="mailto:andrew@andrewconl.in">andrew@andrewconl.in</a><br>
-email: <a href="mailto:andrew@andrewconl.in">andrew@andrewconl.in</a><br>
+Mastodon: <a rel="me" href="https://mastodon.scot/@andrwcnln">andrwcnln@mastodon.scot</a><br>
-masto: <a rel="me" href="https://mastodon.scot/@andrwcnln">andrwcnln@mastodon.scot</a><br>
+GitHub: <a href="https://github.com/andrwcnln">@andrwcnln</a><br>
-github: <a href="https://github.com/andrwcnln">@andrwcnln</a><br>
+RSS: <a href="/feed.xml">/feed.xml</a><br>
---<br>
+<hr>
-<a href="/feed.xml">rss</a><br>
-<hr>

meta.html

@@ -0,0 +1,9 @@
+---
+layout: default
+title: meta
+permalink: /meta
+---
+
+<h2>Meta</h2>
+Both the Sans Serif and Monospace fonts used on this site are <a href="https://vercel.com/font">Geist, by Vercel</a>
+<hr>

til.html

@@ -10,9 +10,9 @@ backlink: false
     {% assign category = post.category %}
     {% if category == 'til' %}
     <li>
-        <p><code>{{ post.date | date: "%Y-%m-%d" }}</code> // <a href="{{ post.url }}">{{ post.title }}</a></p>
+        <p>{{ post.date | date: "%Y-%m-%d" }} // <a href="{{ post.url }}">{{ post.title }}</a></p>
     </li>
     {% endif %}
     {% endfor %}
 </ul>
-<hr>
+<hr>

weeklinks.html

@@ -11,9 +11,9 @@ backlink: false
     {% assign category = post.category %}
     {% if category == 'weeklinks' %}
     <li>
-        <p><code>{{ post.date | date: "%Y-%m-%d" }}</code> // <a href="{{ post.url }}">{{ post.title }}</a></p>
+        <p>{{ post.date | date: "%Y-%m-%d" }} // <a href="{{ post.url }}">{{ post.title }}</a></p>
     </li>
     {% endif %}
     {% endfor %}
 </ul>
-<hr>
+<hr>