This repository has been archived by the owner on Jun 9, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
interests.html
169 lines (154 loc) · 8.79 KB
/
interests.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
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html>
<!--
Author: Ang Yak Hng
Date: 23 May 2019
filename: interests.html
-->
<head>
<title>Projects</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='shortcut icon' href="Images/favicon.png">
<link href="CSS/layout.css" rel="stylesheet">
<link href='CSS/interests.css' rel='stylesheet'>
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<body>
<!--Header-->
<div class='header'>
<a href='interests.html' class='logo'>Interests</a>
<div class='header-links'>
<a href='index.html' id='home'>Home</a>
<a href="education.html" id='education'>Education</a>
<a href='projects.html' id='projects'>Projects</a>
</div>
</div>
<!--Splash screen-->
<div class='splash-screen'>
<h1>Interesting</h1>
</div>
<!--Interests-->
<div class='info-boxes'>
<!--Left side-->
<div class='info-left'>
<!--Computers-->
<table>
<tr>
<td>
<h3>Computer Building</h3>
<p>Other than software, I love doing hardware projects as well. For example, the mentioned minecraft server is built by yours truly. To build my computers, I do thorough research on whether the parts I pick are compatible with one another. To do that, I google the information or use PC Part Picker, which is a really useful website that guides you along the building process and tells you whether your parts are compatible or not. </p>
</td>
</tr>
<tr>
<td>
<button onclick='window.open("https://pcpartpicker.com", "_blank")' id='pc-partpicker'><i class="fas fa-desktop"></i> pcpartpicker.com</button>
</td>
</tr>
</table>
<!--Games-->
<table id='games'>
<tr>
<td>
<h3>Games</h3>
<p>Who doesn't love to game? I definitely don't! I play a nice variety of games, be it on PC, on mobile, et cetera. Here are some of the best games I play.</p>
</td>
</tr>
<!--Overwatch-->
<tr>
<td>
<img src='Images/overwatch.svg' alt='Overwatch image' id='overwatch-img'>
</td>
</tr>
<tr>
<td id='overwatch-description'>
<em class='copyright-text'>Image from u/BlandSauce on reddit.com by ®2016 Blizzard Entertainment, Inc. All rights reserved.</em>
<p><strong><em>Nerf this!</em></strong> Overwatch is a team-based shooter developed by Blizzard in 2015. It is a fast paced game, with so much happening all at once, but despite all of that, it is exhilarating playing this game. The community is really nice too, which is somewhat rare in this genre.</p>
</td>
</tr>
<!--Minecraft-->
<tr id='minecraft'>
<td>
<img src='Images/minecraft.svg' alt='Minecraft image' id='minecraft-img'>
</td>
</tr>
<tr>
<td id='minecraft-info'>
<em class='copyright-text'>Image from seeklogo.com by Mojang</em>
<p><strong><em>Sssssss...</em></strong> Minecraft is a hyper-successful game developed by Mojang all the way back in 2011, with tens of millions of copies sold. It slowly lost popularity over the years, but has received a strange revitalisation in recent months. I love this game to bits, since the creativity you can unleash here is unparallelled and the potential is near infinite. </p>
</td>
</tr>
</table>
</div>
<div class='info-right'>
<!--DnD-->
<table>
<tr>
<td>
<h3>Dungeons & Dragons</h3>
<p>Every Friday, I run a D&D campaign for my friends. Although I am not that good as a Dungeon Master, or DM, I am always learning how to be a better DM for my friends, so that they can have a more fun in any session I run. I make good use of websites like D&D Beyond to help augment the campaigns, as it allows me to quickly search for different things like spells and monster stats. <strong>If you want to join me, you can indicate your interest below, or email me at <a href='mailto:[email protected]'>[email protected]</a>.</strong></p>
<em class='copyright-text'>Image by Wizards of the Coast from Google Images</em>
</td>
</tr>
<tr>
<td id='dnd-form'>
<form>
<label for='name'>Name:</label>
<input id='name' name='name' type='text' required placeholder='Your name'>
<label for='email'>Email address:</label>
<input id='email' name='email' type='email' required placeholder="[email protected]">
<button id='submit'>Submit</button>
</form>
<p id='js-output'></p>
</td>
</tr>
<tr>
<td>
<button id='beyond'><i class="fab fa-d-and-d-beyond"></i></button>
</td>
</tr>
</table>
<table>
<tr>
<td>
<h3>Shows</h3>
<p>Like everyone else, I watch different shows in my free time. But, unlike some people, my taste is a little unorthodox, to say the least.</p>
</td>
</tr>
<tr>
<!--b99 logo-->
<td id='b99'>
<img src='Images/b99-logo.png' id='b99-img' alt='brooklyn 99 logo'>
</td>
</tr>
<tr>
<td>
<em class='copyright-text'>Image from fox.com</em>
<p><strong><em>Nine-Nine!</em></strong> This show is a hilarious comedy series based around detectives working in a police precinct. I watch this quite often, as it is really rewatchable. If you have not seen this show yet, I highly recommend that you do so.</p>
</td>
</tr>
<tr>
<!--Konosuba logo-->
<td>
<img src='Images/konosuba.png' alt="konosuba picture" id='konosuba-img'>
</td>
</tr>
<tr>
<td>
<p><strong><em>Ko! No! Su! Ba!</em></strong> This is a comedy anime that does not conform to the traditional standards, which is why I like it so much. It revolves around 4 characters, of which one is from another world, and their daily lives as a group of adventurers in a fantasy world. I also recommend watching this. </p>
</td>
</tr>
</table>
</div>
</div>
<footer>
<div class='social-media'>
<button onclick="window.open('https://twitter.com/yakisoap_bar','_blank')" id='twitter'><i class="fab fa-twitter"></i></button>
<button onclick="window.open('https://www.instagram.com/yakhnggg/','_blank')" id='instagram'><i class="fab fa-instagram"></i></button>
<button onclick="window.open('https://www.reddit.com/user/ayyyyyh', '_blank')" id='reddit'><i class="fab fa-reddit"></i></button>
</div>
<p>©Ang Yak Hng - 2019</p>
</footer>
</body>
</html>