blog desc, academic, simpliCity page improvements (unfinished)

2 files changed, 61 insertions, 7 deletions

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,15 +48,21 @@
 							</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">

 								<span>Depths of Knowledge</span>

@@ -69,18 +75,54 @@
 							</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">

 								<span>Ball Run</span>

@@ -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>