-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (148 loc) · 4.77 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html>
<head>
<title>Furst Webpage</title>
<link rel="stylesheet" href="./pub/css/baseStyle.css">
<link rel="stylesheet" href="./pub/css/homeStyle.css">
<link rel="stylesheet" href="./pub/css/navStyle.css">
</head>
<body id="center">
<h1>My first webpage</h1>
<nav class="menubar">
<a class="menu active" href="">home</a> ·
<a class="menu" href="./pub/html/sites.html">sites</a> ·
<a class="menu" href="./pub/html/404.html">blog</a>
</nav>
<br>···<br><br>
<div id="root">
<section class="contentBox">
<p>This is my first webpage</p>
<p>How exciting</p>
<p>Yes, that really <em>is</em> exciting.</p>
<p>
<strong>Warning:</strong> level of excitement may cause head to
explode.
</p>
<img src="./pub/img/AHaliq_Logo.svg" alt="logo">
</section>
<br><br>
<!----------------------------------------------------------------------->
<section id="what">
<h2>What is this</h2>
<p>
A simple page put together using
<abbr title="HyperText Markup Language">HTML</abbr>
</p>
<p>
With basic styling in
<abbr title="Cascading Style Sheets">CSS</abbr>
</p>
</section>
<!----------------------------------------------------------------------->
<section id="why">
<h2>Why this is</h2>
<div class="centeredsub">
<ol>
<li>To learn HTML</li>
<li>To accept being a beginner again</li>
<li>Because of reasons as follows...</li>
</ol>
</div>
<div class="centeredsub">
<dl>
<dt>Meta-Non-Dualism</dt>
<dd>Pseudo doctrines for new agers to assume oneness, and hug trees
</dd>
<dt>Narcissism</dt>
<dd>A legal sociopath; artifact of a capitalistic society</dd>
<dt>Cultural Backwash</dt>
<dd>Because deep down, we are but just these dank memes.</dd>
</dl>
</div>
</section>
<!----------------------------------------------------------------------->
<section id="how">
<h2>How is this</h2>
<img src="http://dankmaymays.com/lel/lel.jpeg"
width="120" height="90" alt="lel">
<div class="contentrestrict">
<figcaption>
Fig 1. - The pagan idol behind the archetypal images of mischief,
ignorance, naivety and obnoxious ten year olds.
</figcaption>
</div><br>
<table>
<caption>
Fig 2. - <a href="http://omfgdogs.com/">who let them out</a>
</caption>
<tr>
<th>These</th>
<th>Dank</th>
<th>Memes</th>
</tr>
<tr>
<td>lel</td>
<td>wow</td>
<td>gusta</td>
</tr>
<tr>
<td colspan="2">
ayyy lmao
</td>
<td>
dolan
</td>
</tr>
</table>
</section>
<!----------------------------------------------------------------------->
<section id="where">
<h2>Where this is</h2>
<address>
<ul>
<li>299-792-458</li>
<li>[email protected]</li>
</ul>
</address>
<p>
The day of <mark>beginnings</mark> was on <time datetime="1992-07-04">
4th of July 1992</time>.
</p>
</section>
<!----------------------------------------------------------------------->
<section id="who">
<h2>Who is this</h2>
<form
action="https://soundcloud.com/playrecords/bsod-this-is-the-hook-original-mix"
method="get">
<p>
<input type="text" value="you like it?">
</p>
<fieldset class="centeredsub" id="checkboxes">
<input type="checkbox"> I like the bass</input><br>
<input type="checkbox"> I like the riffs</input><br>
<input type="radio"> Its catchy</input>
</fieldset>
<p><textarea rows="3" cols="30" id="hookField">this is the hook
</textarea></p>
<p>
<select>
<option>Deez</option>
<option>Nuts</option>
</select>
<input type="submit">
</p>
</form>
</section>
</div>
<!------------------------------------------------------------------------->
<a href="#center">↑ top</a><br>
<footer>
<img src="./pub/img/AHaliq_Logo.svg" alt="logo">
<p>
I'm not sure what else to say, but to bid you farewell.<br>
© 2015 AHaliq
</p>
</footer>
</body>
</html>