summaryrefslogtreecommitdiff
path: root/projects
diff options
context:
space:
mode:
authoraltaf-creator <dev@altafcreator.com>2026-04-30 22:01:53 +0800
committeraltaf-creator <dev@altafcreator.com>2026-04-30 22:01:53 +0800
commitdb1c6676a13798ee57dbac429a1d5045b60356fb (patch)
tree5ff305c09686de50bbcac404c1954e42c26ba494 /projects
parent97fa8f57fbefcbfa6b3e56c31a1e5b60ef1a9e37 (diff)
quite a big commit
Diffstat (limited to 'projects')
-rw-r--r--projects/index.html174
-rw-r--r--projects/simpliCity/index.html112
-rw-r--r--projects/tank-shooter/index.html114
3 files changed, 0 insertions, 400 deletions
diff --git a/projects/index.html b/projects/index.html
deleted file mode 100644
index 8edc4db..0000000
--- a/projects/index.html
+++ /dev/null
@@ -1,174 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" href="/style.css">
- <link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
- <title>Projects • altaf-creator</title>
- <link rel="stylesheet" href="/packages/fontawesome-free-6.5.2-web/css/all.css">
-</head>
-
-<body>
- <script defer src="/scripts/scroll.js"></script>
- <div class="floating-nav-container">
- <div class="floating-nav">
- <a href="/" class="mobile"><img src="/assets/images/hero/logo.png" alt="" class="sidebar-img mobile" style="margin-top: 0; margin-left: -20px;"></a>
- <a href="/about/" class="link">About Me</a>
- <a href="/projects/" class="link">Projects</a>
- <a href="/blog/" class="link">(dev)Blog</a>
- </div>
- </div>
- <div class="sidebar" id="sidebar">
- <a href="/">
- <img src="/assets/images/hero/logo.png" alt="" class="sidebar-img">
- </a>
- <span>altaf-creator</span>
- </div>
- <section style="border-top: none;">
- <div class="center-grid">
- <div class="div-sizing" style="max-width: none;">
- <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" 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">
- <span>simpliCity</span>
- </a>
-
- </div>
- <div class="flex full-img-card"
- style="background-image: url(/assets/images/game-hero/tank_screenshot.png);">
- <a href="https://altaf-creator.itch.io/tank-shooter" class="fill-div gradient-overlay">
- <span>Tank Shooter</span>
- </a>
-
- </div>
- <div class="flex full-img-card top-gallery-card"
- style="background-image: url(/assets/images/game-hero/learnsmpdotid.png);">
- <a href="https://alazharnotes.altafcreator.com/" class="fill-div gradient-overlay">
- <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>
- </a>
- </div>
- <div class="flex full-img-card gallery-card"
- style="background-image: url(/assets/images/game-hero/farmer_screenshot.png); ">
- <a href="https://altaf-creator.itch.io/farmers-universe" class="fill-div gradient-overlay">
- <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="/209.html" 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="/209.html" 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="/209.html" 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="/209.html" 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>
- </a>
- </div>
- <div class="flex full-img-card gallery-card"
- style="background-image: url(/assets/images/game-hero/space_hero.png); ">
- <a href="https://github.com/altaf-creator/Space-Shooter-Game" class="fill-div gradient-overlay">
- <span>Space Shooter Game</span>
- </a>
- </div>
- <div class="flex full-img-card gallery-card"
- style="background-image: url(/assets/images/game-hero/math_screenshot.png); ">
- <a href="https:/altaf-creator.github.io/easy-math-game/" class="fill-div gradient-overlay">
- <span>Easy Math Game</span>
- </a>
- </div>
- <div class="flex full-img-card gallery-card"
- style="background-image: url(/assets/images/game-hero/microbit_screenshot.png); ">
- <a href="https://github.com/altaf-creator/microbit-calculator" class="fill-div gradient-overlay">
- <span>micro:bit Calculator</span>
- </a>
- </div>
- <div class="flex full-img-card gallery-card"
- style="background-image: url(/assets/images/game-hero/wordle_screenshot.png); ">
- <a href="/209.html" class="fill-div gradient-overlay">
- <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="/209.html" 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="/209.html" class="fill-div gradient-overlay">
- <span>Garbage Sorting Machine</span>
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
-</body>
-
-</html>
diff --git a/projects/simpliCity/index.html b/projects/simpliCity/index.html
deleted file mode 100644
index df3179f..0000000
--- a/projects/simpliCity/index.html
+++ /dev/null
@@ -1,112 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" href="/style.css">
- <link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
- <link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
- <title>simpliCity • altaf-creator</title>
- <link rel="stylesheet" href="/packages/fontawesome-free-6.5.2-web/css/all.css">
-</head>
-
-<body onload="addNodes()">
- <script defer src="/scripts/onload.js"></script>
- <script defer src="/scripts/scroll.js"></script>
- <script defer src="/scripts/video.js"></script>
- <div class="floating-nav-container">
- <div class="floating-nav">
- <a href="/" class="mobile"><img src="/assets/images/hero/logo.png" alt="" class="sidebar-img mobile" style="margin-top: 0; margin-left: -20px;"></a>
- <a href="/about/" class="link">About Me</a>
- <a href="/projects/" class="link">Projects</a>
- <a href="/blog/" class="link">(dev)Blog</a>
- </div>
- </div>
- <div class="sidebar" id="sidebar">
- <a href="/">
- <img src="/assets/images/hero/logo.png" alt="" class="sidebar-img">
- </a>
- <span>altaf-creator</span>
- </div>
- <div class="sidebar-progress-container" id="progressContainer">
- </div>
- <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>
- <div class="banner-bottom-bar flex-container">
- <div class="flex">
- <a class="button" href="#" onclick="playVideo('video')">▶ Trailer</a>
- <i class="fa-brands fa-windows" title="Windows 8+ 64-bit"></i>
- </div>
- <div class="flex-right">
- <a class="button" href="#"><i class="fa-brands fa-windows"></i> Download Demo</a>
- <a class="button" href="https://store.steampowered.com/app/2381230/simpliCity/"><i class="fa-brands fa-steam"></i> Buy on Steam</a>
- </div>
- </div>
- </section>
- <section>
- <div class="center-grid">
- <div class="div-sizing">
- <h1>What is simpliCity?</h1>
- <p>simpliCity is a sandboxing game about building a city without all those hassle from complicated systems. The main focus of the game is the building aspect.</p>
- <p><i>Build a beautiful city with simple building mechanics and simple working system. Expand your city to whatever you want with no limit!</i></p>
- <h1>This Game Offers:</h1>
- <ul>
- <li>30+ different buildings</li>
- <li>Save & load system</li>
- <li>Simple worker system</li>
- <li>Relaxing feel & atmosphere</li>
- <li>Simple residential system</li>
- <li>Sandbox mode if you want no challanges at all</li>
- </ul>
- <h1>Gameplay</h1>
- <p>The gameplay of the game is simple. You start with an empty island in the middle of the ocean. You start building houses, trees, and offices. Residents will come to your city and you can expand the city into whatever you'd like!</p>
- <h1>Feedback & Discord</h1>
- <p>Have any feedback? Found some bugs? Or do you want to connect with others about this game? If you're interested, you can join our <a class="link" href="https://discord.gg/Mg5WFqrHk3">Discord Server</a>!</p>
- </div>
- </div>
- </section>
- <section class="normal-section">
- <div class="center-grid" style="min-height: 0px;">
- <div class="div-sizing">
- <h1>Minimum System Requirements</h1>
- <ul>
- <li><b>Operating System:</b> Windows 8+ 64-bit</li>
- <li><b>Processor:</b> Intel Dual Core 2GHz</li>
- <li><b>Memory:</b> 2 GB of RAM</li>
- <li><b>Graphics:</b> Intergrated Graphics Card</li>
- <li><b>DirectX:</b> Version 11</li>
- <li><b>Storage:</b> 512 MB available space</li>
- </ul>
- </div>
- </div>
- </section>
- <section>
- <div class="center-grid">
- <div class="div-sizing">
- <h1>Downloads</h1>
- <div class="flex-container">
- <a class="button" href="https://store.steampowered.com/app/2381230/simpliCity/"><i class="fa-brands fa-steam"></i> Buy Latest Version on Steam (beta0.2)</a>
- <a class="button" href="#"><i class="fa-solid fa-download"></i> Download Latest Demo (demo0.1)</a>
- </div>
- <h1>Older Versions (coming soon)</h1>
- <div class="flex-container">
- <a class="button button-disabled"><i class="fa-solid fa-download"></i> alpha2.3.1</a>
- <a class="button button-disabled"><i class="fa-solid fa-download"></i> alpha2.3</a>
- <a class="button button-disabled"><i class="fa-solid fa-download"></i> alpha2.2</a>
- <a class="button button-disabled"><i class="fa-solid fa-download"></i> alpha2.1</a>
- <a class="button button-disabled"><i class="fa-solid fa-download"></i> alpha2.0</a>
- </div>
- <h1>Changelogs (coming soon)</h1>
- <a class="button button-disabled"><i class="fa-solid fa-list"></i> View Changelogs</a>
- </div>
- </div>
- </section>
-</body>
-
-</html>
diff --git a/projects/tank-shooter/index.html b/projects/tank-shooter/index.html
deleted file mode 100644
index dfd6fc8..0000000
--- a/projects/tank-shooter/index.html
+++ /dev/null
@@ -1,114 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" href="/style.css">
- <link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
- <title>simpliCity • altaf-creator</title>
- <link rel="stylesheet" href="/packages/fontawesome-free-6.5.2-web/css/all.css">
-</head>
-
-<body onload="addNodes()">
- <script defer src="/scripts/onload.js"></script>
- <script defer src="/scripts/scroll.js"></script>
- <script defer src="/scripts/video.js"></script>
- <div class="floating-nav-container">
- <div class="floating-nav">
- <a href="/" class="mobile"><img src="/assets/images/hero/logo.png" alt="" class="sidebar-img mobile" style="margin-top: 0; margin-left: -20px;"></a>
- <a href="/about/" class="link">About Me</a>
- <a href="/projects/" class="link">Projects</a>
- <a href="/blog/" class="link">(dev)Blog</a>
- </div>
- </div>
- <div class="sidebar" id="sidebar">
- <a href="/">
- <img src="/assets/images/hero/logo.png" alt="" class="sidebar-img">
- </a>
- <span>altaf-creator</span>
- </div>
- <div class="sidebar-progress-container" id="progressContainer">
- </div>
- <div class="banner-top-bar flex-container">
- <a class="button" href="#"><i class="fa-brands fa-windows"></i> Windows 64-bit</a>
- <a class="button" href="#"><i class="fa-brands fa-android"></i> Android</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>
- <div class="banner-bottom-bar flex-container">
- <div class="flex desktop" style="margin-left: 20px;">
- <i class="fa-brands fa-windows" title="Windows 8+ 64-bit"></i>
- <i class="fa-brands fa-android" title="Android"></i>
- <i class="fa-solid fa-globe" title="Web Browsers (desktop only)"></i>
- </div>
- <div class="flex-right">
- <a class="button desktop" href="#"><i class="fa-brands fa-windows"></i> Windows 64-bit</a>
- <a class="button" href="#"><i class="fa-brands fa-android"></i> Android</a>
- <a class="button" href="#"><i class="fa-solid fa-globe"></i> itch.io (Browser)</a>
- </div>
- </div>
- </section>
- <section>
- <div class="center-grid">
- <div class="div-sizing">
- <h1>What is simpliCity?</h1>
- <p>simpliCity is a sandboxing game about building a city without all those hassle from complicated systems. The main focus of the game is the building aspect.</p>
- <p><i>Build a beautiful city with simple building mechanics and simple working system. Expand your city to whatever you want with no limit!</i></p>
- <h1>This Game Offers:</h1>
- <ul>
- <li>30+ different buildings</li>
- <li>Save & load system</li>
- <li>Simple worker system</li>
- <li>Relaxing feel & atmosphere</li>
- <li>Simple residential system</li>
- <li>Sandbox mode if you want no challanges at all</li>
- </ul>
- <h1>Gameplay</h1>
- <p>The gameplay of the game is simple. You start with an empty island in the middle of the ocean. You start building houses, trees, and offices. Residents will come to your city and you can expand the city into whatever you'd like!</p>
- <h1>Feedback & Discord</h1>
- <p>Have any feedback? Found some bugs? Or do you want to connect with others about this game? If you're interested, you can join our <a class="link" href="https://discord.gg/Mg5WFqrHk3">Discord Server</a>!</p>
- </div>
- </div>
- </section>
- <section class="normal-section">
- <div class="center-grid" style="min-height: 0px;">
- <div class="div-sizing">
- <h1>Minimum System Requirements</h1>
- <ul>
- <li><b>Operating System:</b> Windows 8+ 64-bit</li>
- <li><b>Processor:</b> Intel Dual Core 2GHz</li>
- <li><b>Memory:</b> 2 GB of RAM</li>
- <li><b>Graphics:</b> Intergrated Graphics Card</li>
- <li><b>DirectX:</b> Version 11</li>
- <li><b>Storage:</b> 512 MB available space</li>
- </ul>
- </div>
- </div>
- </section>
- <section>
- <div class="center-grid">
- <div class="div-sizing">
- <h1>Downloads</h1>
- <div class="flex-container">
- <a class="button" href="https://store.steampowered.com/app/2381230/simpliCity/"><i class="fa-brands fa-steam"></i> Buy Latest Version on Steam (beta0.2)</a>
- <a class="button" href="#"><i class="fa-solid fa-download"></i> Download Latest Demo (demo0.1)</a>
- </div>
- <h1>Older Versions (coming soon)</h1>
- <div class="flex-container">
- <a class="button button-disabled"><i class="fa-solid fa-download"></i> alpha2.3.1</a>
- <a class="button button-disabled"><i class="fa-solid fa-download"></i> alpha2.3</a>
- <a class="button button-disabled"><i class="fa-solid fa-download"></i> alpha2.2</a>
- <a class="button button-disabled"><i class="fa-solid fa-download"></i> alpha2.1</a>
- <a class="button button-disabled"><i class="fa-solid fa-download"></i> alpha2.0</a>
- </div>
- <h1>Changelogs (coming soon)</h1>
- <a class="button button-disabled"><i class="fa-solid fa-list"></i> View Changelogs</a>
- </div>
- </div>
- </section>
-</body>
-
-</html>