Browse Source

design, design...

heck 4 weeks ago
parent
commit
241f0ccb07
  1. 134
      html/index.html

134
html/index.html

@ -82,7 +82,7 @@
<style> <style>
body { body {
background-color: #121212; background-color: #000000;
opacity: 0.98; opacity: 0.98;
} }
@ -98,7 +98,7 @@
} }
.aliasingdiv { .aliasingdiv {
background-color: #040404; background-color: #040000;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
@ -106,11 +106,11 @@
top: 0; top: 0;
left: 0; left: 0;
z-index: -899; z-index: -899;
opacity: 0.73; opacity: 0.75;
} }
.masteringdiv { .toningdiv {
background-color: #ff88ff; background-color: #0000ff;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: block; display: block;
@ -118,23 +118,45 @@
top: 0; top: 0;
left: 0; left: 0;
z-index: 899; z-index: 899;
opacity: 0.0;
}
.brightnessdiv {
background-color: #ffffff;
width: 100%;
height: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 999;
opacity: 0.05; opacity: 0.05;
} }
.container { .container {
background-color: #090909; background-color: transparent;
width: 59%; width: 100%;
border-left: 0px none #dee2e6 !important; border-left: 0px none #dee2e6 !important;
border-right: 0px none #dee2e6 !important; border-right: 0px none #dee2e6 !important;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
padding: 0; padding: 0;
opacity: 0.86; opacity: 1.0;
} }
.section, .cardcontainer { .cardcontainer {
background-color: transparent; background-color: transparent;
width: 100%;
margin-top: 0vh;
margin-bottom: 4vh;
border-top: 0px none #ffffff !important;
opacity: 0.999;
}
.section {
background-color: transparent;
width: 100%;
margin-top: 0vh; margin-top: 0vh;
margin-bottom: 0vh; margin-bottom: 0vh;
border-top: 0px none #ffffff !important; border-top: 0px none #ffffff !important;
@ -142,25 +164,28 @@
} }
.card { .card {
background-color: transparent;
width: 100%; width: 100%;
margin-top: 1vh; margin-top: 0vh;
margin-bottom: 1vh; margin-bottom: 0vh;
background-color: #101010;
border: 0px solid #dee2e6 !important; border: 0px solid #dee2e6 !important;
opacity: 0.9999; opacity: 0.9999;
} }
.card-body { .card-body {
background-color: #030306;
margin-top: 0vh;
margin-bottom: 0vh;
border-style: solid; border-style: solid;
border-top: 1px solid #252525 !important; border-top: 1px solid #202020 !important;
border-bottom: 1px none #dee2e6 !important; border-bottom: 1px solid #202020 !important;
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
opacity: 0.999; opacity: 0.8;
} }
.flyer { .flyer {
opacity: 0.97; opacity: 0.8;
} }
.logo { .logo {
@ -178,32 +203,51 @@
} }
.osmmap { .osmmap {
opacity: 0.68; opacity: 0.5;
} }
h2 { .presentedby {
font-family: 'Lato black', sans-serif; font-family: 'Lato black', sans-serif;
font-size: 1.32rem; font-size: 1.42rem;
letter-spacing: 0.14em; letter-spacing: 0.14em;
text-transform: uppercase; text-transform: uppercase;
color: #9f1414; color: #9f1414;
margin-top: 3vh; margin-top: 2vh;
margin-bottom: 2vh; margin-bottom: 2vh;
} }
h2 {
font-family: 'Lato black', sans-serif;
font-size: 1.42rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #901010;
margin-top: 1vh;
margin-bottom: 0vh;
}
h5 { h5 {
text-transform: uppercase; text-transform: uppercase;
font-size: 0.1rem; font-size: 0.1rem;
color: #c00606; color: #c00606;
} }
p {
font-family: 'trench', sans-serif;
letter-spacing: 0.06em;
font-size: 1.21em;
color: #c20606;
hyphens: none;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
p, li { li {
font-family: 'Lato', sans-serif; font-family: 'trench', sans-serif;
/*letter-spacing: x0.15em;*/ letter-spacing: 0.06em;
font-size: 1.13em; text-transform: capitalize;
font-size: 1.23em;
color: #c20606; color: #c20606;
hyphens: auto;
} }
img { img {
@ -251,18 +295,20 @@
</head> </head>
<body> <body>
<div class="masteringdiv"></div> <div class="brightnessdiv"></div>
<div class="toningdiv"></div>
<canvas id="hecksshader"></canvas> <canvas id="hecksshader"></canvas>
<div class="aliasingdiv"></div> <div class="aliasingdiv"></div>
<div class="container"> <div class="container">
<br> <br>
<div class="img flyer"> <div class="img flyer">
<img src="resources/Sub_Factory_2025.webp" alt="Subfactory Banner"> <img src="resources/Sub_Factory_2025.webp" alt="Subfactory Banner">
</div> </div>
<div class="cardcontainer pt-2"> <div class="cardcontainer pt-2">
<h2 class="text-center">Präsentiert von</h2> <h2 class="text-center presentedby">Präsentiert von</h2>
<div class="card-group pt-2"> <div class="card-group pt-2">
<div class="card shadow-none"> <div class="card shadow-none">
@ -316,6 +362,8 @@
<a href="https://soundcloud.com/user-937924022" target="_blank" class="card-link"> <a href="https://soundcloud.com/user-937924022" target="_blank" class="card-link">
<i class="fab fa-soundcloud mr-2"></i> <i class="fab fa-soundcloud mr-2"></i>
</a> </a>
<br>
<br>
</div> </div>
</div> </div>
</div> </div>
@ -339,18 +387,6 @@
</div> </div>
</div> </div>
<!-- Zahlungsmethoden -->
<div class="cardcontainer pt-2">
<div class="card ">
<div class="card-body col-12 section">
<h2 class="text-center ">Zahlungsmöglichkeiten</h2>
<p>
Bei uns kann mit Bargeld oder Twint bezahlt werden.
</p>
</div>
</div>
</div>
<!-- Anreise --> <!-- Anreise -->
<div class="cardcontainer pt-2"> <div class="cardcontainer pt-2">
<div class="card"> <div class="card">
@ -369,6 +405,18 @@
</div> </div>
</div> </div>
<!-- Zahlungsmethoden -->
<div class="cardcontainer pt-2">
<div class="card ">
<div class="card-body col-12 section">
<h2 class="text-center ">Zahlungsmöglichkeiten</h2>
<p>
Bei uns kann mit Bargeld oder Twint bezahlt werden.
</p>
</div>
</div>
</div>
<!-- Rave Etiquette --> <!-- Rave Etiquette -->
<div class="cardcontainer pt-2"> <div class="cardcontainer pt-2">
<div class="card"> <div class="card">
@ -414,12 +462,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="cardcontainer pt-2">
<div class="card-body col-12 section">
</div>
</div>
</div> </div>
<!--<script>--> <!--<script>-->
<!-- document.getElementById("focus").focus();--> <!-- document.getElementById("focus").focus();-->

Loading…
Cancel
Save