Skip to content

Commit 8255f86

Browse files
kaankaankaannkaankaankaann
committed
personel projects added
1 parent b8dfc23 commit 8255f86

3 files changed

Lines changed: 78 additions & 57 deletions

File tree

‎Assets/Images/AppIcons/block-jam-icon.png‎

254 KB
Loading

‎Assets/Images/AppIcons/dimension-travelers-icon.png‎

3.01 KB
Loading

‎index.html‎

Lines changed: 78 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -104,18 +104,16 @@
104104

105105
.project-list {
106106
list-style: none;
107-
padding: 0;
108-
display: grid;
107+
padding: 10px;
108+
display: flex;
109109
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
110110
gap: 20px;
111111
}
112112

113113
.project-item {
114114
display: flex;
115115
flex-direction: column;
116-
justify-content: center;
117-
align-items: center;
118-
width: 100%;
116+
width: 250px;
119117
padding: 15px;
120118
background: var(--background-light);
121119
border: 1px solid #e0e0e0;
@@ -126,6 +124,18 @@
126124
cursor: pointer;
127125
}
128126

127+
.project-item a {
128+
display: flex;
129+
flex-direction: column;
130+
align-items: center;
131+
text-decoration: none;
132+
color: inherit;
133+
width: 100%;
134+
height: 100%;
135+
cursor: pointer;
136+
}
137+
138+
129139
.project-item:hover {
130140
transform: scale(1.05);
131141
background: linear-gradient(
@@ -254,58 +264,68 @@ <h2>About Me</h2>
254264
experience design, and performance optimization.
255265
</p>
256266
</section>
257-
<section id="projects" class="section">
258-
<h2>Projects</h2>
259-
<ul class="project-list">
260-
<li
261-
class="project-item"
262-
onclick="location.href='https://www.youtube.com/playlist?list=PLDx_Uw_p1eMwyo4cA3Q4xfre9X1O_qT6g'"
263-
>
264-
<img src="Assets/Images/AppIcons/defenseJam-appIcon.jpg" />
265-
<span>Defense Jam</span>
266-
</li>
267-
<li
268-
class="project-item"
269-
onclick="location.href='https://www.youtube.com/playlist?list=PLDx_Uw_p1eMzamFxbqt_oY0fvq630bKHj'"
270-
>
271-
<img src="Assets/Images/AppIcons/2048-appIcon-512x512.jpg" />
272-
<span>2048 Match 3D</span>
273-
</li>
274-
275-
<li
276-
class="project-item"
277-
onclick="location.href='https://youtube.com/shorts/sV8ESTMSNpM'"
278-
>
279-
<img src="Assets/Images/AppIcons/goods-sort-appicon-512x512.png" />
280-
<span>Shopping Sort Master</span>
281-
</li>
282-
<li
283-
class="project-item"
284-
onclick="location.href='https://youtube.com/shorts/p7q-CX-wB5s'"
285-
>
286-
<img src="Assets/Images/AppIcons/AppIcon_ParkAway_512x512.png" />
287-
<span>Parking Away Jam</span>
288-
</li>
289-
<li
290-
class="project-item"
291-
onclick="location.href='https://youtube.com/shorts/jJvpv3umpWo'"
292-
>
293-
<img
294-
src="Assets/Images/AppIcons/block-away-jam-appicon-512x512.png"
295-
/>
296-
<span>Block Away Jam</span>
297-
</li>
298-
<li
299-
class="project-item"
300-
onclick="location.href='https://youtube.com/shorts/Yd7gXtrhoTo'"
301-
>
302-
<img
303-
src="Assets/Images/AppIcons/unblock-puzzle-appicon-512x512.png"
304-
/>
305-
<span>Unblock Puzzle</span>
306-
</li>
307-
</ul>
308-
</section>
267+
<section id="projects" class="section">
268+
<h2>Projects</h2>
269+
<ul class="project-list">
270+
<li class="project-item">
271+
<a href="https://www.youtube.com/playlist?list=PLDx_Uw_p1eMwyo4cA3Q4xfre9X1O_qT6g" target="_blank" rel="noopener noreferrer">
272+
<img src="Assets/Images/AppIcons/defenseJam-appIcon.jpg" alt="Defense Jam Icon" />
273+
<span>Defense Jam</span>
274+
</a>
275+
</li>
276+
<li class="project-item">
277+
<a href="https://www.youtube.com/playlist?list=PLDx_Uw_p1eMzamFxbqt_oY0fvq630bKHj" target="_blank" rel="noopener noreferrer">
278+
<img src="Assets/Images/AppIcons/2048-appIcon-512x512.jpg" alt="2048 Match 3D Icon" />
279+
<span>2048 Match 3D</span>
280+
</a>
281+
</li>
282+
<li class="project-item">
283+
<a href="https://youtube.com/shorts/sV8ESTMSNpM" target="_blank" rel="noopener noreferrer">
284+
<img src="Assets/Images/AppIcons/goods-sort-appicon-512x512.png" alt="Shopping Sort Master Icon" />
285+
<span>Shopping Sort Master</span>
286+
</a>
287+
</li>
288+
<li class="project-item">
289+
<a href="https://youtube.com/shorts/p7q-CX-wB5s" target="_blank" rel="noopener noreferrer">
290+
<img src="Assets/Images/AppIcons/AppIcon_ParkAway_512x512.png" alt="Parking Away Jam Icon" />
291+
<span>Parking Away Jam</span>
292+
</a>
293+
</li>
294+
<li class="project-item">
295+
<a href="https://youtube.com/shorts/jJvpv3umpWo" target="_blank" rel="noopener noreferrer">
296+
<img src="Assets/Images/AppIcons/block-away-jam-appicon-512x512.png" alt="Block Away Jam Icon" />
297+
<span>Block Away Jam</span>
298+
</a>
299+
</li>
300+
<li class="project-item">
301+
<a href="https://youtube.com/shorts/Yd7gXtrhoTo" target="_blank" rel="noopener noreferrer">
302+
<img src="Assets/Images/AppIcons/unblock-puzzle-appicon-512x512.png" alt="Unblock Puzzle Icon" />
303+
<span>Unblock Puzzle</span>
304+
</a>
305+
</li>
306+
</ul>
307+
</section>
308+
309+
<section id="personal-projects" class="section">
310+
<h2>Personal Projects</h2>
311+
<ul class="project-list">
312+
<li class="project-item">
313+
<a href="https://kaankaankaan.itch.io/dimension-travelers" target="_blank" rel="noopener noreferrer">
314+
<img src="Assets/Images/AppIcons/dimension-travelers-icon.png" alt="Dimension Travelers Icon" />
315+
<span>Dimension Travelers</span>
316+
</a>
317+
</li>
318+
<li class="project-item">
319+
<a href="https://www.meta.com/tr-tr/experiences/block-jam/10002051003147574/" target="_blank" rel="noopener noreferrer">
320+
<img src="Assets/Images/AppIcons/block-jam-icon.png" alt="Block Jam Icon" />
321+
<span>Block Jam</span>
322+
</a>
323+
</li>
324+
</ul>
325+
</section>
326+
327+
328+
309329
<section id="contact" class="section">
310330
<h2>Contact Me</h2>
311331
<div class="contact-section">
@@ -337,6 +357,7 @@ <h2>Contact Me</h2>
337357
><i class="fab fa-github"></i>GitHub Profile</a
338358
>
339359
</li>
360+
340361
</ul>
341362
</div>
342363
</div>

0 commit comments

Comments
 (0)