diff options
| author | altaf-creator <dev@altafcreator.com> | 2026-04-30 22:01:53 +0800 |
|---|---|---|
| committer | altaf-creator <dev@altafcreator.com> | 2026-04-30 22:01:53 +0800 |
| commit | db1c6676a13798ee57dbac429a1d5045b60356fb (patch) | |
| tree | 5ff305c09686de50bbcac404c1954e42c26ba494 /www/projects/index.html | |
| parent | 97fa8f57fbefcbfa6b3e56c31a1e5b60ef1a9e37 (diff) | |
quite a big commit
Diffstat (limited to 'www/projects/index.html')
| -rw-r--r-- | www/projects/index.html | 290 |
1 files changed, 290 insertions, 0 deletions
diff --git a/www/projects/index.html b/www/projects/index.html new file mode 100644 index 0000000..cd4c311 --- /dev/null +++ b/www/projects/index.html @@ -0,0 +1,290 @@ +<!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 onload="addNodes();">
+ <script defer src="/scripts/onload.js"></script>
+ <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">Library</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>
+<!-- <section style="border-top: none;">
+ <div class="div-sizing">
+ <span class="heading">Projects</span>
+ </div>
+ </section>
+-->
+ <section>
+ <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 highlight-card top-gallery-card"
+ style="background-image: url(/assets/images/game-hero/simplicity_screenshot.png); ">
+ <a href="/projects/simpliCity/" class="fill-div gradient-overlay">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-subtitle"><i class="fa-solid fa-gamepad"></i> Game</span>
+ <span class="img-card-title">simpliCity</span>
+ </div>
+
+ </div>
+ <div class="flex full-img-card highlight-card top-gallery-card"
+ style="background-image: url(/assets/images/game-hero/laundryweb.png);">
+ <a href="/209.html" class="fill-div gradient-overlay">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-subtitle"><i class="fa-solid fa-globe"></i> Web App</span>
+ <span class="img-card-title">LaundryWeb</span>
+ </div>
+
+ </div>
+ <div class="flex full-img-card top-gallery-card highlight-card"
+ style="background-image: url(/assets/images/game-hero/learnsmpdotid.png);">
+ <a href="https://alazharnotes.altafcreator.com/" class="fill-div gradient-overlay">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-subtitle"><i class="fa-solid fa-globe"></i> Game</span>
+ <span class="img-card-title">Shroud</span>
+ </div>
+ </div>
+ </div>
+ <div class="flex-container-normal flex">
+ <div class="flex full-img-card gallery-card"
+ style="background-image: url(/assets/images/game-hero/esp32-blockly.png);">
+ <a href="https://github.com/altaf-creator/droid-esp32-blockly" class="fill-div gradient-overlay">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-subtitle"><i class="fa-solid fa-briefcase"></i> Internship</span>
+ <span class="img-card-title">ESP32 Blockly</span>
+ </div>
+ </div>
+ <div class="flex full-img-card gallery-card"
+ style="background-image: url(/assets/images/game-hero/tinkertanker-examples.png);">
+ <a href="https://altaf-creator.github.io/tinkertanker-examples/" class="fill-div gradient-overlay">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-subtitle"><i class="fa-solid fa-briefcase"></i> Internship</span>
+ <span class="img-card-title">Internship Projects</span>
+ </div>
+ </div>
+ <div class="flex full-img-card gallery-card"
+ style="background-image: url(/assets/images/game-hero/.png);">
+ <a href="/209.html" class="fill-div gradient-overlay">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-subtitle"><i class="fa-solid fa-people-group"></i> Team</span>
+ <span class="img-card-title">Deja</span>
+ </div>
+ </div>
+ <div class="flex full-img-card gallery-card"
+ style="background-image: url(/assets/images/game-hero/.png);">
+ <a href="/209.html" class="fill-div gradient-overlay">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-subtitle"><i class="fa-solid fa-people-group"></i> Team</span>
+ <span class="img-card-title">mindmap.ai</span>
+ </div>
+ </div>
+ <div class="flex full-img-card gallery-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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Tank Shooter</span>
+ </div>
+ </div>
+ <div class="flex full-img-card gallery-card"
+ style="background-image: url(/assets/images/game-hero/learnsmpdotid.png);">
+ <a href="https://alazharnotes.altafcreator.com" class="fill-div gradient-overlay">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">learnsmp.id</span>
+ </div>
+ </div>
+ <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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Sum On!</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Depths of Knowledge</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Farmer's Universe</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">MarkdownEditor</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">OpenQuran</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Unfinished Habit Tracker</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">UFO with a Gravity Gun Prototype</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Boids Experiment</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">simpliCity Store Mock-up</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Flappy Duck</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Road Obstacles</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Ball Run</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Space Shooter Game</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Easy Math Game</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">micro:bit Calculator</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">C Wordle</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">NurseBot</span>
+ </div>
+ </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">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">Garbage Sorting Machine</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+ <section>
+ <div class="center-grid">
+ <div class="div-sizing" style="max-width: none;">
+ <div class="flex-container flex-container-column">
+ <span class="heading">Videography</span>
+ <p>Coming soon!</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+
+</html>
|