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 | |
| parent | 97fa8f57fbefcbfa6b3e56c31a1e5b60ef1a9e37 (diff) | |
quite a big commit
Diffstat (limited to 'www/projects')
| -rw-r--r-- | www/projects/index.html | 290 | ||||
| -rw-r--r-- | www/projects/simpliCity/index.html | 112 | ||||
| -rw-r--r-- | www/projects/tank-shooter/index.html | 114 |
3 files changed, 516 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>
diff --git a/www/projects/simpliCity/index.html b/www/projects/simpliCity/index.html new file mode 100644 index 0000000..2a8da75 --- /dev/null +++ b/www/projects/simpliCity/index.html @@ -0,0 +1,112 @@ +<!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">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>
+ <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/www/projects/tank-shooter/index.html b/www/projects/tank-shooter/index.html new file mode 100644 index 0000000..dfd6fc8 --- /dev/null +++ b/www/projects/tank-shooter/index.html @@ -0,0 +1,114 @@ +<!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>
|