File tree 2 files changed +40
-0
lines changed
2 files changed +40
-0
lines changed Original file line number Diff line number Diff line change
1
+ webgpufundamentals.org
2
+
Original file line number Diff line number Diff line change
1
+ < style >
2
+ * {
3
+ box-sizing : border-box;
4
+ }
5
+ body {
6
+ font-family : monospace;
7
+ color : # 0F0 ;
8
+ background-color : black;
9
+ font-size : 10pt ;
10
+ }
11
+ @keyframes blink {
12
+ from , to { background-color : transparent }
13
+ 50% { background-color : # 0F0 }
14
+ }
15
+
16
+ .cursor {
17
+ display : inline-block;
18
+ position : relative;
19
+ top : 0.2em ;
20
+ width : 0.6em ;
21
+ height : 1em ;
22
+ animation : 1s blink step-end infinite;
23
+ }
24
+
25
+ </ style >
26
+ < div > $ webgpufundamentals< span > </ span > < div class ="cursor "> </ div > </ div >
27
+ < script >
28
+ const code = document . querySelector ( 'span' ) ;
29
+ const cursor = document . querySelector ( '.cursor' ) ;
30
+ window . addEventListener ( 'keypress' , enter ) ;
31
+ function enter ( e ) {
32
+ if ( e . keyCode === 13 ) {
33
+ code . innerHTML += '<br/>sh: webgpufundamentals: command not found<br/>$ webgpufundamentals' ;
34
+ cursor . scrollIntoView ( ) ;
35
+ }
36
+ }
37
+ </ script >
38
+
You can’t perform that action at this time.
0 commit comments