summaryrefslogtreecommitdiff
path: root/projects/tank-shooter
diff options
context:
space:
mode:
authoraltaf-creator <dev@altafcreator.com>2024-04-10 18:24:58 +0700
committeraltaf-creator <dev@altafcreator.com>2024-04-10 18:24:58 +0700
commit228217e4075eed9ca4aed1ff64be00093c28676d (patch)
treed1e5d9468f230fe7fad96d3d261366cad7b83fa0 /projects/tank-shooter
parenta26de243da1a42ea9abc4953c1906cf558493883 (diff)
improve meta, spaces to tabs, blog to markdown
Diffstat (limited to 'projects/tank-shooter')
-rw-r--r--projects/tank-shooter/index.html139
1 files changed, 70 insertions, 69 deletions
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>