|
|
|
@ -70,7 +70,9 @@ |
|
|
|
|
|
|
|
|
|
|
|
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() { |
|
|
|
@ -91,12 +93,37 @@ |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
z-index: -999; |
|
|
|
opacity: 0.22999; |
|
|
|
z-index: -899; |
|
|
|
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 { |
|
|
|
background-color: #131313; |
|
|
|
background-color: #090909; |
|
|
|
width: 59%; |
|
|
|
border-left: 0px none #dee2e6 !important; |
|
|
|
border-right: 0px none #dee2e6 !important; |
|
|
|
@ -118,7 +145,7 @@ |
|
|
|
width: 100%; |
|
|
|
margin-top: 1vh; |
|
|
|
margin-bottom: 1vh; |
|
|
|
background-color: #151515; |
|
|
|
background-color: #101010; |
|
|
|
border: 0px solid #dee2e6 !important; |
|
|
|
opacity: 0.9999; |
|
|
|
} |
|
|
|
@ -151,7 +178,7 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.osmmap { |
|
|
|
opacity: 0.78; |
|
|
|
opacity: 0.68; |
|
|
|
} |
|
|
|
|
|
|
|
h2 { |
|
|
|
@ -224,9 +251,9 @@ |
|
|
|
</head> |
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
|
|
<div class="masteringdiv"></div> |
|
|
|
<canvas id="hecksshader"></canvas> |
|
|
|
|
|
|
|
<div class="aliasingdiv"></div> |
|
|
|
<div class="container"> |
|
|
|
<br> |
|
|
|
|
|
|
|
|
