From 065e4e517b43619bdbef55a439eeb4d006581b0d Mon Sep 17 00:00:00 2001
From: mounderfod <mounderfod@gmail.com>
Date: Sat, 22 Jul 2023 19:11:44 +0200
Subject: Redesign the whole website

---
 .frontmatter/database/mediaDb.json |   1 -
 _layouts/default.html              |  37 ++++++++---
 _layouts/post.html                 |   2 +-
 _posts/2023-07-18-using-emacs.md~  |  44 -------------
 about.markdown                     |   6 +-
 assets/android-chrome-192x192.png  | Bin 0 -> 4016 bytes
 assets/android-chrome-512x512.png  | Bin 0 -> 13633 bytes
 assets/apple-touch-icon.png        | Bin 0 -> 3787 bytes
 assets/favicon-16x16.png           | Bin 0 -> 234 bytes
 assets/favicon-32x32.png           | Bin 0 -> 412 bytes
 assets/favicon.ico                 | Bin 0 -> 15406 bytes
 assets/img/background.webp         | Bin 80334 -> 0 bytes
 assets/img/planets/Planet-1.webp   | Bin 163724 -> 0 bytes
 assets/img/planets/Planet-2.webp   | Bin 207696 -> 0 bytes
 assets/img/planets/Planet-3.webp   | Bin 182850 -> 0 bytes
 assets/img/planets/Planet-4.webp   | Bin 149820 -> 0 bytes
 assets/img/planets/Planet-5.webp   | Bin 166390 -> 0 bytes
 assets/img/uc.webp                 | Bin 32114 -> 0 bytes
 assets/img/wordart.webp            | Bin 33250 -> 0 bytes
 assets/index.css                   | 129 +++++++++++--------------------------
 blog.html                          |   5 +-
 frontmatter.json                   |  65 -------------------
 index.html                         |  58 -----------------
 index.md                           |  14 ++++
 24 files changed, 86 insertions(+), 275 deletions(-)
 delete mode 100644 .frontmatter/database/mediaDb.json
 delete mode 100644 _posts/2023-07-18-using-emacs.md~
 create mode 100644 assets/android-chrome-192x192.png
 create mode 100644 assets/android-chrome-512x512.png
 create mode 100644 assets/apple-touch-icon.png
 create mode 100644 assets/favicon-16x16.png
 create mode 100644 assets/favicon-32x32.png
 create mode 100644 assets/favicon.ico
 delete mode 100644 assets/img/background.webp
 delete mode 100644 assets/img/planets/Planet-1.webp
 delete mode 100644 assets/img/planets/Planet-2.webp
 delete mode 100644 assets/img/planets/Planet-3.webp
 delete mode 100644 assets/img/planets/Planet-4.webp
 delete mode 100644 assets/img/planets/Planet-5.webp
 delete mode 100644 assets/img/uc.webp
 delete mode 100644 assets/img/wordart.webp
 delete mode 100644 frontmatter.json
 delete mode 100644 index.html
 create mode 100644 index.md

diff --git a/.frontmatter/database/mediaDb.json b/.frontmatter/database/mediaDb.json
deleted file mode 100644
index 9e26dfe..0000000
--- a/.frontmatter/database/mediaDb.json
+++ /dev/null
@@ -1 +0,0 @@
-{}
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 99073dc..add8a48 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -4,21 +4,43 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>{{page.title}} - mounderfod</title>
-    <link rel="icon" type="image/png" href="/assets/img/planets/Planet-4.png">
-    <meta name="description" content="{{ page.excerpt | strip_html | truncatewords: 50 }}" />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/assets/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="/assets/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="/assets/favicon-16x16.png"
+    />
+    <meta
+      name="description"
+      content="{{ page.excerpt | strip_html | truncatewords: 50 }}"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="/assets/index.css" />
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
     <script src="/timedate.js"></script>
     <link rel="me" href="https://github.com/mounderfod" />
     <link rel="me" href="https://mastodon.sdf.org/@mounderfod" />
