QuikkDekk.github.io/index.html at main · QuikkDekk/QuikkDekk.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
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
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE HTML>
<!--
	Massively by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Tudor Oltean's Portfolio</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
			<div id="wrapper" class="fade-in">

				<!-- Intro -->
					<div id="intro">
						<h1>Tudor Oltean</h1>
						<p>Saxion CMGT student that shapes the world through games, 3D Modelling and Game Design.</p>
						<ul class="actions">
							<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
						</ul>
					</div>

				<!-- Header -->
					<header id="header">
						<a href="#intro" class="logo">Portfolio</a>
					</header>

				<!-- Nav -->
					<nav id="nav">
						<ul class="links">
							<li class="active"><a href="#intro">Home</a></li>
							<li><a href="#about">About Me</a></li>
							<li><a href="#contact">Contact</a></li>
						</ul>
						<ul class="icons">

							<li><a href="https://www.linkedin.com/in/tudor-oltean-7a81821a5/" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
							<li><a href="https://www.instagram.com/quikkdekk/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
							<li><a href="https://github.com/QuikkDekk?tab=overview&from=2023-07-01&to=2023-07-01" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
						</ul>
					</nav>

				<!-- Main -->
					<div id="main">


						<!-- Posts -->
							<section class="posts">
								<article>
									<header>

										<h2>3D Modelling -<br />
										Tree House</h2>
									</header>
									<a href="https://sketchfab.com/3d-models/tree-house-3e5700c48a304a2783676600011ba51a" class="image fit"><img src="images/treehouse.png" alt="Tree House Model" /></a>
									<p>Eastern themed tree house I made for my 3D Modelling assignment. Click on the picture for the SketchFab model!</p>

								</article>
								<article>
									<header>

										<h2>3D Modelling -<br />
											Neon Arena Kit</h2>
									</header>
									<a href="https://sketchfab.com/3d-models/neon-arena-kit-blue-f8229a61f2304caa80d30da4fe938dd8" class="image fit"><img src="images/textures.png" alt="Elven Gazebo Model" /></a>
									<p>Arena Kit I modelled in Maya and textured in Substance Painter to easily prototype arenas for multiplayer/singleplayer games. Click on the picture for the sketchfab model!</p>

								</article>
								<article>
									<header>
										<h2>UI/UX -<br />
										Square Enix's Main Page Redesign</h2>
									</header>
									<a href="https://xd.adobe.com/view/7bacbe55-c19f-4812-9602-d46afadfabe7-2eff/" class="image fit"><img src="images/uiux.png" alt="Square Enix Main Page Redesign" /></a>
									<p>I redesigned Square Enix's main page for my UI/UX assignment. I think this layout is a major improvement from their original <a href="https://www.square-enix-games.com/en_US/home">landing page</a>. Click on the image for the prototype.</p>

								</article>
								<article>
									<header>

										<h2>Project OverPower -<br />
										3v3v3 Game</h2>
									</header>
									<a href="https://docs.google.com/document/d/1pojkkOuuKiTvK03G12vOPZxu2fHUB_9YZi7NFpbERsg/edit?usp=sharing" class="image fit"><img src="images/overpower.png" alt="" /></a>
									<p>I crafted this Game Design Document to aid in the development process of a unique 3v3v3 multiplayer arena game.
										This document is meant to grow with the game itself so for now its aimed towards an early prototype.
										Click on the picture to read the document!</p>


								</article>


							</section>
							<!-- Featured Post -->
							<article id = "about" class="post featured">

									<h1>About Me</h1>
									<p>I am a very flexible and resourceful person that can adapt to every concept and solve
										challenging problems. Because of my experience with video games I provide a mountain
										of ideas and feedback when needed. I grew up playing sports so I know how to find my role within a team.
										My mind is always open to new ideas and I enjoy learning new stuff everyday.</p>

								<img src="images/mypicround.png" alt="picture of me" />
								<h2>Skills</h2>

											<p>Advanced: Game Design, Mechanics Design, Balancing, Problem solving, Team Collabotration, Communication</p>
											<p>Proficient: 3D Modelling, UI/UX Design, Game analysis</p>
											<p>Programming: HTML & CSS</p>
											<p>Tools and Software: Maya, Adobe Substance Painter, Adobe XD</p>
							</article>
						<!-- Footer -->
							<!-- <footer>
								<div class="pagination">
									<a href="#" class="previous">Prev</a>
									<a href="#" class="page active">1</a>
									<a href="#" class="page">2</a>
									<a href="#" class="page">3</a>
									<span class="extra">&hellip;</span>
									<a href="#" class="page">8</a>
									<a href="#" class="page">9</a>
									<a href="#" class="page">10</a>
									<a href="#" class="next">Next</a>
								</div>
							</footer> -->

					</div>

				<!-- Footer -->
					<footer id="footer">

						<section id = "contact" class="split contact">
							<h2>contact</h2>
							<section class="alt">
								<h3>Address</h3>
								<p>Ariënsplein 1, 7511 JX <br/>
									Enschede, Overijssel</p>
							</section>
							<section>
								<h3>Phone</h3>
								<p><a href="tel:+31618918147">+31618918147</a></p>
							</section>
							<section>
								<h3>Email</h3>
								<p><a href="mailto:tudor.oltean2002@gmail.com">tudor.oltean2002@gmail.com</a></p>
							</section>
							<section>
								<h3>Social</h3>
								<ul class="icons alt">
									<li><a href="https://www.linkedin.com/in/tudor-oltean-7a81821a5/" class="icon brands alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
									<li><a href="https://www.instagram.com/quikkdekk/" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
									<li><a href="https://github.com/QuikkDekk?tab=overview&from=2023-07-01&to=2023-07-01" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
								</ul>
							</section>
						</section>
					</footer>

				<!-- Copyright -->
					<div id="copyright">
						<ul><li>&copy; Tudor Oltean 2023</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li><li>Background picture: Stansilav Volskiy</li></ul>
					</div>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>