File tree Expand file tree Collapse file tree 4 files changed +13
-14
lines changed Expand file tree Collapse file tree 4 files changed +13
-14
lines changed Original file line number Diff line number Diff line change @@ -61,7 +61,7 @@ fn router(route: Route) -> Html {
61
61
html ! {
62
62
<>
63
63
<Header year={ year} route={ route} />
64
- <main>{ main } </main>
64
+ <main class= "fade-in" >{ main } </main>
65
65
</>
66
66
}
67
67
}
Original file line number Diff line number Diff line change @@ -56,7 +56,7 @@ pub fn solution(props: &Props) -> Html {
56
56
} ;
57
57
58
58
html ! {
59
- <div>
59
+ <div class= "fade-in" >
60
60
<pre>
61
61
<code>{ output. join( "\n " ) } </code>
62
62
</pre>
Original file line number Diff line number Diff line change @@ -9,10 +9,9 @@ void main() {
9
9
float snow = 0.0 ;
10
10
for (int k = 0 ; k < 3 ; k++ ) {
11
11
for (int i = 0 ; i < 8 ; i++ ) {
12
- float cellSize =
13
- 2.0 + (float (i) * iResolution.x / 640 .); // (float(i) * 3.);
12
+ float cellSize = floor (2.0 + (float (i) * iResolution.x / 800 .));
14
13
float downSpeed =
15
- 0.3 + (sin (iTime * 0.4 + float (k + i * 20 )) + 1.0 ) * 0.00008 ;
14
+ 0.2 + (sin (iTime * 0.4 + float (k + i * 20 )) + 1.0 ) * 0.00008 ;
16
15
vec2 uv = (gl_FragCoord .xy / iResolution.x) +
17
16
vec2 (0.01 * sin ((iTime + float (k * 6185 )) * 0.6 + float (i)) *
18
17
(5.0 / float (i)),
@@ -39,7 +38,7 @@ void main() {
39
38
40
39
float omiVal =
41
40
fract (sin (dot (uvStep.xy, vec2 (32.4691 , 94.615 ))) * 31572.1684 );
42
- if (omiVal < 0.08 ? true : false ) {
41
+ if (omiVal < 0.15 ) {
43
42
float newd =
44
43
(x + 1.0 ) * 0.4 *
45
44
clamp (1.9 - d * (15.0 + (x * 6.3 )) * (cellSize / 1.4 ), 0.0 , 1.0 );
Original file line number Diff line number Diff line change 1
- /* Mostly borrowed from https://adventofcode.com/ to get the same look */
1
+ /* Base theme borrowed from https://adventofcode.com/ to get the same look */
2
2
3
3
html ,
4
4
body {
@@ -178,12 +178,6 @@ footer {
178
178
transform : rotateX (-90deg ) translateZ (120px );
179
179
}
180
180
181
- main {
182
- opacity : 0 ;
183
- animation : fadeInAnimation ease-in 400ms ;
184
- animation-fill-mode : forwards;
185
- }
186
-
187
181
@keyframes fadeInAnimation {
188
182
0% {
189
183
opacity : 0 ;
@@ -217,11 +211,17 @@ code:before {
217
211
218
212
.highlighted pre {
219
213
font-size : 10pt ;
220
- display : inline-block ;
214
+ max-width : 900 px ;
221
215
margin : 0 ;
222
216
padding : 1rem ;
223
217
opacity : 90% ;
224
218
overflow-x : scroll;
225
219
background : # 10101a !important ;
226
220
border : 1px solid # 333340 ;
227
221
}
222
+
223
+ .fade-in {
224
+ opacity : 0 ;
225
+ animation : fadeInAnimation ease-in 400ms ;
226
+ animation-fill-mode : forwards;
227
+ }
You can’t perform that action at this time.
0 commit comments