2025 design

html/index.html

@@ -11,8 +11,8 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
 
-    <!-- test -->
+
-    <!--    Shaders 
+    <!--    Shaders -->
     <script id="vertexShader" type="x-shader/x-vertex">
         varying vec2 vUv;
 
@@ -72,12 +72,10 @@
             mainImage(gl_FragColor, gl_FragCoord.xy);
         }
     </script>
--->
+
     <style>
         body {
-            background-color: #e0c897;
+            background-color: #ffffff;
-            background-image: url('images/texture.webp');
-            background-repeat: repeat;
         }
 
         #hecksshader {
@@ -88,21 +86,21 @@
             top: 0;
             left: 0;
             z-index: -9999;
-            opacity: 0.15;
+            opacity: 0.02;
         }
 
         h2 {
             font-family: 'Lato black', sans-serif;
             font-size: 2.0rem;
             text-transform: uppercase;
-            color: #cd332e;
+            color: #111111;
             margin-top: 4vh;
             margin-bottom: 4vh;
         }
 
         .card-title {
             font-family: 'Lato black', sans-serif;
-            color: #cd332e;
+            color: #222222;
             font-size: 1.5rem;
         }
 
@@ -110,7 +108,7 @@
             font-family: 'Lato', sans-serif;
             letter-spacing: 0.05em;
             font-size: 1.4em;
-            color: #205397;
+            color: #333333;
             hyphens: auto;
         }
 
@@ -119,11 +117,11 @@
         }
 
         a:link {
-            color:  #cd332e;
+            color: #b2c778;
         }
 
         a:visited {
-            color: #ff534d;
+            color: #b2c778;
         }
 
         a:hover {
@@ -131,27 +129,28 @@
         }
 
         a:active {
-            color: #ff534d;
+            color: #b2c778;
         }
 
         .card {
             width: 100%;
-            background-color: transparent !important;
+            background-color: #f4f4f4;
-            border: 0px solid #335077!important;
+            border: 0px solid #dee2e6!important;
         }
 
         .card-body {
             border-style: solid;
-            border-top: 1px solid #335077!important;
+            border-top: 1px solid #dee2e6!important;
-            border-bottom: 1px solid #335077!important;
+            border-bottom: 1px solid #dee2e6!important;
             border-left: 0;
             border-right: 0;
         }
 
         .container {
+            background-color: #fefefe;
             width: 100%;
-            border-left: 1px solid #335077!important;
+            border-left: 1px solid #dee2e6!important;
-            border-right: 1px solid #335077!important;
+            border-right: 1px solid #dee2e6!important;
             margin-right: auto;
             margin-left: auto;
             padding: 0;
@@ -168,13 +167,13 @@
         }
 
         .fas, .fab {
-            color: #335077;
+            color: white;
             font-size: 2em;
         }
 
         .section, .cardcontainer {
             margin-bottom: 5vh;
-            border-top: 1px solid #335077!important;
+            border-top: 1px solid #dee2e6!important;
         }
 
         .logo {
@@ -194,7 +193,7 @@
 <div class="container">
     <div class="row">
         <div class="img">
-            <img src="images/Sub_Factory_2024_Banner_web.webp" alt="Subfactory Banner">
+            <img src="images/Sub_Factory_2025.webp" alt="Subfactory Banner">
         </div>
     </div>
 
@@ -393,7 +392,7 @@
 <script>
 document.getElementById("focus").focus();
 </script>
-<!--
+
 <script type="module">
     import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
@@ -464,6 +463,5 @@ document.getElementById("focus").focus();
         renderer.render( scene, camera );
     }
 </script>
--->
 </body>
 </html>