summaryrefslogtreecommitdiff
path: root/www/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'www/index.html')
-rw-r--r--www/index.html21
1 files changed, 10 insertions, 11 deletions
diff --git a/www/index.html b/www/index.html
index cacad4e..88c51d7 100644
--- a/www/index.html
+++ b/www/index.html
@@ -10,7 +10,7 @@
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.ico">
<link rel="me" href="https://mastodon.gamedev.place/@altaf">
<title>This is 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">
<!-- Cloudflare Turnstile -->
<link rel="preconnect" href="https://challenges.cloudflare.com" />
<script
@@ -55,9 +55,10 @@
<div class="div-sizing">
<span class="big-text">Hey there!</span>
<br>
- <p>A <b class="colored-text">scholar</b> studying in <b class="colored-text">Singapore</b> from <b class="colored-text">Indonesia</b> that likes to <b class="colored-text">create</b> and tinker with <b class="colored-text">computers</b> as a hobby.</p>
- <p>I make games, websites, used to do robotics, and now videography, and still loves to try new things.</p>
- <a href="about/" class="button" style="margin: 0; display: inline-block;">Learn more about me -></a>
+ <p>A <b class="colored-text">student</b> studying in <b class="colored-text">Singapore</b> from <b class="colored-text">Indonesia</b> that likes to <b class="colored-text">create</b> things.</p>
+ <p>I like building things with <b class="colored-text">computers</b>.
+ I develop games, create websites (or apps), tinker with electronics, make videos, and probably other things, too.</p>
+ <a href="about/" class="button button-inline">Learn more about me -></a>
</div>
<img id="countrysg" src="/assets/images/elements/sgpixel.png" alt="">
<img id="countryid" src="/assets/images/elements/indopixel.png" alt="">
@@ -68,7 +69,7 @@
<div class="div-sizing" style="height: 100%;">
<div class="flex-container flex-container-column">
<span class="heading">Highlighted Works</span>
- <div class="flex-container flex" style="min-height: 600px;">
+ <div class="flex-container flex gap" style="min-height: 600px;">
<div class="flex full-img-card highlight-card"
style="background-image: url(/assets/images/game-hero/simplicity_screenshot.png); ">
<a href="/projects/simpliCity/" class="fill-div gradient-overlay">
@@ -81,7 +82,7 @@
</div>
<div class="flex full-img-card highlight-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>
@@ -90,8 +91,8 @@
</div>
<div class="flex full-img-card highlight-card"
- style="background-image: url(/assets/images/game-hero/video_stringsoffreedom.png);">
- <a href="209.html" class="fill-div gradient-overlay">
+ style="background-image: url(/assets/images/video-hero/stringsoffreedom.png);">
+ <a href="/projects/video/?id=0" class="fill-div gradient-overlay">
</a>
<div class="img-card-titlebox">
<span class="img-card-subtitle"><i class="fa-solid fa-video"></i> Film</span>
@@ -100,9 +101,7 @@
</div>
</div>
- <div style="margin: 5px; display: flex; gap: 10px;">
- <a href="projects/" class="button" style="margin: 0">View All Projects</a>
- </div>
+ <a href="projects/" class="button button-inline gap-top">View All Projects</a>
</div>
</div>
</div>