17 files changed, 127 insertions, 43 deletions
diff --git a/images/icons/Matrix (protocol) logo.svg b/images/icons/Matrix (protocol) logo.svg
new file mode 100644
index 0000000..907f5f2
--- /dev/null
+++ b/images/icons/Matrix (protocol) logo.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" viewBox="0 0 27.9 32" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <title>Matrix (protocol) logo</title>
+ <g transform="translate(-.095 .005)" fill="#040404">
+  <path d="m27.1 31.2v-30.5h-2.19v-0.732h3.04v32h-3.04v-0.732z"/>
+  <path d="m8.23 10.4v1.54h0.044c0.385-0.564 0.893-1.03 1.49-1.37 0.58-0.323 1.25-0.485 1.99-0.485 0.72 0 1.38 0.14 1.97 0.42 0.595 0.279 1.05 0.771 1.36 1.48 0.338-0.5 0.796-0.941 1.38-1.32 0.58-0.383 1.27-0.574 2.06-0.574 0.602 0 1.16 0.074 1.67 0.22 0.514 0.148 0.954 0.383 1.32 0.707 0.366 0.323 0.653 0.746 0.859 1.27 0.205 0.522 0.308 1.15 0.308 1.89v7.63h-3.13v-6.46c0-0.383-0.015-0.743-0.044-1.08-0.0209-0.307-0.103-0.607-0.242-0.882-0.133-0.251-0.336-0.458-0.584-0.596-0.257-0.146-0.606-0.22-1.05-0.22-0.44 0-0.796 0.085-1.07 0.253-0.272 0.17-0.485 0.39-0.639 0.662-0.159 0.287-0.264 0.602-0.308 0.927-0.052 0.347-0.078 0.697-0.078 1.05v6.35h-3.13v-6.4c0-0.338-7e-3 -0.673-0.021-1-0.0114-0.314-0.0749-0.623-0.188-0.916-0.108-0.277-0.3-0.512-0.55-0.673-0.258-0.168-0.636-0.253-1.14-0.253-0.198 0.0083-0.394 0.042-0.584 0.1-0.258 0.0745-0.498 0.202-0.705 0.374-0.228 0.184-0.422 0.449-0.584 0.794-0.161 0.346-0.242 0.798-0.242 1.36v6.62h-3.13v-11.4z"/>
+  <path d="m0.936 0.732v30.5h2.19v0.732h-3.04v-32h3.03v0.732z"/>
+ </g>
+</svg>
+\ No newline at end of file
diff --git a/images/icons/cgit.png b/images/icons/cgit.png
new file mode 100644
index 0000000..425528e
--- /dev/null
+++ b/images/icons/cgit.png
diff --git a/images/icons/debian.png b/images/icons/debian.png
new file mode 100644
index 0000000..a76fdd5
--- /dev/null
+++ b/images/icons/debian.png
diff --git a/images/icons/grafana.png b/images/icons/grafana.png
new file mode 100644
index 0000000..2143fbe
--- /dev/null
+++ b/images/icons/grafana.png
diff --git a/images/icons/grafana.svg b/images/icons/grafana.svg
new file mode 100644
index 0000000..6b468ca
--- /dev/null
+++ b/images/icons/grafana.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="351px" height="365px" viewBox="0 0 351 365" style="enable-background:new 0 0 351 365;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+</style>
+<g id="Layer_1_1_">
+</g>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="175.5" y1="30%" x2="175.5" y2="99%">
+	<stop offset="0" style="stop-color:#F05A28"/>
+	<stop offset="1" style="stop-color:#FBCA0A"/>
+</linearGradient>
+<path class="st0" d="M342,161.2c-0.6-6.1-1.6-13.1-3.6-20.9c-2-7.7-5-16.2-9.4-25c-4.4-8.8-10.1-17.9-17.5-26.8  c-2.9-3.5-6.1-6.9-9.5-10.2c5.1-20.3-6.2-37.9-6.2-37.9c-19.5-1.2-31.9,6.1-36.5,9.4c-0.8-0.3-1.5-0.7-2.3-1  c-3.3-1.3-6.7-2.6-10.3-3.7c-3.5-1.1-7.1-2.1-10.8-3c-3.7-0.9-7.4-1.6-11.2-2.2c-0.7-0.1-1.3-0.2-2-0.3  c-8.5-27.2-32.9-38.6-32.9-38.6c-27.3,17.3-32.4,41.5-32.4,41.5s-0.1,0.5-0.3,1.4c-1.5,0.4-3,0.9-4.5,1.3c-2.1,0.6-4.2,1.4-6.2,2.2  c-2.1,0.8-4.1,1.6-6.2,2.5c-4.1,1.8-8.2,3.8-12.2,6c-3.9,2.2-7.7,4.6-11.4,7.1c-0.5-0.2-1-0.4-1-0.4c-37.8-14.4-71.3,2.9-71.3,2.9  c-3.1,40.2,15.1,65.5,18.7,70.1c-0.9,2.5-1.7,5-2.5,7.5c-2.8,9.1-4.9,18.4-6.2,28.1c-0.2,1.4-0.4,2.8-0.5,4.2  C18.8,192.7,8.5,228,8.5,228c29.1,33.5,63.1,35.6,63.1,35.6c0,0,0.1-0.1,0.1-0.1c4.3,7.7,9.3,15,14.9,21.9c2.4,2.9,4.8,5.6,7.4,8.3  c-10.6,30.4,1.5,55.6,1.5,55.6c32.4,1.2,53.7-14.2,58.2-17.7c3.2,1.1,6.5,2.1,9.8,2.9c10,2.6,20.2,4.1,30.4,4.5  c2.5,0.1,5.1,0.2,7.6,0.1l1.2,0l0.8,0l1.6,0l1.6-0.1l0,0.1c15.3,21.8,42.1,24.9,42.1,24.9c19.1-20.1,20.2-40.1,20.2-44.4l0,0  c0,0,0-0.1,0-0.3c0-0.4,0-0.6,0-0.6l0,0c0-0.3,0-0.6,0-0.9c4-2.8,7.8-5.8,11.4-9.1c7.6-6.9,14.3-14.8,19.9-23.3  c0.5-0.8,1-1.6,1.5-2.4c21.6,1.2,36.9-13.4,36.9-13.4c-3.6-22.5-16.4-33.5-19.1-35.6l0,0c0,0-0.1-0.1-0.3-0.2  c-0.2-0.1-0.2-0.2-0.2-0.2c0,0,0,0,0,0c-0.1-0.1-0.3-0.2-0.5-0.3c0.1-1.4,0.2-2.7,0.3-4.1c0.2-2.4,0.2-4.9,0.2-7.3l0-1.8l0-0.9  l0-0.5c0-0.6,0-0.4,0-0.6l-0.1-1.5l-0.1-2c0-0.7-0.1-1.3-0.2-1.9c-0.1-0.6-0.1-1.3-0.2-1.9l-0.2-1.9l-0.3-1.9  c-0.4-2.5-0.8-4.9-1.4-7.4c-2.3-9.7-6.1-18.9-11-27.2c-5-8.3-11.2-15.6-18.3-21.8c-7-6.2-14.9-11.2-23.1-14.9  c-8.3-3.7-16.9-6.1-25.5-7.2c-4.3-0.6-8.6-0.8-12.9-0.7l-1.6,0l-0.4,0c-0.1,0-0.6,0-0.5,0l-0.7,0l-1.6,0.1c-0.6,0-1.2,0.1-1.7,0.1  c-2.2,0.2-4.4,0.5-6.5,0.9c-8.6,1.6-16.7,4.7-23.8,9c-7.1,4.3-13.3,9.6-18.3,15.6c-5,6-8.9,12.7-11.6,19.6c-2.7,6.9-4.2,14.1-4.6,21  c-0.1,1.7-0.1,3.5-0.1,5.2c0,0.4,0,0.9,0,1.3l0.1,1.4c0.1,0.8,0.1,1.7,0.2,2.5c0.3,3.5,1,6.9,1.9,10.1c1.9,6.5,4.9,12.4,8.6,17.4  c3.7,5,8.2,9.1,12.9,12.4c4.7,3.2,9.8,5.5,14.8,7c5,1.5,10,2.1,14.7,2.1c0.6,0,1.2,0,1.7,0c0.3,0,0.6,0,0.9,0c0.3,0,0.6,0,0.9-0.1  c0.5,0,1-0.1,1.5-0.1c0.1,0,0.3,0,0.4-0.1l0.5-0.1c0.3,0,0.6-0.1,0.9-0.1c0.6-0.1,1.1-0.2,1.7-0.3c0.6-0.1,1.1-0.2,1.6-0.4  c1.1-0.2,2.1-0.6,3.1-0.9c2-0.7,4-1.5,5.7-2.4c1.8-0.9,3.4-2,5-3c0.4-0.3,0.9-0.6,1.3-1c1.6-1.3,1.9-3.7,0.6-5.3  c-1.1-1.4-3.1-1.8-4.7-0.9c-0.4,0.2-0.8,0.4-1.2,0.6c-1.4,0.7-2.8,1.3-4.3,1.8c-1.5,0.5-3.1,0.9-4.7,1.2c-0.8,0.1-1.6,0.2-2.5,0.3  c-0.4,0-0.8,0.1-1.3,0.1c-0.4,0-0.9,0-1.2,0c-0.4,0-0.8,0-1.2,0c-0.5,0-1,0-1.5-0.1c0,0-0.3,0-0.1,0l-0.2,0l-0.3,0  c-0.2,0-0.5,0-0.7-0.1c-0.5-0.1-0.9-0.1-1.4-0.2c-3.7-0.5-7.4-1.6-10.9-3.2c-3.6-1.6-7-3.8-10.1-6.6c-3.1-2.8-5.8-6.1-7.9-9.9  c-2.1-3.8-3.6-8-4.3-12.4c-0.3-2.2-0.5-4.5-0.4-6.7c0-0.6,0.1-1.2,0.1-1.8c0,0.2,0-0.1,0-0.1l0-0.2l0-0.5c0-0.3,0.1-0.6,0.1-0.9  c0.1-1.2,0.3-2.4,0.5-3.6c1.7-9.6,6.5-19,13.9-26.1c1.9-1.8,3.9-3.4,6-4.9c2.1-1.5,4.4-2.8,6.8-3.9c2.4-1.1,4.8-2,7.4-2.7  c2.5-0.7,5.1-1.1,7.8-1.4c1.3-0.1,2.6-0.2,4-0.2c0.4,0,0.6,0,0.9,0l1.1,0l0.7,0c0.3,0,0,0,0.1,0l0.3,0l1.1,0.1  c2.9,0.2,5.7,0.6,8.5,1.3c5.6,1.2,11.1,3.3,16.2,6.1c10.2,5.7,18.9,14.5,24.2,25.1c2.7,5.3,4.6,11,5.5,16.9c0.2,1.5,0.4,3,0.5,4.5  l0.1,1.1l0.1,1.1c0,0.4,0,0.8,0,1.1c0,0.4,0,0.8,0,1.1l0,1l0,1.1c0,0.7-0.1,1.9-0.1,2.6c-0.1,1.6-0.3,3.3-0.5,4.9  c-0.2,1.6-0.5,3.2-0.8,4.8c-0.3,1.6-0.7,3.2-1.1,4.7c-0.8,3.1-1.8,6.2-3,9.3c-2.4,6-5.6,11.8-9.4,17.1  c-7.7,10.6-18.2,19.2-30.2,24.7c-6,2.7-12.3,4.7-18.8,5.7c-3.2,0.6-6.5,0.9-9.8,1l-0.6,0l-0.5,0l-1.1,0l-1.6,0l-0.8,0  c0.4,0-0.1,0-0.1,0l-0.3,0c-1.8,0-3.5-0.1-5.3-0.3c-7-0.5-13.9-1.8-20.7-3.7c-6.7-1.9-13.2-4.6-19.4-7.8  c-12.3-6.6-23.4-15.6-32-26.5c-4.3-5.4-8.1-11.3-11.2-17.4c-3.1-6.1-5.6-12.6-7.4-19.1c-1.8-6.6-2.9-13.3-3.4-20.1l-0.1-1.3l0-0.3  l0-0.3l0-0.6l0-1.1l0-0.3l0-0.4l0-0.8l0-1.6l0-0.3c0,0,0,0.1,0-0.1l0-0.6c0-0.8,0-1.7,0-2.5c0.1-3.3,0.4-6.8,0.8-10.2  c0.4-3.4,1-6.9,1.7-10.3c0.7-3.4,1.5-6.8,2.5-10.2c1.9-6.7,4.3-13.2,7.1-19.3c5.7-12.2,13.1-23.1,22-31.8c2.2-2.2,4.5-4.2,6.9-6.2  c2.4-1.9,4.9-3.7,7.5-5.4c2.5-1.7,5.2-3.2,7.9-4.6c1.3-0.7,2.7-1.4,4.1-2c0.7-0.3,1.4-0.6,2.1-0.9c0.7-0.3,1.4-0.6,2.1-0.9  c2.8-1.2,5.7-2.2,8.7-3.1c0.7-0.2,1.5-0.4,2.2-0.7c0.7-0.2,1.5-0.4,2.2-0.6c1.5-0.4,3-0.8,4.5-1.1c0.7-0.2,1.5-0.3,2.3-0.5  c0.8-0.2,1.5-0.3,2.3-0.5c0.8-0.1,1.5-0.3,2.3-0.4l1.1-0.2l1.2-0.2c0.8-0.1,1.5-0.2,2.3-0.3c0.9-0.1,1.7-0.2,2.6-0.3  c0.7-0.1,1.9-0.2,2.6-0.3c0.5-0.1,1.1-0.1,1.6-0.2l1.1-0.1l0.5-0.1l0.6,0c0.9-0.1,1.7-0.1,2.6-0.2l1.3-0.1c0,0,0.5,0,0.1,0l0.3,0  l0.6,0c0.7,0,1.5-0.1,2.2-0.1c2.9-0.1,5.9-0.1,8.8,0c5.8,0.2,11.5,0.9,17,1.9c11.1,2.1,21.5,5.6,31,10.3  c9.5,4.6,17.9,10.3,25.3,16.5c0.5,0.4,0.9,0.8,1.4,1.2c0.4,0.4,0.9,0.8,1.3,1.2c0.9,0.8,1.7,1.6,2.6,2.4c0.9,0.8,1.7,1.6,2.5,2.4  c0.8,0.8,1.6,1.6,2.4,2.5c3.1,3.3,6,6.6,8.6,10c5.2,6.7,9.4,13.5,12.7,19.9c0.2,0.4,0.4,0.8,0.6,1.2c0.2,0.4,0.4,0.8,0.6,1.2  c0.4,0.8,0.8,1.6,1.1,2.4c0.4,0.8,0.7,1.5,1.1,2.3c0.3,0.8,0.7,1.5,1,2.3c1.2,3,2.4,5.9,3.3,8.6c1.5,4.4,2.6,8.3,3.5,11.7  c0.3,1.4,1.6,2.3,3,2.1c1.5-0.1,2.6-1.3,2.6-2.8C342.6,170.4,342.5,166.1,342,161.2z"/>
+</svg>
+\ No newline at end of file
diff --git a/images/icons/jellyfin.png b/images/icons/jellyfin.png
new file mode 100644
index 0000000..1527b6e
--- /dev/null
+++ b/images/icons/jellyfin.png
diff --git a/images/icons/matrix.png b/images/icons/matrix.png
new file mode 100644
index 0000000..1091204
--- /dev/null
+++ b/images/icons/matrix.png
diff --git a/images/icons/minecraft.png b/images/icons/minecraft.png
new file mode 100644
index 0000000..e02294f
--- /dev/null
+++ b/images/icons/minecraft.png
diff --git a/images/icons/mpd.png b/images/icons/mpd.png
new file mode 100644
index 0000000..d8b6d96
--- /dev/null
+++ b/images/icons/mpd.png
diff --git a/images/icons/nextcloud.png b/images/icons/nextcloud.png
new file mode 100644
index 0000000..e5b7837
--- /dev/null
+++ b/images/icons/nextcloud.png
diff --git a/images/icons/pepe.png b/images/icons/pepe.png
new file mode 100644
index 0000000..a45f7fe
--- /dev/null
+++ b/images/icons/pepe.png
diff --git a/images/icons/phpbb.png b/images/icons/phpbb.png
new file mode 100644
index 0000000..33f65be
--- /dev/null
+++ b/images/icons/phpbb.png
diff --git a/images/icons/squirrelmail.png b/images/icons/squirrelmail.png
new file mode 100644
index 0000000..b93b649
--- /dev/null
+++ b/images/icons/squirrelmail.png
diff --git a/images/icons/tux.png b/images/icons/tux.png
new file mode 100644
index 0000000..63da0d5
--- /dev/null
+++ b/images/icons/tux.png
diff --git a/images/icons/usenet.jpg b/images/icons/usenet.jpg
new file mode 100644
index 0000000..1497365
--- /dev/null
+++ b/images/icons/usenet.jpg
diff --git a/index.html b/index.html
index 6ae77ae..ccd5587 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,41 @@
         <meta content="http://arf20.com/arfnet_logo.png" property="og:image" />
         <link rel="shortcut icon" href="/favicon.ico" />
         <link rel="stylesheet" type="text/css" href="/style.css">
