File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree 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+ < script src ="/lib/typed.js "> </ script >
7+ < title > Day 64/100</ title >
8+ </ head >
9+ < body >
10+ < main >
11+ < div class ="alert ">
12+ < div class ="alert-circle "> !</ div >
13+ < div class ="alert-text "> < span id ="alert-text "> </ span > </ div >
14+ </ div >
15+ </ main >
16+
17+ < style >
18+ @font-face {
19+ font-family : "SpaceMono" ;
20+ src : url ("/assets/SpaceMono-Bold.woff2" ) format ("woff2" );
21+ font-weight : 700 ;
22+ }
23+
24+ body {
25+ margin : 0 ;
26+ overflow : hidden;
27+ display : flex;
28+ flex-direction : column;
29+ justify-content : center;
30+ align-items : center;
31+ -webkit-tap-highlight-color : transparent;
32+ width : 100vw ;
33+ height : 100vh ;
34+ background-color : # fff ;
35+ }
36+
37+ .alert {
38+ display : flex;
39+ flex-direction : column;
40+ justify-content : center;
41+ align-items : center;
42+ width : calc (100% - 40px );
43+ padding : 20px ;
44+ gap : 15px ;
45+ }
46+
47+ .alert-circle {
48+ width : 60px ;
49+ height : 60px ;
50+ border-radius : 50% ;
51+ background-color : # ee1c25 ;
52+ display : flex;
53+ justify-content : center;
54+ align-items : center;
55+ font-size : 40px ;
56+ color : # fff ;
57+ }
58+
59+ .alert-text {
60+ min-height : 29.5px ;
61+ font-family : "SpaceMono" ;
62+ font-weight : 700 ;
63+ text-align : center;
64+ font-size : 20px ;
65+ color : # 000 ;
66+ }
67+ </ style >
68+
69+ < script >
70+ const typed = new Typed ( "#alert-text" , {
71+ strings : [ "This content has been banned." ] ,
72+ typeSpeed : 100 ,
73+ showCursor : true ,
74+ cursorChar : "|" ,
75+ } ) ;
76+ </ script >
77+ </ body >
78+ </ html >
You can’t perform that action at this time.
0 commit comments