-    <span class="h-card" style="display: none;">
+    <span class="h-card" style="display: none">
       <p class="p-nickname">mounderfod</p>
       <p class="p-given-name">Noah</p>
       <a class="u-url" rel="me" href="https://mounderfod.online"></a>
       <p class="p-country-name">United Kingdom</p>
     </span>
-    <link rel="webmention" href="https://webmention.io/www.mounderfod.online/webmention" />
+    <link
+      rel="webmention"
+      href="https://webmention.io/www.mounderfod.online/webmention"
+    />
   </head>
   <body>
     <marquee
@@ -26,11 +48,6 @@
         The time is {} and the date is {}
       </p></marquee
     >
-    <div id="main">
-      <div class="logo-container">
-        <a href="/"><img class="logo" src="/assets/img/wordart.webp" /></a><br />
-      </div>
-      <div class="box">{{content}}</div>
-    </div>
+    <div id="main">{{content}}</div>
   </body>
 </html>
diff --git a/_layouts/post.html b/_layouts/post.html
index fe036d2..758edf9 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -93,7 +93,7 @@ layout: default
   <p class="p-category" style="display: none">{{tag}}</p>
   {% endfor %}
 
-  <div class="e-content" style="color: black">{{content}}</div>
+  <div class="e-content">{{content}}</div>
 
   <p>
     <svg