+        <style>
+        .navbar {
+            text-align: center;
+        }
+
+        .navlink {
+
+        }
+
+        .content {
+            display: flex;
+        }
+        
+        .row {
+            flex: 50%;
+        }
+
+        .fst {
+            font-size: 150%;
+        }
+
+        .sec {
+            margin-left: 20px;
+            font-size: 150%;
+        }
+
+        .imgcont {
+            width: 34px;
+            height: 34px;
+        }
+
+        .item {
+            display: inline-block;
+        }
+        </style>
     </head>
     <body>
         <header class="header">
@@ -31,34 +66,81 @@
         <marquee scrollamount="15">Now fully legal!!!</marquee>
         <hr>
         <main class="content">
-            <a class="fst" href="/about_me.html">About me</a><br>
-            <a class="fst" href="/projects/">Projects</a><br>
+            <div class="row">
+                <span class="fst">Meta</span><br>
+                <a class="sec" href="/about_me.html">About me</a><br>
                 <a class="sec" href="/about/">About ARFNET</a>
                     <a class="sec" href="/explanation.txt">Lore</a><br>
-            <a class="fst" href="https://blog.arf20.com">Blog</a><br>
-            <a class="fst" href="/services.html">Services</a><a class="sec" href="https://dash.arf20.com">Order</a><br>
-                <a class="sec" href="https://memes.arf20.com/">Memes</a><br>
-                <a class="sec" href="/chat.html">Chat</a><br>
-                <a class="sec" href="/game.html">Game</a><br>
-                <a class="sec" href="https://webmail.arf20.com">Webmail</a><br>
-                <a class="sec" href="https://nextcloud.arf20.com">Nextcloud</a><br>
-                <a class="sec" href="https://jellyfin.arf20.com">Jellyfin</a><br>
-                <a class="sec" href="http://cgit.arf20.com">Cgit</a><br>
-                <a class="sec" href="http://forum.arf20.com">Forum</a><br>
-                <a class="sec" href="/usenet.html">USENET</a>
-                    <a class="sec" href="http://news.arf20.com/">Web newsreader</a><br>
-                <a class="sec" href="https://grafana.arf20.com">Grafana</a><br>
-                <a class="sec" href="http://deb.arf20.com">Debian repo</a><br>
-                <a class="sec" href="http://radio.arf20.com">Radio</a><br>
-                <a class="sec" href="http://os.arf20.com">Operating System Collection</a><br>
-            <a class="fst" href="/astro/">Astrophotography section</a><br>
-            <a class="fst" href="/webring.html">Webring</a><br>
+                <a class="fst" href="/projects/">Projects</a><br>
+                <a class="fst" href="https://blog.arf20.com">Blog</a><br>
+                <a class="fst" href="/astro/">Astrophotography section</a><br>
+                <a class="fst" href="/webring.html">Webring</a><br>
+            </div>
+            <div class="row">
+                <div class="fst">
+                    <div class="item imgcont"><img src="arfnet_logo.png"></div>
+                    <a href="/services.html">Services</a> <a href="https://dash.arf20.com">Order now!</a>
+                </div>
+                <div class="sec">
+                    <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="item imgcont"><img src="/images/icons/matrix.png"></div>
+                    <a href="/chat.html">Chat</a>
+                </div>
+                <div class="sec">
+                    <div class="item imgcont"><img src="/images/icons/minecraft.png"></div>
+                    <a href="/game.html">Game</a>
+                </div>
+                <div class="sec">
+                    <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="item imgcont"><img src="/images/icons/nextcloud.png"></div>
+                    <a href="https://nextcloud.arf20.com">Nextcloud</a>
+                </div>
+                <div class="sec">
+                    <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="item imgcont"><img src="/images/icons/cgit.png"></div>
+                    <a href="http://cgit.arf20.com">Cgit</a>
+                </div>
+                <div class="sec">
+                    <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="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="item imgcont"><img src="/images/icons/grafana.png"></div>
+                    <a href="https://grafana.arf20.com">Grafana</a>
+                </div>
+                <div class="sec">
+                    <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="item imgcont"><img src="/images/icons/mpd.png"></div>
+                    <a href="http://radio.arf20.com">Radio</a><br>
+                </div>
+                <div class="sec">
+                    <div class="item imgcont"><img src="/images/icons/tux.png"></div>
+                    <a href="http://os.arf20.com">Operating System Collection</a><br>
+                </div>
+            </div>
         </main>
         <hr>
         <footer>
             <span>Last update 08-02-2025. Estabished 2019. Contact: <a target="_blank" href="mailto:arf20@arf20.com">arf20@arf20.com</a> <a href="/arf20_public.asc">PGP</a> Murcia, Spain.</span><br>
-            <a href="/LICENSE">Everything here is by default published under the GPLv3</a>
-            <a href="/">Copyright &copy; 2023 ARFNET</a><br>
+            <span>Everything here is by default published under the <a href="/LICENSE">GPLv3</a></span>
+            <span>Copyright &copy; 2025 ARFNET</span><br>
             <img src="gifs/bestvw.gif">
             <img src="gifs/vim.gif">
             <img src="gifs/powered-by-nginx.gif">
diff --git a/style.css b/style.css
index 2898ed4..7b4ba77 100644
--- a/style.css
+++ b/style.css
@@ -51,24 +51,3 @@ body {
     max-width: 100%;
 }
 
-.navbar {
-    text-align: center;
-}
-
-.navlink {
-
-}
-
-.content {
-   
-}
-
-.fst {
-    font-size: 150%;
-}
-
-.sec {
-    margin-left: 20px;
-    font-size: 150%;
-}
-