diff options
Diffstat (limited to 'projects')
| -rw-r--r-- | projects/index.html | 62 | ||||
| -rw-r--r-- | projects/simpliCity/index.html | 6 |
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>
|