diff options
| author | altaf-creator <dev@altafcreator.com> | 2026-05-17 13:01:57 +0800 |
|---|---|---|
| committer | altaf-creator <dev@altafcreator.com> | 2026-05-17 13:01:57 +0800 |
| commit | 9e7fe6d8dad56c237adb1905e130c1d723131812 (patch) | |
| tree | dd067e14b3ec5af719d748427bb322320c248879 /www/projects | |
| parent | d04598ba59d7267ee4db3745ff90eaa1a990072a (diff) | |
big structural change, altafcreator.com no longer served statically, projects now use md, blog is being reworked, videos removed temp
Diffstat (limited to 'www/projects')
| -rw-r--r-- | www/projects/.DS_Store | bin | 0 -> 6148 bytes | |||
| -rw-r--r-- | www/projects/index.html | 161 | ||||
| -rw-r--r-- | www/projects/laundryweb/index.html | 88 | ||||
| -rw-r--r-- | www/projects/shroud/index.html | 107 | ||||
| -rw-r--r-- | www/projects/simpliCity-static/index.html (renamed from www/projects/simpliCity/index.html) | 63 | ||||
| -rw-r--r-- | www/projects/tank-shooter/index.html | 2 | ||||
| -rw-r--r-- | www/projects/video/index.html | 0 |
7 files changed, 360 insertions, 61 deletions
diff --git a/www/projects/.DS_Store b/www/projects/.DS_Store Binary files differnew file mode 100644 index 0000000..0e39948 --- /dev/null +++ b/www/projects/.DS_Store diff --git a/www/projects/index.html b/www/projects/index.html index 237d662..301b8e5 100644 --- a/www/projects/index.html +++ b/www/projects/index.html @@ -8,12 +8,13 @@ <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">
+ <link rel="stylesheet" href="/packages/fontawesome-free-7.2.0-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/videoprojects.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>
@@ -30,24 +31,37 @@ </div>
<div class="sidebar-progress-container" id="progressContainer">
</div>
-<!-- <section style="border-top: none;">
- <div class="div-sizing">
- <span class="heading">Projects</span>
+ <!--
+ <section style="border-top: none;">
+ <div class="center-grid">
+ <div class="div-sizing">
+ <span class="heading">Projects</span>
+ <div class="flex-container flex-container-normal flex-container-dynamicwrap gap" style="width: fit-content;">
+ <a class="button button-inline button-box" href="#code-projs">
+ <i class="fa-solid fa-code"></i>
+ Tech Projects
+ </a>
+ <a class="button button-inline button-box" href="#video-projs">
+ <i class="fa-solid fa-video"></i>
+ Videography Projects
+ </a>
+ </div>
+ </div>
</div>
</section>
--->
- <section style="border-top: none;">
+ -->
+ <section id="code-projs" style="border-top: none" class="top-section-margin">
<div class="center-grid">
<div class="div-sizing" style="max-width: none;">
<div class="flex-container flex-container-column">
<p>
- <span class="heading" style="display: inline;">Projects</span>
+ <span class="heading" style="display: inline;">Tech & Dev<span class="desktop"> Projects</span></span>
<br class="mobile">
<a class="link item-end" href="https://git.altafcreator.com">
<i class="fa-brands fa-git-alt"></i> Source Code for My Projects ↗
</a>
</p>
- <div class="flex-container flex" id="top-project-highlight">
+ <div class="flex-container flex gap" 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">
@@ -60,7 +74,7 @@ </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 href="/projects/laundryweb/" 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>
@@ -69,8 +83,8 @@ </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">
+ style="background-image: url(/assets/images/game-hero/shroud.png);">
+ <a href="/projects/shroud/" 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>
@@ -78,7 +92,7 @@ </div>
</div>
</div>
- <div class="flex-container-normal flex">
+ <div class="flex-container-normal flex gap gap-top">
<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">
@@ -99,7 +113,7 @@ </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 href="https://deja.earth/" 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>
@@ -108,11 +122,11 @@ </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 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-people-group"></i> Team</span>
- <span class="img-card-title">mindmap.ai</span>
+ <span class="img-card-subtitle"><i class="fa-solid fa-microchip"></i> Electronics</span>
+ <span class="img-card-title">Desk Dashboard</span>
</div>
</div>
<div class="flex full-img-card gallery-card"
@@ -172,6 +186,24 @@ </div>
</div>
<div class="flex full-img-card gallery-card"
+ style="background-image: url(/assets/images/game-hero/.png); ">
+ <a href="https://altafcreator.com" class="fill-div gradient-overlay">
+ </a>
+ <div class="img-card-titlebox">
+ <span class="img-card-title">altafcreator.com</span>
+ </div>
+ </div>
+ <div class="flex full-img-card gallery-card"
+ style="background-image: url(/assets/images/game-hero/mindmapai.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/file.png); ">
<a href="/209.html" class="fill-div gradient-overlay">
</a>
@@ -179,6 +211,7 @@ <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">
@@ -252,15 +285,7 @@ </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); ">
+ style="background-image: url(/assets/images/game-hero/.png); ">
<a href="/209.html" class="fill-div gradient-overlay">
</a>
<div class="img-card-titlebox">
@@ -268,7 +293,7 @@ </div>
</div>
<div class="flex full-img-card gallery-card"
- style="background-image: url(/assets/images/game-hero/wordle_screenshot.png); ">
+ style="background-image: url(/assets/images/game-hero/.png); ">
<a href="/209.html" class="fill-div gradient-overlay">
</a>
<div class="img-card-titlebox">
@@ -280,16 +305,94 @@ </div>
</div>
</section>
- <section>
+ <section id="video-projs">
<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>
+ <span class="heading">Videography<span class="desktop"> Projects</span></span>
+ <div class="flex-container flex-container-normal flex-container-dynamicwrap gap wide" style="margin-top: 1rem;">
+ <div class="flex video-higlight-card shadow-filter">
+ <button onclick="loadVideo('/assets/videos/stringsoffreedom.mp4', 'Strings of Freedom');">⏵</button>
+ <img src="/assets/images/video-hero/stringsoffreedom.png" alt="">
+ <div class="img">
+ <h1>Strings of Freedom</h1>
+ <!--In this profound and short video, Luqman, a Singaporean former inmate, shares his journey from drug abuse and his imprisonment to his personal redemption through music. When he was released, Luqman felt a loss of meaning in life, until he came across a workshop poster that changed his life. Through that opportunity, he rekindled his passion for music and, more importantly, found a supportive community that gave him a second chance.-->
+ <span>(2025) Top Winning Submission for Yellow Ribbon Arts Competition 2025.</span>
+ </div>
+ </div>
+ <div class="flex video-higlight-card shadow-filter">
+ <button onclick="loadVideo('/assets/videos/minds.mp4', 'MINDS Charity Car Wash Promotional Video');">⏵</button>
+ <img src="/assets/images/video-hero/minds.png" alt="">
+ <div class="img">
+ <h1>MINDS Charity Car Wash Promotional</h1>
+ <span>(2025) Volunteer work with MINDS to promote their Charity Car Wash in 2025.</span>
+ </div>
+ </div>
+ </div>
+ <div class="flex-container-normal flex video-gallery gap gap-top">
+ <div class="flex video-gallery-card narrow">
+ <div>
+ <img src="/assets/images/video-hero/stringsoffreedom.png" alt="">
+ <button onclick="loadVideo('/assets/videos/stringsoffreedom.mp4', 'Strings of Freedom');">⏵</button>
+ </div>
+ <div class="video-gallery-card-text video-gallery-card-text-accent flex-container flex-container-column flex-start gap">
+ <a href="" class="link">Strings of Freedom</a>
+ <span>(2025) Top Winning Submission for Yellow Ribbon Arts Competition 2025.</span>
+ </div>
+ </div>
+ <div class="flex video-gallery-card narrow">
+ <div>
+ <img src="/assets/images/video-hero/minds.png" alt="">
+ <button onclick="loadVideo('/assets/videos/minds.mp4', 'MINDS Charity Car Wash Promotional Video');">⏵</button>
+ </div>
+ <div class="video-gallery-card-text video-gallery-card-text-accent flex-container flex-container-column flex-start gap">
+ <a href="" class="link">MINDS Charity Car Wash Promotional</a>
+ <span>(2025) Volunteer work with MINDS to promote their Charity Car Wash in 2025.</span>
+ </div>
+ </div>
+ <div class="flex video-gallery-card">
+ <div>
+ <img src="/assets/images/video-hero/paperverse.png" alt="">
+ <button onclick="loadVideo('/assets/videos/paperverse.mp4', 'Paperverse Hub, a videography competition entry');">⏵</button>
+ </div>
+ <div class="video-gallery-card-text flex-container flex-container-normal flex-container-dynamicwrap flex-spacebetween flex-center-content">
+ <a href="" class="link">Paperverse Hub</a>
+ <span>2026</span>
+ </div>
+ </div>
+ <div class="flex video-gallery-card">
+ <div>
+ <img src="/assets/images/video-hero/eid2026.png" alt="">
+ <button onclick="loadVideo('/assets/videos/eid2026.mp4', 'A message for this Eid');">⏵</button>
+ </div>
+ <div class="video-gallery-card-text flex-container flex-container-normal flex-container-dynamicwrap flex-spacebetween flex-center-content gap">
+ <a href="" class="link">A message for this Eid</a>
+ <span>2026</span>
+ </div>
+ </div>
+ <div class="flex video-gallery-card">
+ <div>
+ <img src="/assets/images/video-hero/via3rp.png" alt="">
+ <button onclick="loadVideo('/assets/videos/VIA.mp4', 'Secondary 3 Class VIA Project');">⏵</button>
+ </div>
+ <div class="video-gallery-card-text flex-container flex-container-normal flex-container-dynamicwrap flex-spacebetween flex-center-content gap">
+ <a href="" class="link">Secondary 3 VIA Project</a>
+ <span>2025</span>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
</section>
+ <div id="full-video-player">
+ <button class="video-close-button" onclick="closeFullPlayer()">✕</button>
+ <video controls src="" id="full-video-player-video"></video>
+ <div class="flex-container flex-container-dynamicwrap gap">
+ <span id="full-video-player-caption">Video Caption</span>
+ <a class="button button-inline" href="" id="full-video-player-button">View Details</a>
+ </div>
+ </div>
</body>
</html>
diff --git a/www/projects/laundryweb/index.html b/www/projects/laundryweb/index.html new file mode 100644 index 0000000..0a16249 --- /dev/null +++ b/www/projects/laundryweb/index.html @@ -0,0 +1,88 @@ +<!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>LaundryWeb • altaf-creator</title>
+ <link rel="stylesheet" href="/packages/fontawesome-free-7.2.0-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>
+ <div class="bottom-bar flex-container flex-spacebetween flex-aligncenter">
+ <a class="button" href="https://git.altafcreator.com/victoriahall-laundryweb.git/"><i class="fa-brands fa-git-alt"></i> <span class="desktop">View </span>Source Code</a>
+ <img class="center-absolute desktop" src="/assets/images/logo/simpliCity.png" alt="">
+ <img class="mobile" style="margin-right: 10px;" src="/assets/images/logo/simpliCity.png" alt="">
+ </div>
+ <section style="border-top: none; overflow: hidden;" id="laundryweb-img" class="banner-section">
+ <div class="banner-bottom-bar flex-container">
+ <div class="flex" style="margin-left: 20px;">
+ <i class="fa-solid fa-globe" title="Windows 8+ 64-bit"></i>
+ </div>
+ <div class="flex-right">
+ <a class="button" href="https://git.altafcreator.com/victoriahall-laundryweb.git/"><i class="fa-brands fa-git-alt"></i> <span class="desktop">View </span>Source Code</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>
+</body>
+
+</html>
diff --git a/www/projects/shroud/index.html b/www/projects/shroud/index.html new file mode 100644 index 0000000..7295db0 --- /dev/null +++ b/www/projects/shroud/index.html @@ -0,0 +1,107 @@ +<!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-7.2.0-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/bannervideo.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 flex-spacebetween flex-aligncenter">
+ <a class="button" href="https://altaf-creator.itch.io/shroud"><i class="fa-brands fa-itch-io"></i> <span class="desktop">Play on </span>itch.io</a>
+ <img class="center-absolute desktop" src="/assets/images/logo/shroud.png" alt="">
+ <img class="mobile" style="margin-right: 10px;" src="/assets/images/logo/shroud.png" alt="">
+ </div>
+ <section style="border-top: none; overflow: hidden;" id="shroud-img" class="banner-section">
+ <div class="banner-bottom-bar flex-container">
+ <div class="flex" style="margin-left: 20px;">
+ <i class="fa-solid fa-globe" title="Playable on Web"></i>
+ <i class="fa-brands fa-microsoft" title="Windows 8+ 64-bit"></i>
+ <i class="fa-brands fa-apple" title="macOS"></i>
+ <i class="fa-brands fa-linux" title="Linux"></i>
+ </div>
+ <div class="flex-right">
+ <a class="button desktop" href="#"><i class="fa-solid fa-download"></i> Download</a>
+ <a class="button" href="https://altaf-creator.itch.io/shroud"><i class="fa-brands fa-itch-io"></i> <span class="desktop">Play on </span>itch.io</a>
+ </div>
+ </div>
+ </section>
+ <section>
+ <div class="center-grid">
+ <div class="div-sizing">
+ <p class="info-box">Description taken from the itch.io page. Check it out <a class="link" href="https://altaf-creator.itch.io/shroud">here</a>!</p>
+ <div class="flex-container horizontal-scroll carousel-container">
+ <img src="/assets/images/screenshots/shroud/0.png" alt="" class="img-small">
+ <img src="/assets/images/screenshots/shroud/1.png" alt="" class="img-small">
+ <img src="/assets/images/screenshots/shroud/2.png" alt="" class="img-small">
+ <img src="/assets/images/screenshots/shroud/3.png" alt="" class="img-small">
+ </div>
+ <h1>Welcome to Shroud!</h1>
+ <p>You’ve washed ashore on a forgotten island, where the masks of the ancient tribes give you power. Sounds cool?
+ Explore its strange lands, battle the guardians, and collect all the masks to become the island's mightiest!</p>
+ <hr>
+ <h1>Development Information</h1>
+ <p>This game was made for the <a class="link" href="https://itch.io/jam/godot-wild-jam-86/">Godot Wild Jam #86</a> in a span of <b>~9 days</b>!</p>
+ <p>Hence, some features are not finished or does not exist yet. I'm quite appealed with the premise of the game, so I
+ might continue this project! Here are some features that I should add in the future:</p>
+ <ul>
+ <li>Sound effects. There aren't any sound effects in this jam version :(</li>
+ <li>Some new areas. I have already designed some areas, but have not implemented it as I did not have enough time to work on this jam game.</li>
+ <li>A boss fight! This was planned in the jam verison, but I could not finish the game in time.</li>
+ <li>More weapons, perhaps?</li>
+ <li>A more proper story.</li>
+ </ul>
+ <p>All game assets (including this page's) (except for the fonts) were made by me using Godot (obviously), Inkscape, and Krita.</p>
+ <p>The fonts used were Roboto Italic and Noto Sans Emoji, available at Google Fonts.</p>
+ </div>
+ </div>
+ </section>
+ <section>
+
+ </section>
+ <section>
+ <div class="center-grid">
+ <div class="div-sizing">
+ <h1>Play Now!</h1>
+ <div class="flex-container gap">
+ <a class="button button-inline" href="https://altaf-creator.itch.io/shroud"><i class="fa-brands fa-itch-io"></i> <span class="desktop">Play on the Web via </span>itch.io<span class="mobile"> (Web)</span></a>
+ </div>
+ <h1>Downloads</h1>
+ <div class="flex-container gap">
+ <a class="button button-inline" href="https://altaf-creator.itch.io/shroud"><i class="fa-brands fa-microsoft"></i> Windows (Jam Version)</a>
+ <a class="button button-inline" href="https://altaf-creator.itch.io/shroud"><i class="fa-brands fa-apple"></i> macOS (Jam Version)</a>
+ <a class="button button-inline" href="https://altaf-creator.itch.io/shroud"><i class="fa-brands fa-linux"></i> Linux (Jam Version)</a>
+ </div>
+ <h1>Source Code</h1>
+ <a class="button button-inline" href="https://git.altafcreator.com/shroud.git/"><i class="fa-brands fa-git-alt"></i> git.altafcreator.com/shroud.git</a>
+ </div>
+ </div>
+ </section>
+</body>
+
+</html>
diff --git a/www/projects/simpliCity/index.html b/www/projects/simpliCity-static/index.html index 2a8da75..71d221d 100644 --- a/www/projects/simpliCity/index.html +++ b/www/projects/simpliCity-static/index.html @@ -9,13 +9,13 @@ <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">
+ <link rel="stylesheet" href="/packages/fontawesome-free-7.2.0-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>
+ <script defer src="/scripts/bannervideo.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>
@@ -32,22 +32,23 @@ </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 class="bottom-bar flex-container flex-spacebetween flex-aligncenter">
+ <a class="button" href="https://store.steampowered.com/app/2381230/simpliCity/"><i class="fa-brands fa-steam"></i> <span class="desktop">Buy on </span>Steam</a>
+ <img class="center-absolute desktop" src="/assets/images/logo/simpliCity.png" alt="">
+ <img class="mobile" style="margin-right: 10px;" 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>
+ <section style="border-top: none; overflow: hidden;" id="simpliCity-img" class="banner-section">
+ <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', true)">▶ Trailer</a>
+ <i class="fa-brands fa-microsoft" title="Windows 8+ 64-bit"></i>
+ </div>
+ <div class="flex-right">
+ <a class="button desktop" href="#"><i class="fa-brands fa-microsoft"></i> Download Demo</a>
+ <a class="button" href="https://store.steampowered.com/app/2381230/simpliCity/"><i class="fa-brands fa-steam"></i> <span class="desktop">Buy on </span>Steam</a>
+ </div>
</div>
- </div>
</section>
<section>
<div class="center-grid">
@@ -89,21 +90,21 @@ <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>
+ <h1>Downloads</h1>
+ <div class="flex-container gap">
+ <a class="button button-inline" 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 button-inline" 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 gap">
+ <a class="button button-inline button-disabled"><i class="fa-solid fa-download"></i> alpha2.3.1</a>
+ <a class="button button-inline button-disabled"><i class="fa-solid fa-download"></i> alpha2.3</a>
+ <a class="button button-inline button-disabled"><i class="fa-solid fa-download"></i> alpha2.2</a>
+ <a class="button button-inline button-disabled"><i class="fa-solid fa-download"></i> alpha2.1</a>
+ <a class="button button-inline button-disabled"><i class="fa-solid fa-download"></i> alpha2.0</a>
+ </div>
+ <h1>Changelogs (coming soon)</h1>
+ <a class="button button-inline button-disabled"><i class="fa-solid fa-list"></i> View Changelogs</a>
</div>
</div>
</section>
diff --git a/www/projects/tank-shooter/index.html b/www/projects/tank-shooter/index.html index dfd6fc8..6b7aa8c 100644 --- a/www/projects/tank-shooter/index.html +++ b/www/projects/tank-shooter/index.html @@ -8,7 +8,7 @@ <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">
+ <link rel="stylesheet" href="/packages/fontawesome-free-7.2.0-web/css/all.css">
</head>
<body onload="addNodes()">
diff --git a/www/projects/video/index.html b/www/projects/video/index.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/www/projects/video/index.html |