-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
164 lines (160 loc) · 8.21 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Austin Huebner</title>
<link rel="stylesheet" href="packages/css/mystyles.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<script defer src="https://use.fontawesome.com/releases/v5.12.0/js/all.js"></script>
</head>
<body>
<section class="hero is-primary">
<div class="hero-head">
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<div class="navbar-burger" aria-label="menu" aria-expanded="false"
data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</div>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item" href="index.html">
Portfolio
</a>
<a class="navbar-item is-active" href="about.html">
About
</a>
</div>
</div>
</nav>
</div>
<div class="hero-body has-background-primary">
<figure class="container image is-128x128 shadow">
<img class="is-rounded" src="images/profile-picture.jpg">
</figure>
<br>
<div class="container has-text-centered">
<h1 class="title">
Austin Huebner
</h1>
<h1 class="subtitle">
Software Engineer & Unity Specialist
</h1>
</div>
<div class="container has-text-centered">
<span class="icon is-large">
<a href="https://twitter.com/austinmakes">
<i class="fab fa-twitter-square fa-2x"></i>
</a>
</span>
<span class="icon is-large">
<a href="https://austinh1.itch.io/">
<i class="fab fa-itch-io fa-2x"></i>
</a>
</span>
<span class="icon is-large">
<a href="https://github.com/austinh1">
<i class="fab fa-github-square fa-2x"></i>
</a>
</span>
<span class="icon is-large">
<a href="https://www.facebook.com/austin.huebner.5">
<i class="fab fa-facebook-square fa-2x"></i>
</a>
</span>
<span class="icon is-large">
<a href="https://www.linkedin.com/in/austin-huebner-5074a095/">
<i class="fab fa-linkedin fa-2x"></i>
</a>
</span>
<span class="icon is-large">
<a href="mailto:[email protected]">
<i class="fas fa-envelope-square fa-2x"></i>
</a>
</span>
</div>
<br>
</div>
</section>
<section class="section">
<div class="container">
<div class="tile is-ancestor">
<div class="tile is-parent">
<div class="tile is-child box">
<figure class="image picture shadow">
<img src="images/austin-woods.jpg" />
</figure>
<h1 class="title intro">Hello, my name is Austin!</h1>
<p>Technically my first name Steven, but everyone calls me by my middle name, Austin. Since I
was very
young I've had an interest in making games, but it wasn't until I got my hands on a now
famous piece of software called Game Maker that I was finally given the tools to explore my
passion. I made so many very bad games in Game Maker, and unfortunately (or maybe
fortunately) those old games have been lost to time, probably on a laptop hard drive in some
landfill in Cincinnati. Ever since then game dev has been an integral part of my life and I
finally picked up Unity while I was at Northern Kentucky University pursuing a degree in
Computer Science. From there I went off to make quite a few games, notably Match Point and
most recently Franchise Wars, both of which you can find on Steam!</p>
<br />
<h2 class="subtitle">Do you have other interests?</h2>
<p>I'm glad you asked! I have so many I'm not even sure where to start. Language learning is
probably my second biggest hobby outside of game development. I started learning German when
I was only 15 years old, though at first I honestly didn't really like German. Instead I
wanted to learn
something like Chinese or Japanese. But I stuck with it and seven years later I'm so glad I
did. I can now speak the language fluently, though I still haven't managed to get rid of
that
pesky American accent, and I've met so many new friends along the way. Since learning German
I've also decided to pick up Japanese as my next language learning challenge! Of course,
with learning all of these languages I also tend to travel a lot. In fact, the picture above
comes from a small town in Austria called Zillertal.</p>
<br />
<p>Besides language learning, I also like to fiddle with VR, play video games of course and
mountain bike as much as I humanly can. I also really enjoy a good cup of coffee.</p>
<br />
<h2 class="subtitle">Hey, I have similar interests! Can we work together?</h2>
<p>Heck yeah! Don't hesitate to get in contact. I'm always looking for new friends to work on
projects together. The best way to get a hold of me is probably through facebook, though I
check my other social media accounts from time to time.</p>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="content has-text-centered">
<div class="container has-text-centered">
<h3>
Keep in contact!
</h3>
<span class="icon is-large">
<a href="https://twitter.com/austinpandemic">
<i class="fab fa-twitter-square fa-2x"></i>
</a>
</span>
<span class="icon is-large">
<a href="https://www.facebook.com/austin.huebner.5">
<i class="fab fa-facebook-square fa-2x"></i>
</a>
</span>
<span class="icon is-large">
<a href="https://www.linkedin.com/in/austin-huebner-5074a095/">
<i class="fab fa-linkedin fa-2x"></i>
</a>
</span>
<span class="icon is-large">
<a href="mailto:[email protected]">
<i class="fas fa-envelope-square fa-2x"></i>
</a>
</span>
</div>
</footer>
</body>
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<script src="js/menu.js"></script>
</html>