File tree Expand file tree Collapse file tree 2 files changed +94
-0
lines changed
Expand file tree Collapse file tree 2 files changed +94
-0
lines changed Original file line number Diff line number Diff line change 2020 < div class ="ascii-line " id ="ascii-line-8 "> </ div >
2121 < div class ="ascii-line " id ="ascii-line-9 "> </ div >
2222 < div class ="ascii-line " id ="ascii-line-10 "> </ div >
23+ < div class ="ascii-line " id ="ascii-line-11 "> </ div >
2324 </ div >
2425 </ main >
2526
9293 document . getElementById ( "ascii-line-8" ) . textContent = lines [ 7 ] ;
9394 document . getElementById ( "ascii-line-9" ) . textContent = lines [ 8 ] ;
9495 document . getElementById ( "ascii-line-10" ) . textContent = lines [ 9 ] ;
96+ document . getElementById ( "ascii-line-11" ) . textContent = lines [ 10 ] ;
9597 }
9698 }
9799 ) ;
Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 " />
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6+ < link rel ="icon " href ="/assets/icon.png " />
7+ < script src ="/lib/figlet.js "> </ script >
8+ < title > Day 72/100</ title >
9+ </ head >
10+ < body >
11+ < main >
12+ < div id ="ascii-art ">
13+ < div class ="ascii-line " id ="ascii-line "> </ div >
14+ </ div >
15+ </ main >
16+
17+ < style >
18+ @font-face {
19+ font-family : "SFMono" ;
20+ src : url ("/assets/SFMono-Bold.woff2" ) format ("woff2" );
21+ font-weight : 700 ;
22+ }
23+
24+ @font-face {
25+ font-family : "SFMono" ;
26+ src : url ("/assets/SFMono-Medium.woff2" ) format ("woff2" );
27+ font-weight : 500 ;
28+ }
29+
30+ @font-face {
31+ font-family : "SFMono" ;
32+ src : url ("/assets/SFMono-Regular.woff2" ) format ("woff2" );
33+ font-weight : 400 ;
34+ }
35+
36+ body {
37+ background-color : # fff ;
38+ overflow : hidden;
39+ display : flex;
40+ justify-content : center;
41+ align-items : center;
42+ min-height : 100vh ;
43+ margin : 0 ;
44+ }
45+
46+ # ascii-art {
47+ text-align : center;
48+ }
49+
50+ .ascii-line {
51+ font-size : max (min (1.2vw , 16px ), 6px );
52+ line-height : 1.2 ;
53+ font-family : "SFMono" , monospace;
54+ font-weight : 700 ;
55+ white-space : pre;
56+ text-align : left;
57+ margin : 0 ;
58+ padding : 0 ;
59+ color : # ee1c25 ;
60+ }
61+ </ style >
62+
63+ < script >
64+ const asciiLine = document . getElementById ( "ascii-line" ) ;
65+
66+ figlet . defaults ( { fontPath : "/assets/" } ) ;
67+
68+ figlet . text (
69+ "HIDDEN" ,
70+ {
71+ font : "poison" ,
72+ } ,
73+ function ( err , data ) {
74+ if ( err ) {
75+ console . error ( err ) ;
76+ } else {
77+ let lineContent = data ;
78+
79+ let typingInterval = setInterval ( function ( ) {
80+ if ( lineContent . length > 0 ) {
81+ asciiLine . innerHTML += lineContent [ 0 ] ;
82+ lineContent = lineContent . slice ( 1 ) ;
83+ } else {
84+ clearInterval ( typingInterval ) ;
85+ }
86+ } , 20 ) ;
87+ }
88+ }
89+ ) ;
90+ </ script >
91+ </ body >
92+ </ html >
You can’t perform that action at this time.
0 commit comments