-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
230 lines (218 loc) · 14 KB
/
index.html
File metadata and controls
230 lines (218 loc) · 14 KB
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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Semih Yılmaz - Links</title>
<link rel="icon" href="https://avatars.githubusercontent.com/u/85266757?v=4" type="image/png" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="common.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="background-overlay"></div>
<canvas id="particle-canvas"></canvas>
<div class="container">
<header class="profile-header">
<button id="profilePicButton" class="profile-picture-button" aria-label="View Profile Picture">
<img src="https://avatars.githubusercontent.com/u/85266757?v=4" alt="Semih Yılmaz Profile Picture" loading="lazy">
</button>
<h1 class="profile-name">Semih "PSEMO" Yılmaz</h1>
<p class="profile-tagline">Computer Engineer & Game Developer</p>
</header>
<main class="links-container">
<section class="link-section portfolio-section">
<h2><i class="fas fa-folder-open fa-fw"></i>Showcase</h2>
<div class="showcase-container">
<!-- Showcase Item 1 -->
<div class="showcase-item">
<div class="showcase-header">
<div class="showcase-cover">
<img src="./img/infinite-platformer-cover.png" alt="Infinite Platformer Cover">
</div>
<div class="showcase-intro">
<h3>Infinite Platformer</h3>
<p>An endless, procedurally generated, casual platformer.</p>
</div>
</div>
<div class="showcase-details">
<p class="long-description">
I developed this game solo and published it on Google Play. It features procedural level generation, AdMob ads, and in-app purchases, including a "continue by watching an ad" option.
</p>
<div class="showcase-screenshots">
<img src="./img/infinite-platformer (1).jpg" alt="Infinite Platformer Screenshot 1">
<img src="./img/infinite-platformer (2).jpg" alt="Infinite Platformer Screenshot 2">
<img src="./img/infinite-platformer (3).jpg" alt="Infinite Platformer Screenshot 3">
</div>
<a href="https://youtu.be/xI5ZJ9uaNoU" target="_blank" rel="noopener noreferrer" class="youtube-preview">
<img src="https://img.youtube.com/vi/xI5ZJ9uaNoU/mqdefault.jpg" alt="Watch video for Infinite Platformer">
<div class="play-icon"><i class="fab fa-youtube"></i></div>
</a>
</div>
</div>
<!-- Showcase Item 2 -->
<div class="showcase-item">
<div class="showcase-header">
<div class="showcase-cover">
<img src="./img/hack-cover.png" alt="Hack() Cover">
</div>
<div class="showcase-intro">
<h3>Hack();</h3>
<p>A puzzle game where you hack your way to victory!</p>
</div>
</div>
<div class="showcase-details">
<p class="long-description">
I was the sole programmer and team lead for this project, which was developed in 72 hours with a team of four. This hacking game features a custom command parser and placed 4th out of 274 participants.
</p>
<div class="showcase-screenshots">
<img src="./img/Hack (1).png" alt="Hack() Screenshot 1">
<img src="./img/Hack (2).png" alt="Hack() Screenshot 2">
</div>
<a href="https://youtu.be/o8Ti1S8Q7hU" target="_blank" rel="noopener noreferrer" class="youtube-preview">
<img src="https://img.youtube.com/vi/o8Ti1S8Q7hU/mqdefault.jpg" alt="Watch video for Hack();">
<div class="play-icon"><i class="fab fa-youtube"></i></div>
</a>
</div>
</div>
<!-- Showcase Item 3 -->
<div class="showcase-item">
<div class="showcase-header">
<div class="showcase-cover">
<img src="./img/hook-cover.jpg" alt="Endless Hook & Swing Cover">
</div>
<div class="showcase-intro">
<h3>Endless Hook & Swing</h3>
<p>A physics-based, hyper-casual swinging game.</p>
</div>
</div>
<div class="showcase-details">
<p class="long-description">
I developed this game solo, focusing on fluid, physics-based movement. It features an endless, procedurally generated level for a hyper-casual swinging experience.
</p>
<div class="showcase-screenshots">
<img src="./img/hook (1).jpg" alt="Endless Hook & Swing Screenshot 1">
<img src="./img/hook (2).jpg" alt="Endless Hook & Swing Screenshot 2">
</div>
<a href="https://youtu.be/yaxwmY7t49c" target="_blank" rel="noopener noreferrer" class="youtube-preview">
<img src="https://img.youtube.com/vi/yaxwmY7t49c/mqdefault.jpg" alt="Watch video for Endless Hook & Swing">
<div class="play-icon"><i class="fab fa-youtube"></i></div>
</a>
</div>
</div>
<!-- Showcase Item 4 -->
<div class="showcase-item">
<div class="showcase-header">
<div class="showcase-cover">
<img src="./img/LittleCover.png" alt="Little Platformer Cover">
</div>
<div class="showcase-intro">
<h3>Little Platformer</h3>
<p>A polished platformer game with many objects, mechanics and interactions.</p>
</div>
</div>
<div class="showcase-details">
<p class="long-description">
Developed with a team, within 15 days. Ranked 2nd out of 160 participants. A polished platformer featuring advanced technical implementations such as coyote time, GPU buffer zones, and more.
</p>
<div class="showcase-screenshots">
<img src="./img/LittleSS1.png" alt="Little Platformer Screenshot 1">
<img src="./img/LittleSS2.png" alt="Little Platformer Screenshot 2">
<img src="./img/LittleSS3.png" alt="Little Platformer Screenshot 3">
</div>
<a href="https://youtu.be/9L37C3OVPvo?si=9DRsOFOVwD6bTHX3" target="_blank" rel="noopener noreferrer" class="youtube-preview">
<img src="https://img.youtube.com/vi/9L37C3OVPvo/mqdefault.jpg" alt="Watch video for Space Drone">
<div class="play-icon"><i class="fab fa-youtube"></i></div>
</a>
</div>
</div>
<!-- Showcase Item 4 -->
<div class="showcase-item">
<div class="showcase-header">
<div class="showcase-cover">
<img src="./img/Space-Drone-Cover.png" alt="Space Drone Cover">
</div>
<div class="showcase-intro">
<h3>Space Drone</h3>
<p>Navigate a drone through the depths of space in this action-RPG.</p>
</div>
</div>
<div class="showcase-details">
<p class="long-description">
I developed this game solo for a 72-hour game jam, and it placed 2nd out of 69 participants in the overall enjoyment category. It features action-RPG mechanics and a unique combat system.
</p>
<div class="showcase-screenshots">
<img src="./img/space-drone (1).png" alt="Space Drone Screenshot 1">
<img src="./img/space-drone (2).png" alt="Space Drone Screenshot 2">
<img src="./img/space-drone (3).png" alt="Space Drone Screenshot 3">
</div>
<a href="https://www.youtube.com/watch?v=qwLz6tIEdb4" target="_blank" rel="noopener noreferrer" class="youtube-preview">
<img src="https://img.youtube.com/vi/qwLz6tIEdb4/mqdefault.jpg" alt="Watch video for Space Drone">
<div class="play-icon"><i class="fab fa-youtube"></i></div>
</a>
</div>
</div>
</div>
</section>
<section class="link-section professional-section">
<h2><i class="fas fa-briefcase fa-fw"></i>Professional</h2>
<nav aria-labelledby="professional-heading">
<a class="link-item" href="./resume_online.pdf" target="_blank" rel="noopener noreferrer">
<i class="fas fa-file-alt fa-fw"></i> Game Developer Resume
</a>
<a class="link-item" href="https://www.linkedin.com/in/semih-y%C4%B1lmaz-377545201" target="_blank" rel="noopener noreferrer">
<i class="fab fa-linkedin fa-fw"></i>LinkedIn
</a>
<a class="link-item" href="https://github.com/PSEMO" target="_blank" rel="noopener noreferrer">
<i class="fab fa-github fa-fw"></i>GitHub
</a>
</nav>
</section>
<section class="link-section portfolio-section">
<h2><i class="fas fa-folder-open fa-fw"></i>Portfolio</h2>
<nav aria-labelledby="portfolio-heading">
<a class="link-item" href="portfolio.html">
<i class="fas fa-external-link-alt fa-fw"></i> View Full Portfolio
</a>
<a class="link-item" href="https://www.youtube.com/@semihylmaz3949/playlists" target="_blank" rel="noopener noreferrer">
<i class="fab fa-youtube fa-fw"></i> Project Showcase (YouTube)
</a>
<a class="link-item" href="https://psemo.itch.io/" target="_blank" rel="noopener noreferrer">
<i class="fas fa-gamepad fa-fw"></i> Game Jam Projects (itch.io)
</a>
<a class="link-item" href="https://store.steampowered.com/app/2723800/Grind_Mindset/" target="_blank" rel="noopener noreferrer">
<i class="fab fa-steam fa-fw"></i> Steam Games
</a>
<a class="link-item" href="http://play.google.com/store/apps/developer?id=Semih+Y%C4%B1lmaz" target="_blank" rel="noopener noreferrer">
<i class="fab fa-google-play fa-fw"></i> Android Apps & Games (Play Store)
</a>
</nav>
</section>
<section class="link-section personal-section">
<h2><i class="fas fa-user fa-fw"></i>Personal</h2>
<nav aria-labelledby="personal-heading">
<a class="link-item" href="https://discord.gg/VyhyFkv86N" target="_blank" rel="noopener noreferrer">
<i class="fab fa-discord fa-fw"></i>Discord Server
</a>
<a class="link-item" href="https://steamcommunity.com/id/PSEMO/" target="_blank" rel="noopener noreferrer">
<i class="fab fa-steam fa-fw"></i>Steam Profile
</a>
</nav>
</section>
</main>
<footer class="page-footer">
<div class="animated-hashtag">#OpenSource</div>
</footer>
</div>
<div id="imagePopup" class="popup-overlay" role="dialog" aria-modal="true" aria-labelledby="popup-heading" aria-hidden="true">
<div class="popup-content">
<h2 id="popup-heading" class="visually-hidden">Profile Picture Large View</h2>
<button id="closePopup" class="popup-close" aria-label="Close popup">×</button>
<img src="https://avatars.githubusercontent.com/u/85266757?v=4" alt="Semih Yılmaz Profile Picture - Large View">
</div>
</div>
<!-- Refactored JavaScript -->
<script src="common.js"></script>
<script src="script.js"></script>
</body>
</html>