-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathouroboros2D.html
152 lines (140 loc) · 5.18 KB
/
ouroboros2D.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
<!DOCTYPE HTML>
<html>
<head>
<title>Portfolio | Jamie Kong</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" />
<link rel="icon" href="images/gpu.ico" type="image/x-icon" />
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header>
<span class="image avatar"><img src="images/passport.webp" alt="" /></span>
<h1 id="logo"><a href="portfolio.html">Jamie Kong</a></h1>
<p>GRAPHICS & ENGINE PROGRAMMER</p>
</header>
<nav id="nav">
<ul>
<li><a href="./">Home</a></li>
<li><a href="./#a_about">About</a></li>
<li><a href="./#a_skills">Skills</a></li>
<li><a href="./#a_projects" class="active">Recent projects</a></li>
<li><a href="portfolio.html">Contact / Bio</a></li>
</ul>
</nav>
<footer>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/jamietkong/" target="_blank"
class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/Supercomet/" target="_blank" class="icon brands fa-github"><span
class="label">Github</span></a></li>
</ul>
</footer>
</section>
<!-- Main -->
<body>
<a href="./" class="button primary home-icon"><i class="fas fa-home"></i></a>
</body>
<div id="wrapper">
<div id="main">
<section id="portfolio">
<div class="container">
<header class="major">
<h2>Ouroboros Engine 2D</h2>
<h3>Versatile 2D Engine for Creative Ventures.</h3>
</header>
<div class="gallery">
<div class="preview">
<img id="preview-image" src="images/ouro2d/ouro2d1.webp" alt="Preview">
</div>
<div class="thumbnails">
<img src="images/ouro2d/ouro2d1.webp" alt="Editor 1"
onclick="showPreview('images/ouro2d/ouro2d1.webp',this)"
style="border: 4px solid grey;">
<img src="images/ouro2d/ouro2d2.webp" alt="Ouro2D 2"
onclick="showPreview('images/ouro2d/ouro2d2.webp',this)">
<img src="images/ouro2d/ouro2d3.webp" alt="Ouro2D 3"
onclick="showPreview('images/ouro2d/ouro2d3.webp',this)">
<img src="images/ouro2d/ouro2dscript.webp" alt="Ouro2D scripting"
onclick="showPreview('images/ouro2d/ouro2dscript.webp',this)">
<!-- Add more images with appropriate paths and alt text -->
</div>
</div>
<div class="gallery-item">
<!-- Embedded YouTube Video -->
<iframe width="560" height="315" src="https://www.youtube.com/embed/RYuszawJJBM" frameborder="0"
allowfullscreen></iframe>
</div>
<script src="assets/js/scripts.js"></script>
<p>The Ouroboros engine was developed by a team of five tech students with a focus on usability and
performance. The engine was designed to support the goals of our GAM200 vision and was optimized
for a seamless user experience.</p><br>
</div>
</section>
<section id="technical">
<div class="container">
<body>
Technical Contributions:
<li>C++</li>
<li>Modern OpenGL 4.6</li>
<li>Resource management</li>
<li>Particle Simulation</li>
<li>Font system</li>
<br>
This version of the engine was used to make our game - <a href="aesir.html">Aesir</a>.
</body>
</div>
</section>
<section id="contact">
<div class="container">
<a href="portfolio.html">
<h3>Contact Me</h3>
</a>
<p>Get in touch</p>
<a href="mailto:thesupercomet@gmail.com" class="active">thesupercomet@gmail.com</a>
<br><br> <!-- Line break added here -->
<a href="documents/JamieKong_ResumeOnline.pdf" target="_blank" class="button primary">
<i class="fas fa-file-pdf"></i> Download portfolio
</a>
<p></p> <!-- empty para -->
</section>
<!-- message box
<form method="post" action="#">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
<div class="col-12"><input type="text" name="subject" id="subject" placeholder="Subject" /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="6"></textarea></div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" class="primary" value="Send Message" /></li>
<li><input type="reset" value="Reset Form" /></li>
</ul>
</div>
</div>
</form>
-->
</div>
</div>
</div>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>© Jamie Kong 2024. All rights reserved.</li>
<li>Template: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
<!-- 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>