From 18775fb340b3aaefec0870ab36d1aefd2a44c3ae Mon Sep 17 00:00:00 2001
From: altaf-creator <dev@altafcreator.com>
Date: Sun, 9 Jun 2024 22:31:41 +0700
Subject: blog desc, academic, simpliCity page improvements (unfinished)

---
 projects/index.html            | 62 +++++++++++++++++++++++++++++++++++++++---
 projects/simpliCity/index.html |  6 ++--
 2 files changed, 61 insertions(+), 7 deletions(-)

(limited to 'projects')

diff --git a/projects/index.html b/projects/index.html
index f8225cf..70e5b99 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -33,7 +33,7 @@
 				<div class="flex-container flex-container-column">
 					<span class="heading">Projects</span>
 					<a class="button center" href="//git.altafcreator.com" style="margin-left: auto; margin-right: auto;"><i class="fa-brands fa-git-alt"></i> Source Code to My Projects</a>
-					<div class="flex-container flex" style="height: 800px;">
+					<div class="flex-container flex" id="top-project-highlight">
 						<div class="flex full-img-card"
 							style="background-image: url(/assets/images/game-hero/simplicity_screenshot.png); ">
 							<a href="/projects/simpliCity/" class="fill-div gradient-overlay">
@@ -48,14 +48,20 @@
 							</a>
 
 						</div>
-						<div class="flex full-img-card"
-							style="background-image: url(/assets/images/game-hero/markdown_screenshot.png);">
+						<div class="flex full-img-card top-gallery-card"
+							style="background-image: url(/assets/images/game-hero/learnsmpdotid.png);">
 							<a href="https://github.com/altaf-creator/MarkdownEditor" class="fill-div gradient-overlay">
-								<span>MarkdownEditor</span>
+								<span>learnsmp.id</span>
 							</a>
 						</div>
 					</div>
 					<div class="flex-container-normal flex">
+						<div class="flex full-img-card gallery-card"
+							style="background-image: url(/assets/images/game-hero/sumon_cover.png);">
+							<a href="https://ldjam.com/events/ludum-dare/55/sum-on" class="fill-div gradient-overlay">
+								<span>Sum On!</span>
+							</a>
+						</div>
 						<div class="flex full-img-card gallery-card"
 							style="background-image: url(/assets/images/game-hero/depths-of-knowledge_cover.png); ">
 							<a href="https://altaf-creator.itch.io/depths-of-knowledge" class="fill-div gradient-overlay">
@@ -68,18 +74,54 @@
 								<span>Farmer's Universe</span>
 							</a>
 						</div>
+						<div class="flex full-img-card gallery-card"
+							style="background-image: url(/assets/images/game-hero/markdown_screenshot.png);">
+							<a href="https://github.com/altaf-creator/MarkdownEditor" class="fill-div gradient-overlay">
+								<span>MarkdownEditor</span>
+							</a>
+						</div>
 						<div class="flex full-img-card gallery-card"
 							style="background-image: url(/assets/images/game-hero/quran_screenshot.png); ">
 							<a href="https://altaf-creator.github.io/OpenQuran/src/" class="fill-div gradient-overlay">
 								<span>OpenQuran</span>
 							</a>
 						</div>
+						<div class="flex full-img-card gallery-card"
+							style="background-image: url(/assets/images/game-hero/file.png); ">
+							<a href="https://altaf-creator.github.io/OpenQuran/src/" class="fill-div gradient-overlay">
+								<span>Unfinished Habit Tracker</span>
+							</a>
+						</div>
+						<div class="flex full-img-card gallery-card"
+							style="background-image: url(/assets/images/game-hero/ufoproto_screenshot.png);">
+							<a href="https://altaf-creator.itch.io/depths-of-knowledge" class="fill-div gradient-overlay">
+								<span>UFO with a Gravity Gun Prototype</span>
+							</a>
+						</div>
+						<div class="flex full-img-card gallery-card"
+							style="background-image: url(/assets/images/game-hero/boids_screenshot.png);">
+							<a href="https://altaf-creator.itch.io/depths-of-knowledge" class="fill-div gradient-overlay">
+								<span>(failed (?)) Boids Experiment</span>
+							</a>
+						</div>
+						<div class="flex full-img-card gallery-card"
+							style="background-image: url(/assets/images/game-hero/simpliCityStore.png); ">
+							<a href="https://simpliCity-Store.github.io/" class="fill-div gradient-overlay">
+								<span>simpliCity Store Mock-up</span>
+							</a>
+						</div>
 						<div class="flex full-img-card gallery-card"
 							style="background-image: url(/assets/images/game-hero/duck_screenshot.png); ">
 							<a href="https://play.unity.com/mg/other/webgl-flappy-duck-1-0" class="fill-div gradient-overlay">
 								<span>Flappy Duck</span>
 							</a>
 						</div>
+						<div class="flex full-img-card gallery-card"
+							style="background-image: url(/assets/images/game-hero/cargame_screenshot.jpg);">
+							<a href="https://play.unity.com/mg/other/webgl-builds-153175" class="fill-div gradient-overlay">
+								<span>Road Obstacles</span>
+							</a>
+						</div>
 						<div class="flex full-img-card gallery-card"
 							style="background-image: url(/assets/images/game-hero/ball_screenshot.png); ">
 							<a href="https://play.unity.com/mg/other/webgl-builds-153175" class="fill-div gradient-overlay">
@@ -110,6 +152,18 @@
 								<span>C Wordle</span>
 							</a>
 						</div>
+						<div class="flex full-img-card gallery-card"
+							style="background-image: url(/assets/images/game-hero/wordle_screenshot.png); ">
+							<a href="" class="fill-div gradient-overlay">
+								<span>NurseBot</span>
+							</a>
+						</div>
+						<div class="flex full-img-card gallery-card"
+							style="background-image: url(/assets/images/game-hero/wordle_screenshot.png); ">
+							<a href="" class="fill-div gradient-overlay">
+								<span>Garbage Sorting Machine</span>
+							</a>
+						</div>
 					</div>
 				</div>
 			</div>
diff --git a/projects/simpliCity/index.html b/projects/simpliCity/index.html
index a816a3c..df3179f 100644
--- a/projects/simpliCity/index.html
+++ b/projects/simpliCity/index.html
@@ -32,9 +32,9 @@
 	</div>
 	<div class="sidebar-progress-container" id="progressContainer">
 	</div>
-	<div class="banner-top-bar flex-container">
-	<a class="button" href="https://store.steampowered.com/app/2381230/simpliCity/"><i class="fa-brands fa-steam"></i> Buy on Steam</a>
-	<img class="center-absolute" src="/assets/images/logo/simpliCity.png" alt="">
+	<div class="bottom-bar flex-container">
+		<a class="button" href="https://store.steampowered.com/app/2381230/simpliCity/"><i class="fa-brands fa-steam"></i> Buy on Steam</a>
+		<img class="center-absolute" src="/assets/images/logo/simpliCity.png" alt="">
 	</div>
 	<section style="border-top: none; overflow: hidden;" id="simpliCity-img">
 	<video src="/assets/videos/trailer_simpliCity.mp4" class="banner-video" id="video" onended="stopVideo('video')"></video>
-- 
cgit v1.2.3