Browse Source

Updates for subfactory 2024

main
Paul Linwood 1 year ago
parent
commit
599fddd4c3
  1. BIN
      html/images/Sub_Factory_2024_Banner_web.jpg
  2. BIN
      html/images/Sub_Factory_2024_Banner_web.webp
  3. BIN
      html/images/Sub_Factory_2024_Facebook_Banner.xcf
  4. BIN
      html/images/texture.webp
  5. 68
      html/index.html

BIN
html/images/Sub_Factory_2024_Banner_web.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

BIN
html/images/Sub_Factory_2024_Banner_web.webp

Binary file not shown.

After

Width:  |  Height:  |  Size: 664 KiB

BIN
html/images/Sub_Factory_2024_Facebook_Banner.xcf

Binary file not shown.

BIN
html/images/texture.webp

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

68
html/index.html

@ -2,6 +2,7 @@
<html lang="de"> <html lang="de">
<head> <head>
<title>Sub Factory</title> <title>Sub Factory</title>
<a id="focus" href="#focus"></a>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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"> <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"> <script id="vertexShader" type="x-shader/x-vertex">
varying vec2 vUv; varying vec2 vUv;
@ -71,10 +72,12 @@
mainImage(gl_FragColor, gl_FragCoord.xy); mainImage(gl_FragColor, gl_FragCoord.xy);
} }
</script> </script>
-->
<style> <style>
body { body {
background-color: #5fa873; background-color: #e0c897;
background-image: url('images/texture.webp');
background-repeat: repeat;
} }
#hecksshader { #hecksshader {
@ -92,14 +95,14 @@
font-family: 'Lato black', sans-serif; font-family: 'Lato black', sans-serif;
font-size: 2.0rem; font-size: 2.0rem;
text-transform: uppercase; text-transform: uppercase;
color: #FFFFFF; color: #cd332e;
margin-top: 4vh; margin-top: 4vh;
margin-bottom: 4vh; margin-bottom: 4vh;
} }
.card-title { .card-title {
font-family: 'Lato black', sans-serif; font-family: 'Lato black', sans-serif;
color: #F5F5F5; color: #cd332e;
font-size: 1.5rem; font-size: 1.5rem;
} }
@ -107,7 +110,7 @@
font-family: 'Lato', sans-serif; font-family: 'Lato', sans-serif;
letter-spacing: 0.05em; letter-spacing: 0.05em;
font-size: 1.4em; font-size: 1.4em;
color: #F0F0F0; color: #205397;
hyphens: auto; hyphens: auto;
} }
@ -116,11 +119,11 @@
} }
a:link { a:link {
color: #d6e1b7; color: #cd332e;
} }
a:visited { a:visited {
color: #b2c778; color: #ff534d;
} }
a:hover { a:hover {
@ -128,28 +131,27 @@
} }
a:active { a:active {
color: #b2c778; color: #ff534d;
} }
.card { .card {
width: 100%; width: 100%;
background-color: #5fa873; background-color: transparent !important;
border: 0px solid #dee2e6!important; border: 0px solid #335077!important;
} }
.card-body { .card-body {
border-style: solid; border-style: solid;
border-top: 1px solid #dee2e6!important; border-top: 1px solid #335077!important;
border-bottom: 1px solid #dee2e6!important; border-bottom: 1px solid #335077!important;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
} }
.container { .container {
background-color: #5fa873;
width: 100%; width: 100%;
border-left: 1px solid #dee2e6!important; border-left: 1px solid #335077!important;
border-right: 1px solid #dee2e6!important; border-right: 1px solid #335077!important;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
padding: 0; padding: 0;
@ -166,13 +168,13 @@
} }
.fas, .fab { .fas, .fab {
color: white; color: #335077;
font-size: 2em; font-size: 2em;
} }
.section, .cardcontainer { .section, .cardcontainer {
margin-bottom: 5vh; margin-bottom: 5vh;
border-top: 1px solid #dee2e6!important; border-top: 1px solid #335077!important;
} }
.logo { .logo {
@ -192,7 +194,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="img"> <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>
</div> </div>
@ -260,7 +262,7 @@
<div class="col-12 section"> <div class="col-12 section">
<h2 class="text-center">Info</h2> <h2 class="text-center">Info</h2>
<p> <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 22:00 findet auf dem Zeughausareal in Winterthur erstmalig ein Drum and
Bass Day Rave statt. Präsentiert werden internationale DnB Grössen wie Bass Day Rave statt. Präsentiert werden internationale DnB Grössen wie
Benny Page (UK), Amoss (UK), FD (UK), und Creatures (UK). Unterstützt Benny Page (UK), Amoss (UK), FD (UK), und Creatures (UK). Unterstützt
@ -291,7 +293,7 @@
<h2 class="text-center">Tickets</h2> <h2 class="text-center">Tickets</h2>
<p> <p>
Tickets sind auf 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 Eventfrog
</a> </a>
verfügbar.<br> verfügbar.<br>
@ -299,7 +301,7 @@
Eintritt ab Alter 18 Jahre. Minderjärige in Begleitung einer erwachsenen Person. Eintritt ab Alter 18 Jahre. Minderjärige in Begleitung einer erwachsenen Person.
</p> </p>
<iframe allowpaymentrequest="true" <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%" width="100%"
height="500" height="500"
style="border: 1px solid black" style="border: 1px solid black"
@ -342,21 +344,6 @@
Technikum und dann zu Fuss. Auf dem Gelände stehen keine Parkplätze zur Technikum und dann zu Fuss. Auf dem Gelände stehen keine Parkplätze zur
Verfügung. Verfügung.
</p> </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>
</div> </div>
@ -404,8 +391,10 @@
</div> </div>
</div> </div>
</div> </div>
<script>
document.getElementById("focus").focus();
</script>
<!--
<script type="module"> <script type="module">
import * as THREE from 'https://unpkg.com/three/build/three.module.js'; import * as THREE from 'https://unpkg.com/three/build/three.module.js';
@ -476,5 +465,6 @@
renderer.render( scene, camera ); renderer.render( scene, camera );
} }
</script> </script>
-->
</body> </body>
</html> </html>

Loading…
Cancel
Save