small changes

src/content/links.json

@@ -56,7 +56,7 @@
     },
     {
       "name": "Matrix",
-      "href": "https://brulijam.com/mtrx/#/@brulijam:brulijam.com?web-instance[element.io]=app.element.io&client=element.io",
+      "href": "https://brulijam.com/mtrx/#/@brulijam:brulijam.com?web-instance[element.io]=app.element.io",
       "icon": "https://simpleicons.org/icons/matrix.svg",
       "group": 1
     },

src/css/main.css

@@ -106,7 +106,7 @@ h2 {
 
 /* Links Container */
 .links {
-    padding: 10px;
+    padding: 0 10px;
 }
 
 /* Link Group */
@@ -172,7 +172,7 @@ h2 {
 }
 .links:hover .hoverHighlight:not(:hover) {
     @media only screen and (min-width: 480px) {
-        filter: brightness(0.5);
+        filter: brightness(0.8);
     }
 }
 

src/index.html

@@ -23,20 +23,13 @@
     <br>
     <section class="description">
         <p>css is pain and I used way too much math to implement that fuzzy search.</p>
-        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-            dolore magna aliquyam erat, sed diam
-            voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
-            takimata sanctus est Lorem ipsum dolor sit
-            amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
-            labore et dolore magna aliquyam erat, sed
-            diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
-            takimata sanctus est Lorem ipsum dolor sit
-            amet.</p>
+        <p>One day I will write something meaningful in this paragraph.</p>
     </section>
-    <br><br>
+    <br>
     <section class="fuzzysearch">
         <input type="text" id="link-search" placeholder="fuzzy search">
     </section>
+    <br>
     <section class="links">
         <noscript>
             <p>javascript is not available. You can still see a list of my links <a class="text-link" href="content/links.json">here</a>.</p>

src/js/main.js

@@ -1,12 +1,12 @@
 let hue = Math.floor(Math.random() * 360);
 
-const colorChangeInterval = 100;
+const colorChangeInterval = 150;
 
 function setRainbowColor() {
     const color = `hsl(${hue}, 80%, 80%)`;
     document.documentElement.style.setProperty('--secondary-color', color);
     document.documentElement.style.setProperty('--secondary-color2', `hsl(${hue}, 40%, 40%)`);
-    document.documentElement.style.setProperty('--secondary-color-bg', `hsl(${hue}, 40%, 5%)`);
+    document.documentElement.style.setProperty('--secondary-color-bg', `hsl(${hue}, 20%, 5%)`);
     hue = (hue + 1) % 360;
 }