diff options
Diffstat (limited to 'projects')
| -rw-r--r-- | projects/index.html | 214 | ||||
| -rw-r--r-- | projects/simpliCity/index.html | 139 | ||||
| -rw-r--r-- | projects/tank-shooter/index.html | 139 |
3 files changed, 248 insertions, 244 deletions
diff --git a/projects/index.html b/projects/index.html index 9af538a..ec366fa 100644 --- a/projects/index.html +++ b/projects/index.html @@ -2,117 +2,119 @@ <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>
+ <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>
+ <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" 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/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>
+ </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 943e715..ee6692d 100644 --- a/projects/simpliCity/index.html +++ b/projects/simpliCity/index.html @@ -2,110 +2,111 @@ <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>
+ <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">
+ <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="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">
+ </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">
+ <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">
+ </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>
</div>
- </section>
- <section>
- <div class="center-grid">
- <div class="div-sizing">
+ </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>
+ <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>
+ </div>
+ </section>
+ <section class="normal-section">
<div class="center-grid" style="min-height: 0px;">
- <div class="div-sizing">
+ <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>
+ <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>
</div>
- </section>
- <section>
- <div class="center-grid">
- <div class="div-sizing">
+ </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>
+ <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>
+ <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>
+ </div>
+ </div>
+ </section>
</body>
</html>
diff --git a/projects/tank-shooter/index.html b/projects/tank-shooter/index.html index 62e2795..a8e2641 100644 --- a/projects/tank-shooter/index.html +++ b/projects/tank-shooter/index.html @@ -2,113 +2,114 @@ <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>
+ <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">
+ <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">
+ </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;">
+ <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">
+ </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>
</div>
- </section>
- <section>
- <div class="center-grid">
- <div class="div-sizing">
+ </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>
+ <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>
+ </div>
+ </section>
+ <section class="normal-section">
<div class="center-grid" style="min-height: 0px;">
- <div class="div-sizing">
+ <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>
+ <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>
</div>
- </section>
- <section>
- <div class="center-grid">
- <div class="div-sizing">
+ </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>
+ <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>
+ <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>
+ </div>
+ </div>
+ </section>
</body>
</html>
|