Remove navbar

4 files changed, 52 insertions, 42 deletions

diff --git a/images/icons/discord.png b/images/icons/discord.png
new file mode 100644
index 0000000..d001ed9
--- /dev/null
+++ b/images/icons/discord.png
diff --git a/images/icons/other.png b/images/icons/other.png
index 708f6ef..fadba3e 100644
--- a/images/icons/other.png
+++ b/images/icons/other.png
diff --git a/images/icons/youtube.png b/images/icons/youtube.png
new file mode 100644
index 0000000..ebb2046
--- /dev/null
+++ b/images/icons/youtube.png
diff --git a/index.html b/index.html
index 8e6a4b9..14b21ec 100644
--- a/index.html
+++ b/index.html
@@ -28,15 +28,20 @@
             flex: 50%;
         }
 
-        .fst {
+        .l1 {
             font-size: 150%;
         }
 
-        .sec {
+        .l2 {
             margin-left: 20px;
             font-size: 150%;
         }
 
+        .l3 {
+            margin-left: 40px;
+            font-size: 125%;
+        }
+
         .imgcont {
             width: 34px;
             height: 34px;
@@ -53,122 +58,127 @@
         </header>
         <hr>
         <nav class="navbar">
-            <a class="navlink" href="/design.html">Design Philosophy</a>
-            <a class="navlink" href="https://www.youtube.com/watch?v=lbsce1DniQA&list=PLhWQL9gpbCPb8JNtOFo760GUD4ekXiR-9">Youtube</a>
-            <a class="navlink" href="http://cgit.arf20.com/">Git</a>
-            <a class="navlink" href="https://github.com/ARF20NET">GitHub</a>
-            <a class="navlink" href="/contact.html">Contact</a>
-            <a class="navlink" href="http://lists.arf20.com">Mailing list</a>
-            <a class="navlink" href="http://grafana.arf20.com/public-dashboards/074973f696bd4d56afcddb08a3114041">Grafana</a>
-            <a class="navlink" href="https://discord.gg/jy6AjN9ACP">Discord</a>
-            <a class="navlink" href="/donate.html">Donations and Accounting</a><br>
         </nav>
-        <marquee scrollamount="15">Now fully legal!!!</marquee>
+        <marquee scrollamount="15">I'm clankist</marquee>
         <hr>
         <main class="content">
             <div class="row">
-                <span class="fst">Meta</span><br>
-                <div class="sec">
+                <span class="l1">Meta</span><br>
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/about-me/me2.jpg"></div>
                     <a href="/about-me.html">About me</a><br>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="arfnet_logo.png"></div>
                     <a href="/about/">About ARFNET</a>
                     <a href="/explanation.txt">Lore</a>
                 </div>
-                <span class="fst">Showcase</span><br>
-                <a class="sec" href="/projects/">Projects</a><br>
-                <div class="sec">
+                <a class="l3" href="/design.html">Design Philosophy</a><br>
+                <div class="l2">
+                    <div class="item imgcont"><img src="/images/icons/youtube.png"></div>
+                    <a href="https://www.youtube.com/watch?v=lbsce1DniQA&list=PLhWQL9gpbCPb8JNtOFo760GUD4ekXiR-9">Youtube</a><br>
+                </div>
+                <a class="l2" href="/contact.html">Contact</a><br>
+                <a class="l2" href="http://lists.arf20.com">Mailing list</a><br>
+                <a class="l2" href="http://grafana.arf20.com/public-dashboards/074973f696bd4d56afcddb08a3114041">Grafana</a><br>
+                <div class="l2">
+                    <div class="item imgcont"><img src="/images/icons/discord.png"></div>
+                    <a href="https://discord.gg/jy6AjN9ACP">Discord</a><br>
+                </div>
+                <a class="l2" href="/donate.html">Donations and Accounting</a><br><br>
+
+                <span class="l1">Showcase</span><br>
+                <a class="l2" href="/projects/">Projects</a><br>
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/siril.png"></div>
                     <a href="/astro/">Astrophotography section</a><br>
                 </div>
-                <a class="sec" href="https://blog.arf20.com">Blog</a><br>
-                <span class="fst">Friends</span><br>
-                <a class="sec" href="/webring.html">Webring</a><br>
+                <a class="l2" href="https://blog.arf20.com">Blog</a><br>
+                <span class="l1">Friends</span><br>
+                <a class="l2" href="/webring.html">Webring</a><br>
             </div>
             <div class="row">
-                <div class="fst">
+                <div class="l1">
                     <a href="/services.html">Services</a> <a href="https://dash.arf20.com">Order now!</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="arfnet_logo.png"></div>
                     <a href="https://ftp.arf20.com/">Public File Server</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/other.png"></div>
                     <a href="https://dark.arf20.com/">The Other File Server</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/pepe.png"></div>
                     <a href="https://memes.arf20.com/">Memes</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/matrix.png"></div>
                     <a href="/chat.html">Chat</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/minecraft.png"></div>
                     <a href="/game.html">Game</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/squirrelmail.png"></div>
                     <a href="https://webmail.arf20.com">Webmail</a><br>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/nextcloud.png"></div>
                     <a href="https://nextcloud.arf20.com">Nextcloud</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/jellyfin.png"></div>
                     <a href="https://jellyfin.arf20.com">Jellyfin</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/cgit.png"></div>
                     <a href="http://cgit.arf20.com">Cgit</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/phpbb.png"></div>
                     <a href="http://forum.arf20.com">Forum</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/usenet.jpg"></div>
                     <a href="/usenet.html">USENET</a>
                     <a href="http://news.arf20.com/">Web newsreader</a><br>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/grafana.png"></div>
                     <a href="https://grafana.arf20.com">Grafana</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/debian.png"></div>
                     <a href="http://deb.arf20.com">Debian repo</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/openssl.png"></div>
                     <a href="https://pki.arf20.com">Certificate Authority</a>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/mpd.png"></div>
                     <a href="http://radio.arf20.com">Internet Radio</a><br>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/tux.png"></div>
                     <a href="http://os.arf20.com">Operating System Collection</a><br>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/asterisk.png"></div>
                     <a href="/telco.html">VoIP Exchange</a><br>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/dmr.png"></div>
                     <a href="http://raip.arf20.com">RaIP Net</a><br>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/kanboard.png"></div>
                     <a href="http://kanboard.arf20.com">Kanboard</a><br>
                 </div>
-                <div class="sec">
+                <div class="l2">
                     <div class="item imgcont"><img src="/images/icons/dokuwiki.png"></div>
                     <a href="http://wiki.arf20.com">Wiki</a><br>
                 </div>