Browse Source

toning layers

heck 4 weeks ago
parent
commit
01c3481d4c
  1. 49
      html/index.html

49
html/index.html

@ -70,7 +70,9 @@
float val = sin(noiseVal * time + (sin(time) * time / 10.)); float val = sin(noiseVal * time + (sin(time) * time / 10.));
fragColor.rgba = vec4(18./time2/val,0.,0.,1.0); val = 18./time2/val;
// val = smoothstep(1.,23.,val);
fragColor.rgba = vec4(val,0.,0.,1.0);
} }
void main() { void main() {
@ -91,12 +93,37 @@
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index: -999; z-index: -899;
opacity: 0.22999; opacity: 0.9999;
}
.aliasingdiv {
background-color: #040404;
width: 100%;
height: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: -899;
opacity: 0.73;
}
.masteringdiv {
background-color: #ff88ff;
width: 100%;
height: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 899;
opacity: 0.05;
} }
.container { .container {
background-color: #131313; background-color: #090909;
width: 59%; width: 59%;
border-left: 0px none #dee2e6 !important; border-left: 0px none #dee2e6 !important;
border-right: 0px none #dee2e6 !important; border-right: 0px none #dee2e6 !important;
@ -118,7 +145,7 @@
width: 100%; width: 100%;
margin-top: 1vh; margin-top: 1vh;
margin-bottom: 1vh; margin-bottom: 1vh;
background-color: #151515; background-color: #101010;
border: 0px solid #dee2e6 !important; border: 0px solid #dee2e6 !important;
opacity: 0.9999; opacity: 0.9999;
} }
@ -151,7 +178,7 @@
} }
.osmmap { .osmmap {
opacity: 0.78; opacity: 0.68;
} }
h2 { h2 {
@ -224,15 +251,15 @@
</head> </head>
<body> <body>
<div class="masteringdiv"></div>
<canvas id="hecksshader"></canvas> <canvas id="hecksshader"></canvas>
<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">Präsentiert von</h2>

Loading…
Cancel
Save