-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (91 loc) · 3.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="src/foo.css">
<title>foo.css</title>
<script defer src="main.js" type="module"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
</head>
<body>
<main>
<h1>
foo.css
</h1>
<p>foo.css is a classless CSS design system for <a href="https://willmartian.com">willmartian.com</a> and other technical blogs.</p>
<section>
<h2>Typography</h2>
<p>
Paragraphs have a default width that maximizes legibility.
</p>
<p>
Haxx0r ipsum foo Trojan horse new all your base are belong to us ip error private shell fopen semaphore epoch char
packet sniffer segfault gurfle bypass. Memory leak bubble sort injection leet malloc brute force double xss mega
sudo mountain dew void echo win emacs linux piggyback bin. I'm compiling float bang case cat infinite loop Donald
Knuth unix for /dev/null machine code then chown d00dz worm gnu crack packet bar eof while.
Lib void brute force bypass nak concurrently all your base are belong to us break leapfrog bit default packet
sniffer Linus Torvalds. Man pages packet stack trace Starcraft Donald Knuth pwned worm hello world public giga
frack gurfle. Irc fork malloc fopen script kiddies flood blob fail hexadecimal while access semaphore loop mega
Trojan horse foo gobble.
Bang spoof *.* headers Dennis Ritchie pragma bubble sort mutex d00dz firewall wombat snarf. Win L0phtCrack back
door big-endian tera injection flush suitably small values interpreter class hello world client segfault. Boolean
buffer emacs highjack concurrently boolean I'm compiling malloc finally char protected void fopen ascii var cd
Trojan horse public.
</p>
</section>
<hr />
<section>
<h2>
Forms
</h2>
<div>
<input type="radio" id="html" name="fav_language" value="HTML"><label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language" value="CSS"><label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript"><label
for="javascript">JavaScript</label>
</div>
<br/>
<div>
<input type="checkbox" id="html-cb" name="fav_language" value="HTML"><label for="html-cb">HTML</label><br>
<input type="checkbox" id="css-cb" name="fav_language" value="CSS"><label for="css-cb">CSS</label><br>
<input type="checkbox" id="javascript-cb" name="fav_language" value="JavaScript"><label
for="javascript-cb">JavaScript</label>
</div>
</section>
<hr />
<section>
<h2>
Lists
</h2>
<ul>
<li>Foo</li>
<li>Bar</li>
<li>Baz</li>
</ul>
<br/>
<ol>
<li>Hi</li>
<li>Hello</li>
<li>Howdy</li>
</ol>
</section>
<hr />
<button>Button</button>
<p>This is a <a href="#">link</a>. And this is an <a href="https://example.com">external link.</a></p>
<dialog id="foo-dialog">
<header>
<h1>Foo wip</h1>
<button class="end" autofocus data-close-dialog>Close</button>
</header>
<p>This modal dialog has a groovy backdrop!</p>
</dialog>
<button data-open-dialog="foo-dialog">
Show a dialog
</button>
</main>
</body>
</html>