summaryrefslogtreecommitdiff
path: root/projects
diff options
context:
space:
mode:
Diffstat (limited to 'projects')
-rw-r--r--projects/index.html236
-rw-r--r--projects/simpliCity/index.html222
-rw-r--r--projects/tank-shooter/index.html228
3 files changed, 343 insertions, 343 deletions
diff --git a/projects/index.html b/projects/index.html
index b2477c7..9af538a 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -1,118 +1,118 @@
-<!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>
- <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-
-<body>
- <script defer src="/scripts/scroll.js"></script>
- <div class="floating-nav-container">
- <div class="floating-nav">
- <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>
- <div class="flex-container flex" style="height: 800px;">
- <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"
- 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>
- <div class="flex-container-normal flex">
- <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/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/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/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="" class="fill-div gradient-overlay">
- <span>C Wordle</span>
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
-</body>
-
-</html>
+<!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>
+ <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
+</head>
+
+<body>
+ <script defer src="/scripts/scroll.js"></script>
+ <div class="floating-nav-container">
+ <div class="floating-nav">
+ <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>
+ <div class="flex-container flex" style="height: 800px;">
+ <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"
+ 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>
+ <div class="flex-container-normal flex">
+ <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/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/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/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="" class="fill-div gradient-overlay">
+ <span>C Wordle</span>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+
+</html>
diff --git a/projects/simpliCity/index.html b/projects/simpliCity/index.html
index dd2a876..943e715 100644
--- a/projects/simpliCity/index.html
+++ b/projects/simpliCity/index.html
@@ -1,111 +1,111 @@
-<!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>
- <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</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="/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="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>
+<!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>
+ <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
+</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="/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="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
index 3a79dc9..62e2795 100644
--- a/projects/tank-shooter/index.html
+++ b/projects/tank-shooter/index.html
@@ -1,114 +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">
- <link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
- <title>simpliCity • altaf-creator</title>
- <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</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="/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>
+<!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>
+ <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
+</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="/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>
generated by cgit v1.2.3 (git 2.25.1) at 2024-12-23 16:53:09 +0000