Some visual improvements and also NA

404.html

@@ -63,7 +63,8 @@
                     'Why are you like this?',
                     'this is so sad alexa play despacito',
                     'The server is at a loss for what you were trying to find',
-                    'oh no :('
+                    'oh no :(',
+                    'The world is quiet here.'
                 ];
 
                 let message = Math.floor(Math.random() * messages.length);

scripts/about.js

@@ -42,6 +42,10 @@ const questions = [{
         'q': 'How did you make this site?',
         'a': 'I made this page using <a href="https://getbootstrap.com/">Bootstrap</a>. The content is dynamically generated using JavaScript based on a bunch of JSON data. If you\'re curious about the (probably pretty messy) code, then you can check out the <a href="https://github.com/Ellpeck/Web">GitHub repository</a>.'
     },
+    {
+        'q': "What's your favorite ice cream?",
+        'a': 'Frozen yogurt.'
+    },
     {
         'q': 'Tabs or spaces?',
         'a': (Math.random() >= 0.5 ? 'Tabs' : 'Spaces') + '.'

scripts/projects.js

@@ -1,4 +1,10 @@
 const projects = [{
+        'name': "Nature's Aura",
+        'desc': "Nature's Aura is a new Minecraft mod about collecting, using and replenishing the Aura naturally present in the world to create useful devices and unique mechanics. It's currently not released yet, but the first public beta will be very soon.",
+        'status': 'In development',
+        'icon': 'na'
+    },
+    {
         'name': 'Rock Bottom',
         'desc': 'Rock Bottom is a game I\'ve been working on for a little more than a year now. It\'s a 2D-sidescrolling sandbox game with a storyline that has multiplayer support, a modding API and a lot more fun stuff. It\'s currently still in early development.',
         'links': {
@@ -18,15 +24,6 @@ const projects = [{
         'status': 'Handed off',
         'icon': 'aa'
     },
-    {
-        'name': 'Music',
-        'desc': 'As a little thing on the side, I started making some music. It\'s a lot of chiptune and similar stuff. I just started out, so I\'m not necessarily very good at it yet. If you\'re interested though, you should have a listen!',
-        'links': {
-            'SoundCloud': 'https://soundcloud.com/ellopecko'
-        },
-        'status': 'Side project',
-        'icon': 'music'
-    },
     {
         'name': 'Glimmers in the Shadow',
         'desc': 'Glimmers in the Shadow is a book I\'ve been working on for a while. It contains stories and poems I wrote over the course of about two years. Here\'s the description from the cover:<br><em>It turns out that life as a human person isn\'t as easy as some people might lead you to believe. <br>During the last couple of years, my main way of dealing with negative feelings has been writing poems and stories as a way to understand my feelings or start thinking about something different." <br>This book is a collection of stories, poems, and personal anecdotes written by a teenager struggling with life. They go far beyond that, though: They\'re deep, weird, confusing, they\'re emotional. But together, they tell a story of a young person trying to understand the world.</em>',
@@ -78,8 +75,10 @@ for (project of projects) {
     p += '<span class="text-muted project-status">' + project['status'] + '</span>';
 
     let links = project['links'];
-    for (let name in links) {
+    if (links) {
-        p += '<a href="' + links[name] + '" class="card-link btn btn-outline-info rounded-0">' + name + '</a>';
+        for (let name in links) {
+            p += '<a href="' + links[name] + '" class="card-link btn btn-outline-info rounded-0">' + name + '</a>';
+        }
     }
 
     p += '</div>';

scripts/quote.js

@@ -9,6 +9,8 @@
     Maroon 5
     The Script
     Poppy
+    IAMX
+    The Faint
 */
 
 const quotes = [
@@ -78,6 +80,14 @@ const quotes = [
     "Can't go a day without computer boy",
     "I don't care and I won't change myself",
     "I fell in love with the man of the future",
-    "Baby, you're the highlight of my lowlife"
+    "Baby, you're the highlight of my lowlife",
+    "I just wanna turn the lights on",
+    "I come with knives and agony",
+    "I drove through countries like a marching funeral",
+    "In the search of fools and utopia",
+    "Evil voices lie when they say you're alone",
+    "I walk with the noise",
+    "I need to surrender",
+    "Oh my god, you're beautiful"
 ];
 $('#quote-text').html('<em>' + quotes[Math.floor(Math.random() * quotes.length)] + '</em>');

scripts/support.js

@@ -26,7 +26,7 @@ for (way of support) {
     sp += '<a class="btn btn-light support-button rounded-0" href="' + way['link'] + '"><img src="res/support/' + way['icon'] + '.png" class="support-image" alt="">' + way['name'] + '</a>';
     sp += '</div>';
 
-    sp += '<div class="col">';
+    sp += '<div class="col support-desc">';
     sp += way['desc'];
     sp += '</div>';
 

style.css

@@ -110,7 +110,12 @@ body {
 
 .card-link {
     margin-left: 0px !important;
-    margin-right: 10px;
+    margin-right: 20px;
+    margin-bottom: 20px;
+}
+
+.support-desc {
+    margin-top: 10px;
     margin-bottom: 10px;
 }