-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
169 lines (132 loc) · 7.79 KB
/
index.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 lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>SirGouki</title>
<link rel="stylesheet" href="./css/styles.css" />
<link rel="icon" href="./favicon.ico" />
<link href="https://fonts.googleapis.com/css?family=Arizonia|Bellota+Text&display=swap" rel="stylesheet" />
</head>
<body>
<div class="header">
<h1>SirGouki</h1>
<h2>a multi-faceted developer</h2>
</div>
<div class="content" style="height:300px;">
<div class=" images">
<img src="./images/mountain.png" alt="mountain-img" class="mountain" />
<img src="./images/cloud.png" alt="cloud-img" class="cloud1" />
<img src="./images/cloud.png" alt="cloud-img" class="cloud2" />
</div>
<div class="text">
<p><strong>And that is just the tip</strong></p>
</div>
</div>
<!-- this is to keep the images in the previous arrangment-->
<div class="content" style="background-color: #ddffdd; padding-bottom: 100px;">
<!-- Create space between the first and second content areas -->
<div style="height: 64px; width: 100%; position:static; display: block;"></div>
<img class="profile" src="./images/profile.png" alt="profile-img" />
<h3>Welcome.</h3>
<p style="width: 50%;">
I am a very self driven developer. This is proven by the fact that the majority
of my knowledge stems from learning from tutorials, snippets found online, and whatever
reading material I can get my hands on. I went so far as to purchase a web development course,
not because I needed it, but because I was curious as to how web development differs from
other software development. Here, you will find just a little bit more about me.
</p>
<div class="skills">
<h1>Skills</h1>
<div class="skill-row">
<img src="./images/web-development.png" alt="console-img" style="display: block; position: static; height: 37%; width: 37%; float: left; margin-right: 32px;" />
<h3>Software Development</h3>
I am proficient in C#, C++, and other programming languages.<br />
I have developed some (small) games, helped fix bugs on a private server for a game, as well as assisted others in various problems they have come across.<br />
I have also made very basic operating systems, and other projects on the Raspberry Pi.
</div>
<hr />
<div class="skill-row">
<img src="./images/controller.png" alt="controller-img" style="position: relative; display: block; height: 30%; width: 30%; float: right; margin-left: 32px;" />
<h3>Gaming</h3>
I have enjoyed playing games of all kinds for many years.<br />
While some may consider this just a hobby, it is often over looked just how much skill goes in to playing games really well.<br />
Playing games takes good problem solving skills, good math skills, good timing, and sometimes it can be just as stressful as the most demanding jobs.<br />
</div>
<hr />
<div class="skill-row">
<img src="./images/sketchpad.png" alt="sketchpad-img" style="position: relative; display: block; height: 12%; width: 12%; float: left; margin-right: 32px;" />
<h3>Art</h3>
I have designed my own pixel art for games, also known as sprites. This includes animating game characters.<br />
I have also done some 3D modeling, just to learn a new skill.<br />
</div>
</div>
<div style="height: 64px; width: 100%; position:static; display: block;"></div>
<h1>Knowledge</h1>
I have always lived my life with the outlook that more knowledge about anything is a good thing.<br />
Even as young as grade school, I've always desired to learn something I don't know.<br />
If I can't make use of my knowledge in any other way, I at least try to pass my knowledge on to those who need it.<br /><br />
Most of my knowledge comes from looking up tutorials, reading documentation, or reading books when I can get my hands on them.<br />
This also includes helping others to solve problems with their own projects, <br />and information I've obtained by working with others by contributing to open source projects.
<h3>Courses</h3>
Udemy: 2020 Fullstack Web Development Course by Angela Yu
<hr />
<h3>School</h3>
University of Maryland University College (yes this is seriously the name):<br />
Japanese 101<br />
Computer Programming 101 - Java
<div style="height: 64px; width: 100%; position:static; display: block;"></div>
<h1>Hobbies</h1>
<h3>Learning</h3>
I love to learn. There's always something interesting out there waiting to be discoverd.<br />
To quote a famous video game series:
<em>"There is no knowledge that is not power."</em>
<hr />
<h3>Reading</h3>
Sometimes, it's good to just get away from the world and sit back with a good book or article.
<hr />
<h3>Designing</h3>
Other times, it's fun to just play with a quick mock up of a house design, or a game idea.
<hr />
<h3>Technology</h3>
Maybe, it's just my love of knowledge, but I absolutely love new technology.<br />
Whether it's a new phone, a single board computer, or sometimes even a childrens toy, technology just calls out to me.<br />
<hr />
<h3>Swords</h3>
Like technology, something about a good sword just gets my attention every time, especially Japanese and Medieval era swords.
<div style="height: 64px; width: 100%; position:static; display: block;"></div>
<h1>Current Projects</h1>
This Web page<br />
An untitled game styled after Super Metroid<br />
An untitled game styled after The Legend of Zelda <br />
A tower defense game with RPG elements <br />
Fiverr gigs related to game development and trouble shooting.
<div style="height: 64px; width: 100%; position:static; display: block;"></div>
<h1>Changes</h1>
30 Oct 2021 -
<ul>
<li> Removed references to Project Topaz. The project was closed due to some un-necessary drama <br />
and I'm not currently participating in the revival project.
</ul>
<div style="height: 64px; width: 100%; position:static; display: block; padding-bottom: 50px;"></div>
<!-- <a href="#" class="BUTTON_LVO">CONTACT ME</a> -->
</div>
<div class="footer">
<div class="footer-text">
<ul>
<li><a href="https://sirgouki.github.io">Website</a></li>
<li><a href="#">Twitch</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">LinkedIn</a></li>
</ul>
<div class="footer-text">
<!-- To create a gap to get the copyright out of the links-->
Notice: the links that do not work, currently do not work for a reason. They were only added originally as I was completing a course in web design.
</div>
<em>Copyright SirGouki 2019-2022. All rights reserved. Any mentions of commercial software, games, or products are trademarked to their respective creators, license holders, and companies. All artwork used was obtained from Attribution free,
royalty free sources, unless otherwise noted.</em>
<em>The profile picture, and favicon, were both done by me using real life examples that were either free use (kanji for heaven), or I own the sole rights to reproduce(the profile picture).
Any reproduction without my consent is a violation of US law, and will be prosecuted to the fullest extent allowable.</em>
</div>
</div>
</body>
</html>