blob: 8272a6000efb9a4b95e2132f952686336ca05822 (
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
|
<!DOCTYPE html>
<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>
</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>
|
