yes i did clone the etcetera page, why do you ask?

pages/related.php

@@ -11,33 +11,102 @@ if($reqPath === '/related') {
     if($reqMethod !== 'GET')
         return FM_ERR | 405;
 
+    $related = [
+        [
+            'id' => 'own',
+            'name' => 'Other sites I own',
+            'sites' => [
+                [
+                    'name' => 'Flashii.net',
+                    'url' => '//flashii.net',
+                    'desc' => 'Community site that I run, a lot of my projects relate to it in one way or another. Pronounced as flashy, it\'s not a sequel.',
+                ],
+                [
+                    'name' => 'Railgun',
+                    'url' => '//railgun.sh',
+                    'desc' => 'Website for my chat protocol and server related things, documentation for Sock Chat can be found here.',
+                ],
+                [
+                    'name' => 'YTKNS',
+                    'url' => '//ytkns.com',
+                    'desc' => 'Utility that lets people make very minimal micro sites with music and images. I use this to test certain ideas or to just get back in my element.',
+                ],
+                [
+                    'name' => 'Takozone',
+                    'url' => '//tako.zone',
+                    'desc' => 'A domain I wanted because it\'s available, generally used for shortening urls.',
+                ],
+            ],
+        ],
+        [
+            'id' => 'friends',
+            'name' => 'Personal sites from friends',
+            'sites' => [
+                [
+                    'name' => 'nook / unko',
+                    'url' => 'https://nook.zone',
+                ],
+                [
+                    'name' => 'osk',
+                    'url' => 'https://osk.sh',
+                ],
+                [
+                    'name' => 'reemo / malloc',
+                    'url' => 'http://aroltd.com',
+                ],
+                [
+                    'name' => 'szymszl',
+                    'url' => 'https://szymszl.xyz',
+                ],
+            ],
+        ],
+        [
+            'id' => 'useful',
+            'name' => 'Useful sites',
+            'sites' => [
+                [
+                    'name' => 'cppreference.com',
+                    'url' => 'https://en.cppreference.com/w/',
+                    'desc' => 'Great stdlib documentation for pretty much all standard C and C++ versions.',
+                ],
+                [
+                    'name' => 'devkitPro',
+                    'url' => 'https://devkitpro.org/',
+                    'desc' => 'Amazing homebrew toolchains for Nintendo hardware.',
+                ],
+                [
+                    'name' => 'Peppy\'s Windows XP Resources',
+                    'url' => 'https://web.archive.org/web/20011202115409/xp.xyu.ca/',
+                    'desc' => 'Useful resources for Windows XP, including news and downloads!',
+                ],
+            ],
+        ],
+    ];
+
     fm_component('header', [
         'title' => 'flash.moe / related',
     ]);
+
+    foreach($related as $section):
 ?>
-            <div class="section">
+            <div class="section" id="<?=$section['id'];?>">
                 <div class="section-content">
                     <div class="section-background"></div>
-                    <h1>Related Sites</h1>
+                    <h1><?=$section['name'];?></h1>
                 </div>
             </div>
-            <div class="related-sites">
+<?php foreach($section['sites'] as $site): ?>
-                <div class="related-site">
+            <div class="related-site">
-                    <a href="https://wart.host/" class="related-site-link"></a>
+                <div class="related-site-content">
-                    <div class="related-site-image">
+                    <a href="<?=$site['url'];?>" class="related-site-link" rel="noopener" target="_blank"></a>
-                        <img src="//wart.host/Vintage/assets/cat.gif" alt=""/>
+                    <h2><?=$site['name'];?></h2>
-                    </div>
+<?php if(isset($site['desc'])): ?>
-                    <div class="related-site-content">
+                    <p><?=$site['desc'];?></p>
-                        <div class="related-site-title">
+<?php endif; ?>
-                            wart host
-                        </div>
-                        <div class="related-site-desc">
-                            screenshot palace of my momther
-                        </div>
-                    </div>
                 </div>
             </div>
-<?php
+<?php endforeach; endforeach;
+
     fm_component('footer');
 
     return FM_HIT;

public/assets/2020v2.css

@@ -670,6 +670,49 @@ body {
     font-weight: 400;
 }
 
+.related-site {
+    max-width: 1100px;
+    margin: 10px auto;
+    padding: 0 15px;
+    filter: drop-shadow(0 1px 5px #000);
+}
+.related-site-link {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #393939;
+    background-image: linear-gradient(0deg, #1118 0%, #2228 50%, #3338 50%, #5558 100%);
+    border-radius: 5px;
+    overflow: hidden;
+    transition: background-color .2s;
+}
+.related-site-link:hover,
+.related-site-link:focus {
+    background-color: #555;
+}
+.related-site-link:active {
+    background-color: #222;
+}
+.related-site-content {
+    max-width: 1100px;
+    margin: 0 auto;
+    padding: 10px 12px;
+}
+.related-site-content h2 {
+    font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
+    font-size: 1.5em;
+    line-height: 1.2em;
+    font-weight: 400;
+    pointer-events: none;
+}
+.related-site-content p {
+    font-size: .9em;
+    line-height: 1.4em;
+    pointer-events: none;
+}
+
 /** SPRITE SHIT START **/
 .fmi {
     background-image: url('sprite.png');

public/assets/2020v2.js

@@ -12,7 +12,6 @@ window.fm = (function() {
         || sessionStorage.getItem('header-bgs-loaded') < Date.now() - 86400000) {
         var hXhr = new XMLHttpRequest;
         hXhr.onload = function() {
-            console.log(JSON.parse(hXhr.responseText));
             sessionStorage.setItem('header-bgs', hXhr.responseText);
             sessionStorage.setItem('header-bgs-loaded', Date.now());
         };
@@ -20,13 +19,6 @@ window.fm = (function() {
         hXhr.send();
     }
 
-    this.getRandomHeaderBackground = function() {
-        var set = JSON.parse(sessionStorage.getItem('header-bgs'));
-        if(!set)
-            return '/assets/errors/404.jpg';
-        return set[parseInt(Math.random() * set.length) - 1];
-    };
-
     this.selectTextInElement = function(elem) {
         // MSIE
         if(document.body.createTextRange) {
@@ -95,6 +87,17 @@ window.fm = (function() {
         });
     };
 
+    this.getRandomHeaderBackground = function() {
+        var set = JSON.parse(sessionStorage.getItem('header-bgs'));
+        if(!set)
+            return '/assets/errors/404.jpg';
+        return set[parseInt(Math.random() * set.length) - 1];
+    };
+
+    this.setRandomHeaderBackground = function() {
+        this.switchHeaderBackground(this.getRandomHeaderBackground());
+    };
+
     this.getCurrentHeaderBackground = function() {
         return this.headerBackground.querySelector('img').src;
     };
@@ -123,9 +126,10 @@ window.fm = (function() {
         }.bind(this);
     };
 
+    this.headerBackground = document.querySelector('.header-background');
+    this.originalHeaderBackground = this.headerBackground.querySelector('img').src;
+
     this.initIndex = function(npInterval) {
-        this.headerBackground = document.querySelector('.header-background');
-        this.originalHeaderBackground = this.headerBackground.querySelector('img').src;
         this.indexPlayingContainer = document.querySelector('.header-now-playing');
         this.indexPlayingCover = window.fm.indexPlayingContainer.querySelector('.header-now-playing-cover img');
         this.indexPlayingCover.onerror = function() {

public/index.php

@@ -14,7 +14,7 @@ define('FM_NAV', [
     ['title' => 'Blog',     'link' => '//flash.moe/2020/?blog=1'],
     ['title' => 'Projects', 'link' => '/projects'],
     ['title' => 'Contact',  'link' => '/contact'],
-    //['title' => 'Related',  'link' => '/related'],
+    ['title' => 'Related',  'link' => '/related'],
     ['title' => 'Etcetera', 'link' => '/etc'],
     ['title' => 'Forum',    'link' => '//forum.flash.moe'],
 ]);