itemic.github.io/me.html at master · itemic/itemic.github.io · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>Terran</title>
	<link href="static/style.css" rel="stylesheet" />
	<script src="js/home.js" async></script>
</head>
<body class="bg-dark">
	<div id="container">
		<nav class="nav nav-bright">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="#">Me</a></li>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="projects.html">Projects</a></li>
			</ul>
		</nav>
		<div class="wrap">
		</div>
		<div class="content">
			<div class="text-block" style="vertical-align: middle; text-align: center">

				<h2 class="title-header color-title">Terran Kroft</h2>
				<p style="font-weight: 200; font-style: italic; letter-spacing: 0.05em">Content on this page is still experimental; I'm still figuring out the best way to present all this stuff.</p>
				<p class="link"><a href="https://www.linkedin.com/in/terrankroft/">LinkedIn</a> | <a href="https://github.com/itemic">GitHub</a> | <a href="https://www.twitter.com/itemic">Twitter</a></p>

			</div>

			<div class="wrapper">

				<div class="box">
				<h2 class="title-subheader">Interests</h2>
				<p class="vibrant">UI design.<span class="defocused"> I haven't had any formal training in design, but I do like to make sure that my projects look aesthetic.</span></p>
				<p class="vibrant">Typography.<span class="defocused"> See above.</span></p>
				<p class="vibrant">Mathematics. <span class="defocused">To be honest, I haven't actually taken any math courses since my second year of University, but it's something I want to eventually get back into.</span></p>
				<p class="vibrant">Signs.<span class="defocused"> When I was younger, I had a collection of different road signs that I found interesting. I plan on starting a new collecton, so look out for it soon!</span></p>
				<p class="vibrant">Tea. <span class="defocused">I like green tea.</span></p>
				</div>

				<div class="box">
				<h2 class="title-subheader">Devices</h2>
				<p class="vibrant">MacBook Pro (13-inch, Early 2015).<span class="defocused"> I use this laptop every day, from working on projects to playing games.</span></p>
				<p class="vibrant">Surface Pro 3.<span class="defocused"> I had this before I upgraded to the MacBook Pro. Now, it's used as a wireless access point.</span></p>
				<p class="vibrant">iPad Pro (10.5).<span class="defocused"> My Hearthstone console, PDF reader, and university companion.</span></p>
				</div>

				<!-- <div class="box">
					<h2 class="title-subheader">Games</h2>
					<p class="vibrant">League of Legends. <span class="defocused">I'm actually not good at this game but I play this quite a bit so that's about all I have to say here.</span></p>
					<p class="vibrant">Hearthstone. <span class="defocused">I almost exclusively play Arena just because I like the drafting aspect.</span></p>
					<p class="vibrant">Overwatch. <span class="defocused">Loot boxes!</span></p>
					<p class="vibrant">Civilization. <span class="defocused">Surprisingly I actually managed to finish a game once.</span></p>
					<p class="vibrant">XCOM 2. <span class="defocused">This is my favorite game.</span></p>
				</div> -->

				<div class="box">
				<h2 class="title-subheader">Education</h2>
				<p class="vibrant">I'm a 4th year student studying Software Engineering at the University of Auckland.<span class="defocused"> If everything goes well, I'll be done with this degree by the end of 2018. In both 2016 and 2017, I was on the Dean's Honours List.</span></p>
				<p class="vibrant">I'm the Part 4 Representative of SESA.<span class="defocused"> SESA is the University of Auckland's <a href="https://www.sesa.org.nz">Software Engineering Students Association</a>. We organize and host events for SE students, such as board game nights and careers evenings (Industry Night), as well as act as a liaison between the students and the SE department.</span></p>
				</div>

			</div>


		</div>


		</body>
		</html>