blob: 8d689b5663b10fec30ebdf4a373a1f6b0f0f6b63 (
plain)
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
|
<html lang="en-US">
<head>
<title>yuzu-eva's odin project</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=devide-width,initial-scale=1">
<link rel="stylesheet" href="static/style.css">
<link rel="icon" type="image/x-icon" href="images/favicon.ico" sizes="16x16">
</head>
<body>
<header>
<nav>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="static/about.html">About</a>
</li>
<li>
<a href="static/recipes/overview.html">Recipes</a>
</li>
<li>
<a href="static/rock-paper-scissors.html">Rock Paper Scissors</a>
</li>
</ul>
</nav>
</header>
<div id="headerwrapper">
<h1>Hello, World!</h1>
<p>... and everyone in it.</p>
<a href="https://wiby.me/surprise" target="_blank">Link to a random website (opens in new tab)</a>
</div>
<main>
<div class="wrapper-space">
<div class="lists">
<h3>favourite foods:</h3>
<ul>
<li>steak</li>
<li>mapo tofu</li>
<li>jägerschnitzel</li>
<li>schweinshaxe</li>
<li>teriyaki salmon</li>
</ul>
<br>
<h3>favourite video games:</h3>
<ol>
<li>Monster Hunter 4 Ultimate</li>
<li>Fallout: New Vegas</li>
<li>The Legend of Zelda: Majora's Mask</li>
<li>Devil May Cry 3</li>
<li>Final Fantasy X</li>
</ol>
</div>
<div class="lists">
<h3>favourite anime:</h3>
<ol>
<li>Serial Experiments: Lain</li>
<li>Detective Conan</li>
<li>Ergo Proxy</li>
<li>Monogatari Series</li>
<li>Tengen Toppa Gurren Lagann</li>
</ol>
<br>
<h3>favourite manga:</h3>
<ol>
<li>Yu Yu Hakusho</li>
<li>Detective Conan</li>
<li>Baki</li>
<li>Killing Stalking</li>
<li>Jojo's Bizzare Adventure</li>
</ol>
</div>
<div class="img-wrapper img-right">
<img src="./images/big-dick.jpg" alt="This is a picture of Konata from Lucky Star with a hoodie that says 'big dick is back in town'">
</div>
</div>
<div class="flex-stack top-gap bottom-gap">
<div class="wrapper-centered">
<h2>
Some super cool pictures.
</h2>
</div>
<div class="wrapper-space top-gap align-center">
<div class="img-wrapper flex-stack">
<img src="./images/img1.jpg" alt="Picture of Johnny Silverhand">
<span class="text-centered">Johnny</span>
</div>
<div class="img-wrapper flex-stack">
<img src="./images/img2.jpg" alt="Picture of a tired Konata, together with Kagami and Tsukihi">
<span class="text-centered">Sleepyhead</span>
</div>
<div class="img-wrapper flex-stack">
<img src="./images/img3.png" alt="Picture of Kaiki Deishu from Monogatari Series">
<span class="text-centered">His smile and optimism: GONE</span>
</div>
<div class="img-wrapper flex-stack">
<img src="./images/img4.jpg" alt="Picture of Araragi Koyomi and Oshino Shinobu from Monogatari Series">
<span class="text-centered">Donuts</span>
</div>
</div>
</div>
</main>
<footer>
<div class="wrapper-centered">
<p>Bottom Text</p>
</div>
</footer>
</body>
<script src=""></script>
</html>
|
