this is the version 2025

html/wip/index_new.html

@@ -80,8 +80,8 @@
 
     <style>
         body {
-            background-color: black;
+            background-color: #030303;
-            opacity: 0.9;
+            opacity: 0.93;
         }
 
         #hecksshader {
@@ -96,14 +96,14 @@
         }
 
         .container {
-            background-color: #080808;
+            background-color: #090909;
             width: 100%;
             border-left: 0px none #dee2e6 !important;
             border-right: 0px none #dee2e6 !important;
             margin-right: auto;
             margin-left: auto;
             padding: 0;
-            opacity: 0.96;
+            opacity: 0.86;
         }
 
         .section, .cardcontainer {
@@ -118,18 +118,22 @@
             width: 100%;
             margin-top: 1vh;
             margin-bottom: 1vh;
-            background-color: #0c0c0c;
+            background-color: #080808;
             border: 0px solid #dee2e6 !important;
             opacity: 0.9999;
         }
 
         .card-body {
             border-style: solid;
-            border-top: 1px solid #dee2e6 !important;
+            border-top: 1px solid #333333 !important;
             border-bottom: 1px none #dee2e6 !important;
             border-left: 0;
             border-right: 0;
-            opacity: 0.5;
+            opacity: 0.74;
+        }
+
+        .flyer {
+            opacity: 0.9;
         }
 
         .logo {
@@ -150,7 +154,7 @@
             font-family: 'Lato black', sans-serif;
             font-size: 2.0rem;
             text-transform: uppercase;
-            color: #aa2222;
+            color: #dd2222;
             margin-top: 1vh;
             margin-bottom: 1vh;
         }
@@ -167,20 +171,21 @@
             width: 100%;
         }
 
+
         a:link {
-            color: lightblue;
+            color: grey;
         }
 
         a:visited {
-            color: aliceblue;
+            color: grey;
         }
 
         a:hover {
-            color: silver;
+            color: aliceblue;
         }
 
         a:active {
-            color: lightblue;
+            color: grey;
         }
 
 
@@ -199,6 +204,10 @@
             font-size: 2em;
         }
 
+        a, u {
+            text-decoration: none;
+        }
+
     </style>
 </head>
 
@@ -209,7 +218,7 @@
 <div class="container">
     <div class="cardcontainer pt-2">
         <div class="card">
-            <div class="img">
+            <div class="img flyer">
                 <img src="resources/Sub_Factory_2025.webp" alt="Subfactory Banner">
             </div>
         </div>
@@ -224,7 +233,7 @@
                     <div class="fix_height">
                         <h5 class="card-title">Eulachbass</h5>
                     </div>
-                    <img class="logo" src="resources/eulachbass_logo.webp" alt="Eulachbass Logo">
+                    <img class="logo" src="resources/eulachbass_logo_white.webp" alt="Eulachbass Logo">
                     <a href="https://eulachbass.ch/" target="_blank" class="card-link">
                         <i class="fas fa-globe mr-2"></i>
                     </a>
@@ -245,7 +254,7 @@
                     <div class="fix_height">
                         <h5 class="card-title">Sector B</h5>
                     </div>
-                    <img class="logo" src="resources/sectorb_logo.svg" alt="Eulachbass Logo">
+                    <img class="logo" src="resources/sectorb_logo_white.webp" alt="Sector B Logo">
                     <a href="https://www.instagram.com/sectorbevents/" target="_blank" class="card-link">
                         <i class="fab fa-instagram mr-2"></i>
                     </a>
@@ -260,7 +269,7 @@
                     <div class="fix_height">
                         <h5 class="card-title">Subsanity Soundystem</h5>
                     </div>
-                    <img class="logo" src="resources/subsanity_logo.webp" alt="Eulachbass Logo">
+                    <img class="logo" src="resources/subsanity_logo.webp" alt="Subsanity Logo">
                     <a href="https://www.instagram.com/subsanitysoundsystem" target="_blank" class="card-link">
                         <i class="fab fa-instagram mr-2"></i>
                     </a>

html/wip/resources

@@ -0,0 +1 @@
+../resources/