diff --git a/_posts/2023-07-18-using-emacs.md~ b/_posts/2023-07-18-using-emacs.md~
deleted file mode 100644
index 22890b6..0000000
--- a/_posts/2023-07-18-using-emacs.md~
+++ /dev/null
@@ -1,44 +0,0 @@
----
-layout: post
-title: Using Emacs
-date: 2023-07-18T09:27:00Z
-tags: [webdev, ide, emacs, text editor, development]
----
-
-This post is being written in [Emacs](https://www.gnu.org/software/emacs/) :)
-
-### What?
-
-Emacs is, according to its own website:
-
-> "An extensible, customizable, free/libre text editor — and more."
-
-Basically, it's one of the oldest text editors to exist, is (technically) entirely keyboard-based, and manages to combine simplicity with power. In short, it's great and I'm going to talk about it now.
-
-### Why?
-
-Why am I using Emacs? Well, there's a few reasons:
-
-- I'd heard of it before and it sounded cool
-- It's complex enough that it would present an interesting learning curve, but not so difficult as to discourage me
-- It's useful for editing posts and HTML like this
-- It ships with Tetris built in (need I say more?)
-
-### How?
-
-I went to the website and downloaded it.
-My laptop currently uses Windows, and Emacs is made by GNU so as expected I was berated for my choice of OS:
-
-> "To improve the use of proprietary systems is a misguided goal. Our aim, rather, is to eliminate them."
-
-But I wasn't going to concern myself with GNU's plans for world domination; that's a problem for another day. The install was fairly simple, like any other application, and upon running the program I am greeted with a pleasant menu screen:
-
-![The Emacs welcome page](https://cdn.discordapp.com/attachments/838048982873538572/1130779711820267570/image.png)
-
-Now it was time for me to learn how to use Emacs.
-Emacs is primarily keyboard-based, as it was developed at a time where not all computers had GUIs at all, let alone mice to interact with them. As such, and also due to its age, it has its own set of keybinding patterns which are overall very different to that of most applications. For example, saving a file in MS Word is `Ctrl-S`, while in Emacs it is `C-x C-s`, which basically means `Ctrl-x` followed by `Ctrl-S`. You'll notice that in this example, two keybindings need to be pressed to perform one action. This is very common in Emacs, as there are lots of commands and not many keys, and there are even some commands that don't have keybindings and must be invoked by pressing `M-x` (`M` meaning `Alt`) and then typing the command name out.
-
-This was all a bit complex for me to understand at first, but I quickly got the hang of it (as I had done with the more standard keybinding patterns that existed elsewhere in the computing world).
-
-### Customising Emacs
-
diff --git a/about.markdown b/about.markdown
index 6a7b1d6..88026d5 100644
--- a/about.markdown
+++ b/about.markdown
@@ -3,9 +3,9 @@ layout: default
 title: About
 permalink: /about/
 ---
+[⟸ Back to homepage](/)
 
 # About
-
 Hello! :D My name is Noah, but I go by **mounderfod**. I am interested in music,
 programming and video games.
 
@@ -26,3 +26,7 @@ If you have any questions/messages:
 - **Discord**: @mounderfod
 - **Email**: mounderfod+website〈at〉gmail.com
 
+## Using my stuff
+All the content of the website (unless explicitly stated otherwise) is CC-BY - basically, do whatever the fuck you want but credit me some(how/where).
+
+![CC-BY badge](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by.svg)
diff --git a/assets/android-chrome-192x192.png b/assets/android-chrome-192x192.png
new file mode 100644
index 0000000..68e2487
Binary files /dev/null and b/assets/android-chrome-192x192.png differ
diff --git a/assets/android-chrome-512x512.png b/assets/android-chrome-512x512.png
new file mode 100644
index 0000000..8781a95
Binary files /dev/null and b/assets/android-chrome-512x512.png differ
diff --git a/assets/apple-touch-icon.png b/assets/apple-touch-icon.png
new file mode 100644
index 0000000..0c47f35
Binary files /dev/null and b/assets/apple-touch-icon.png differ
diff --git a/assets/favicon-16x16.png b/assets/favicon-16x16.png
new file mode 100644
index 0000000..e8417a0
Binary files /dev/null and b/assets/favicon-16x16.png differ
diff --git a/assets/favicon-32x32.png b/assets/favicon-32x32.png
new file mode 100644
index 0000000..e04102c
Binary files /dev/null and b/assets/favicon-32x32.png differ
diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 0000000..c21fadf
Binary files /dev/null and b/assets/favicon.ico differ
diff --git a/assets/img/background.webp b/assets/img/background.webp
deleted file mode 100644
index 50938fb..0000000
Binary files a/assets/img/background.webp and /dev/null differ
diff --git a/assets/img/planets/Planet-1.webp b/assets/img/planets/Planet-1.webp
deleted file mode 100644
index f2a2af7..0000000
Binary files a/assets/img/planets/Planet-1.webp and /dev/null differ
diff --git a/assets/img/planets/Planet-2.webp b/assets/img/planets/Planet-2.webp
deleted file mode 100644
index 60d82af..0000000
Binary files a/assets/img/planets/Planet-2.webp and /dev/null differ
diff --git a/assets/img/planets/Planet-3.webp b/assets/img/planets/Planet-3.webp
deleted file mode 100644
index 8429bc7..0000000
Binary files a/assets/img/planets/Planet-3.webp and /dev/null differ
diff --git a/assets/img/planets/Planet-4.webp b/assets/img/planets/Planet-4.webp
deleted file mode 100644
index 5ca7a7c..0000000
Binary files a/assets/img/planets/Planet-4.webp and /dev/null differ
diff --git a/assets/img/planets/Planet-5.webp b/assets/img/planets/Planet-5.webp
deleted file mode 100644
index 3aa89ff..0000000
Binary files a/assets/img/planets/Planet-5.webp and /dev/null differ
diff --git a/assets/img/uc.webp b/assets/img/uc.webp
deleted file mode 100644
index 0a21b42..0000000
Binary files a/assets/img/uc.webp and /dev/null differ
diff --git a/assets/img/wordart.webp b/assets/img/wordart.webp
deleted file mode 100644
index ca8e55a..0000000
Binary files a/assets/img/wordart.webp and /dev/null differ
diff --git a/assets/index.css b/assets/index.css
index 7d452c8..1aa54ce 100644
--- a/assets/index.css
+++ b/assets/index.css
@@ -1,10 +1,32 @@
 @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap");
 
 html {
-  background-image: url(img/background.webp);
-  width: 100%;
-  color: white;
+  background-color: black;
+  padding-left: 25%;
+  padding-right: 25%;
+  color: lime;
 }
+
+@media only screen and (max-width: 900px) {
+  html {
+    padding-left: 5%;
+    padding-right: 5%
+  }
+}
+
+img {
+  transition:transform 0.25s ease;
+}
+
+img:hover {
+  -webkit-transform:scale(3); /* or some other value */
+  transform:scale(3);
+}
+
+h2 > a::before {
+  content: '> ';
+}
+
 p,
 h1,
 h2,
@@ -15,28 +37,16 @@ h6,
 li {
   font-family: "JetBrains Mono", monospace;
 }
-.field {
-  width: 20%;
-  display: inline-block;
-  padding-left: 4em;
-  padding-right: 4em;
-  text-align: center;
-}
-.field > img {
-  width: 5rem;
-  height: 5rem;
-}
-a {
-  color: -webkit-link;
-  text-decoration: underline wavy -webkit-link;
-}
 
-a > :is(p, h1, h2, h3, h4, h5, h6) {
-  color: -webkit-link;
+a {
+  color: lime;
+  text-decoration: underline dotted lime;
 }
 
 img {
-    max-width: 100%;
+    max-width: 50%;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 marquee {
@@ -54,73 +64,14 @@ blockquote {
   margin: auto;
 }
 
-.logo-container {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-  max-width: 30%;
-  margin-bottom: 2em;
-}
-
-#container {
-  margin-left: auto;
-  margin-right: auto;
-  width: 90%;
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-}
-
-.logo {
-  width: 100%;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.box {
-  background-color: whitesmoke;
-  border: 5px solid darkcyan;
-  width: 80%;
-  margin: auto;
-  padding: 10px;
-  margin-bottom: 50px;
-}
-
-.box > ul {
-  color: black;
-  list-style-position: inside;
-  padding: 0;
-}
-
-.box > ol {
-  color: black;
-}
-
-.box > :is(p, h1, h2, h3, h4, h5, h6) {
-  color: black;
-}
-
-.box > * > :is(p, h1, h2, h3, h4, h5, h6) {
-  color: black;
-}
-
-.box > ul > li > :is(p, h1, h2, h3, h4, h5, h6) {
-  color: black;
-}
-
-.box > ol > li > :is(p, h1, h2, h3, h4, h5, h6) {
-  color: black;
+.title {
+  font-weight: 900;
 }
 
 pre,
 code {
-  color: limegreen;
-  background-color: black;
-}
-
-a > h2 {
-  color: white;
-  text-decoration: underline wavy white;
+  color: black;
+  background-color: lime;
 }
 
 pre {
@@ -129,12 +80,4 @@ pre {
 
 :not(pre) > code {
   padding: 5px;
-}
-
-@media screen and (max-width: 1110px) {
-  .field {
-    width: 100%;
-    display: block;
-    padding: 0;
-  }
-}
+}
\ No newline at end of file
diff --git a/blog.html b/blog.html
index a5432a0..a2c477a 100644
--- a/blog.html
+++ b/blog.html
@@ -4,11 +4,12 @@ title: Blog
 permalink: /blog/
 ---
 
+<a href="/"><p>⟸ Back to homepage</p></a>
 <h1>Blog</h1>
 <script type="text/javascript" src="../mentions.js"></script>
 
 {% for post in site.posts %}
-<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
+<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
 <p>
   <svg
     alt="date published"
@@ -90,5 +91,5 @@ permalink: /blog/
 {% endfor %}
 
 <a href="/feed.xml" style="text-align: center"
-  ><p style="color: -webkit-link">Click here for RSS feed</p></a
+  ><p>Click here for RSS feed</p></a
 >
diff --git a/frontmatter.json b/frontmatter.json
deleted file mode 100644
index 12b8cf7..0000000
--- a/frontmatter.json
+++ /dev/null
@@ -1,65 +0,0 @@
-{
-  "$schema": "https://frontmatter.codes/frontmatter.schema.json",
-  "frontMatter.taxonomy.contentTypes": [
-    {
-      "name": "default",
-      "pageBundle": false,
-      "previewPath": null,
-      "fields": [
-        {
-          "title": "Title",
-          "name": "title",
-          "type": "string"
-        },
-        {
-          "title": "Description",
-          "name": "description",
-          "type": "string"
-        },
-        {
-          "title": "Publishing date",
-          "name": "date",
-          "type": "datetime",
-          "default": "{{now}}",
-          "isPublishDate": true
-        },
-        {
-          "title": "Content preview",
-          "name": "preview",
-          "type": "image"
-        },
-        {
-          "title": "Is in draft",
-          "name": "draft",
-          "type": "draft"
-        },
-        {
-          "title": "Tags",
-          "name": "tags",
-          "type": "tags"
-        },
-        {
-          "title": "Categories",
-          "name": "categories",
-          "type": "categories"
-        }
-      ]
-    }
-  ],
-  "frontMatter.framework.id": "jekyll",
-  "frontMatter.content.publicFolder": "assets",
-  "frontMatter.preview.host": "http://localhost:4000",
-  "frontMatter.content.pageFolders": [
-    {
-      "title": "_posts",
-      "path": "[[workspace]]/_posts"
-    }
-  ],
-  "frontMatter.taxonomy.tags": [
-    "blog",
-    "fediverse",
-    "tech",
-    "webdev"
-  ],
-  "frontMatter.taxonomy.categories": []
-}
\ No newline at end of file
diff --git a/index.html b/index.html
deleted file mode 100644
index 50125cf..0000000
--- a/index.html
+++ /dev/null
@@ -1,58 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <title>Home - mounderfod</title>
-    <link rel="icon" type="image/webp" href="/assets/img/planets/Planet-4.webp">
-    <meta name="description" content="Hello! :D My name is Noah, but I go by mounderfod. I am interested in music,
-    programming and video games." />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="/assets/index.css" />
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
-    <script src="/timedate.js"></script>
-    <link rel="me" href="https://github.com/mounderfod" />
-    <link rel="me" href="https://mastodon.sdf.org/@mounderfod" />
-    <span class="h-card" style="display: none;">
-      <p class="p-nickname">mounderfod</p>
-      <p class="p-given-name">Noah</p>
-      <a class="u-url" rel="me" href="https://mounderfod.online"></a>
-      <p class="p-country-name">United Kingdom</p>
-    </span>
-    <link rel="webmention" href="https://webmention.io/www.mounderfod.online/webmention" />
-  </head>
-  <body>
-    <marquee
-      ><p id="timedate" style="font-size: x-large">
-        The time is {} and the date is {}
-      </p></marquee
-    >
-    <div id="main">
-      <div class="logo-container">
-        <a href="/"><img class="logo" src="/assets/img/wordart.webp" /></a><br />
-      </div>
-      <div id="container">
-        <div class="field">
-          <img src="assets/img/planets/Planet-1.webp" />
-          <a href="/about">
-            <h2><b>ABOUT</b></h2>
-          </a>
-        </div>
-        <div class="field">
-          <img src="assets/img/planets/Planet-2.webp" />
-          <a href="/blog">
-            <h2><b>BLOG</b></h2>
-          </a>
-        </div>
-        <div class="field">
-          <img src="assets/img/planets/Planet-3.webp" />
-          <a href="/projects">
-            <h2><b>PROJECTS</b></h2>
-          </a>
-        </div>
-    </div>
-    </div>
-  </body>
-</html>
-
-
diff --git a/index.md b/index.md
new file mode 100644
index 0000000..7eeba6a
--- /dev/null
+++ b/index.md
@@ -0,0 +1,14 @@
+---
+layout: default
+title: Home
+permalink: /
+---
+
+# mounderfod
+
+My little corner of the internet.
+
+(mirrored at `gopher://sdf.org/users/mounderfod`)
+
+## [About](/about)
+## [Blog](/blog)
-- 
cgit 1.4.1-2-gfad0