Updates for subfactory 2024

12 months ago · 599fddd4c3
5 changed files with 29 additions and 39 deletions
--- a/html/images/Sub_Factory_2024_Banner_web.jpg
+++ b/html/images/Sub_Factory_2024_Banner_web.jpg
--- a/html/images/Sub_Factory_2024_Banner_web.webp
+++ b/html/images/Sub_Factory_2024_Banner_web.webp
--- a/html/images/Sub_Factory_2024_Facebook_Banner.xcf
+++ b/html/images/Sub_Factory_2024_Facebook_Banner.xcf
--- a/html/images/texture.webp
+++ b/html/images/texture.webp
--- a/html/index.html
+++ b/html/index.html
@ -2,6 +2,7 @@
 <html lang="de">
 <head>
    <title>Sub Factory</title>
+    <a id="focus" href="#focus"></a>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
@ -11,7 +12,7 @@
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">


-    <!--    Shaders -->
+    <!--    Shaders 
    <script id="vertexShader" type="x-shader/x-vertex">
        varying vec2 vUv;

@ -71,10 +72,12 @@
            mainImage(gl_FragColor, gl_FragCoord.xy);
        }
    </script>
-
+-->
    <style>
        body {
-            background-color: #5fa873;
+            background-color: #e0c897;
+            background-image: url('images/texture.webp');
+            background-repeat: repeat;
        }

        #hecksshader {
@ -92,14 +95,14 @@
            font-family: 'Lato black', sans-serif;
            font-size: 2.0rem;
            text-transform: uppercase;
-            color: #FFFFFF;
+            color: #cd332e;
            margin-top: 4vh;
            margin-bottom: 4vh;
        }

        .card-title {
            font-family: 'Lato black', sans-serif;
-            color: #F5F5F5;
+            color: #cd332e;
            font-size: 1.5rem;
        }

@ -107,7 +110,7 @@
            font-family: 'Lato', sans-serif;
            letter-spacing: 0.05em;
            font-size: 1.4em;
-            color: #F0F0F0;
+            color: #205397;
            hyphens: auto;
        }

@ -116,11 +119,11 @@
        }

        a:link {
-            color:  #d6e1b7;
+            color:  #cd332e;
        }

        a:visited {
-            color: #b2c778;
+            color: #ff534d;
        }

        a:hover {
@ -128,28 +131,27 @@
        }

        a:active {
-            color: #b2c778;
+            color: #ff534d;
        }

        .card {
            width: 100%;
-            background-color: #5fa873;
-            border: 0px solid #dee2e6!important;
+            background-color: transparent !important;
+            border: 0px solid #335077!important;
        }

        .card-body {
            border-style: solid;
-            border-top: 1px solid #dee2e6!important;
-            border-bottom: 1px solid #dee2e6!important;
+            border-top: 1px solid #335077!important;
+            border-bottom: 1px solid #335077!important;
            border-left: 0;
            border-right: 0;
        }

        .container {
-            background-color: #5fa873;
            width: 100%;
-            border-left: 1px solid #dee2e6!important;
-            border-right: 1px solid #dee2e6!important;
+            border-left: 1px solid #335077!important;
+            border-right: 1px solid #335077!important;
            margin-right: auto;
            margin-left: auto;
            padding: 0;
@ -166,13 +168,13 @@
        }

        .fas, .fab {
-            color: white;
+            color: #335077;
            font-size: 2em;
        }

        .section, .cardcontainer {
            margin-bottom: 5vh;
-            border-top: 1px solid #dee2e6!important;
+            border-top: 1px solid #335077!important;
        }

        .logo {
@ -192,7 +194,7 @@
 <div class="container">
    <div class="row">
        <div class="img">
-            <img src="images/230518_subfactory_flyer_0.4.webp" alt="Subfactory Banner">
+            <img src="images/Sub_Factory_2024_Banner_web.webp" alt="Subfactory Banner">
        </div>
    </div>

@ -260,7 +262,7 @@
        <div class="col-12 section">
            <h2 class="text-center">Info</h2>
            <p>
-                Streiche dir den <b>17. Juni im Kalender fett</b> an! Von 13:00 bis
+                Streiche dir den <b>15. Juni im Kalender fett</b> an! Von 13:00 bis
                22:00 findet auf dem Zeughausareal in Winterthur erstmalig ein Drum and
                Bass Day Rave statt. Präsentiert werden internationale DnB Grössen wie
                Benny Page (UK), Amoss (UK), FD (UK), und Creatures (UK). Unterstützt
@ -291,7 +293,7 @@
            <h2 class="text-center">Tickets</h2>
            <p>
                Tickets sind auf
-                <a href="https://embed.eventfrog.ch/de/p/party/electro/sub-factory-with-benny-page-amoss-fd-creatures-7054797958168861153.html" target="_blank">
+                <a href="https://eventfrog.ch/de/p/party/electro/sub-factory-with-annix-selecta-j-man-dazee-fd-7185628944070047955.html" target="_blank">
                    Eventfrog
                </a>
                verfügbar.<br>
@ -299,7 +301,7 @@
                Eintritt ab Alter 18 Jahre. Minderjärige in Begleitung einer erwachsenen Person.
            </p>
            <iframe allowpaymentrequest="true"
-                    src="https://embed.eventfrog.ch/de/p/party/electro/sub-factory-with-benny-page-amoss-fd-creatures-7054797958168861153.html?color=60BF00&infobox=0&description=0&location=0&organisator=0&sponsors=0"
+                    src="https://eventfrog.ch/de/p/party/electro/sub-factory-with-annix-selecta-j-man-dazee-fd-7185628944070047955.html?color=60BF00&infobox=0&description=0&location=0&organisator=0&sponsors=0"
                    width="100%"
                    height="500"
                    style="border: 1px solid black"
@ -342,21 +344,6 @@
                Technikum und dann zu Fuss. Auf dem Gelände stehen keine Parkplätze zur
                Verfügung.
            </p>
-
-            <iframe
-                    width="100%"
-                    height="350"
-                    frameborder="0"
-                    scrolling="no"
-                    marginheight="0"
-                    marginwidth="0"
-                    src="https://facilmap.org/mymap#q=w315995935%20to%2047.49364%2C8.7348%20by%20pedestrian%20details"
-                    style="border: 1px solid black">
-            </iframe>
-            <br/>
-            <small><a href="https://www.openstreetmap.org/#map=19/47.49401/8.73429" target="_blank">View Larger Map</a></small>
-<!--            <iframe style="border: 1px solid black" width="100%" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=8.732620775699617%2C47.49334170186654%2C8.736456334590914%2C47.49489482337585&amp;layer=mapnik&amp;marker=47.49411917450164%2C8.734538555145264"></iframe>-->
-<!--            <br/><small><a href="https://www.openstreetmap.org/?mlat=47.49412&amp;mlon=8.73454#map=19/47.49412/8.73454">View Larger Map</a></small>-->
        </div>
    </div>

@ -404,8 +391,10 @@
        </div>
    </div>
 </div>
-
-
+<script>
+document.getElementById("focus").focus();
+</script>
+<!--
 <script type="module">
    import * as THREE from 'https://unpkg.com/three/build/three.module.js';

@ -476,5 +465,6 @@
        renderer.render( scene, camera );
    }
 </script>
+-->
 </body>
 </html>