Redesign the whole website

author: mounderfod <mounderfod@gmail.com> 2023-07-22 19:11:44 +0200
committer: mounderfod <mounderfod@gmail.com> 2023-07-22 19:11:44 +0200
commit: 065e4e517b43619bdbef55a439eeb4d006581b0d (patch)
tree: 60fb896ebc3dee4de1334da4d89cacd3e0da0fdf
parent: 66263f822e69e4365c802dd41e58bd7c7052c92e (diff)
download: website-065e4e517b43619bdbef55a439eeb4d006581b0d.tar.gz
24 files changed, 86 insertions, 275 deletions
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
--- /dev/null
+++ b/assets/android-chrome-192x192.png
Binary files differdiff --git a/assets/android-chrome-512x512.png b/assets/android-chrome-512x512.png
new file mode 100644
index 0000000..8781a95
--- /dev/null
+++ b/assets/android-chrome-512x512.png
Binary files differdiff --git a/assets/apple-touch-icon.png b/assets/apple-touch-icon.png
new file mode 100644
index 0000000..0c47f35
--- /dev/null
+++ b/assets/apple-touch-icon.png
Binary files differdiff --git a/assets/favicon-16x16.png b/assets/favicon-16x16.png
new file mode 100644
index 0000000..e8417a0
--- /dev/null
+++ b/assets/favicon-16x16.png
Binary files differdiff --git a/assets/favicon-32x32.png b/assets/favicon-32x32.png
new file mode 100644
index 0000000..e04102c
--- /dev/null
+++ b/assets/favicon-32x32.png
Binary files differdiff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 0000000..c21fadf
--- /dev/null
+++ b/assets/favicon.ico
Binary files differdiff --git a/assets/img/background.webp b/assets/img/background.webp
deleted file mode 100644
index 50938fb..0000000
--- a/assets/img/background.webp
+++ /dev/null
Binary files differdiff --git a/assets/img/planets/Planet-1.webp b/assets/img/planets/Planet-1.webp
deleted file mode 100644
index f2a2af7..0000000
--- a/assets/img/planets/Planet-1.webp
+++ /dev/null
Binary files differdiff --git a/assets/img/planets/Planet-2.webp b/assets/img/planets/Planet-2.webp
deleted file mode 100644
index 60d82af..0000000
--- a/assets/img/planets/Planet-2.webp
+++ /dev/null
Binary files differdiff --git a/assets/img/planets/Planet-3.webp b/assets/img/planets/Planet-3.webp
deleted file mode 100644
index 8429bc7..0000000
--- a/assets/img/planets/Planet-3.webp
+++ /dev/null
Binary files differdiff --git a/assets/img/planets/Planet-4.webp b/assets/img/planets/Planet-4.webp
deleted file mode 100644
index 5ca7a7c..0000000
--- a/assets/img/planets/Planet-4.webp
+++ /dev/null
Binary files differdiff --git a/assets/img/planets/Planet-5.webp b/assets/img/planets/Planet-5.webp
deleted file mode 100644
index 3aa89ff..0000000
--- a/assets/img/planets/Planet-5.webp
+++ /dev/null
Binary files differdiff --git a/assets/img/uc.webp b/assets/img/uc.webp
deleted file mode 100644
index 0a21b42..0000000
--- a/assets/img/uc.webp
+++ /dev/null
Binary files differdiff --git a/assets/img/wordart.webp b/assets/img/wordart.webp
deleted file mode 100644
index ca8e55a..0000000
--- a/assets/img/wordart.webp
+++ /dev/null
Binary files differdiff --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)
author	mounderfod <mounderfod@gmail.com>	2023-07-22 19:11:44 +0200
committer	mounderfod <mounderfod@gmail.com>	2023-07-22 19:11:44 +0200
commit	065e4e517b43619bdbef55a439eeb4d006581b0d (patch)
tree	60fb896ebc3dee4de1334da4d89cacd3e0da0fdf
parent	66263f822e69e4365c802dd41e58bd7c7052c92e (diff)
download	website-065e4e517b43619bdbef55a439eeb4d006581b0d.tar.gz