From 3abcae19fefd11bbfba6cbf696b342ea72da6992 Mon Sep 17 00:00:00 2001
From: altaf-creator <dev@altafcreator.com>
Date: Fri, 26 Jun 2026 12:06:38 +0800
Subject: major changes to /about/, event reflections, project reflections,
 video reflections

---
 templates/project.html | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

(limited to 'templates/project.html')

diff --git a/templates/project.html b/templates/project.html
index cca74cb..56b581b 100644
--- a/templates/project.html
+++ b/templates/project.html
@@ -6,6 +6,7 @@
 	<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="stylesheet" href="/codehilite-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>{[{title}]} • altaf-creator</title>
@@ -32,21 +33,25 @@
 	</div>
 	<div class="sidebar-progress-container" id="progressContainer">
 	</div>
-	<div id="bottom-bar" class="bottom-bar flex-container flex-spacebetween flex-aligncenter gap">
-		<img class="center-absolute desktop" src="{[{img-src-icon-bottom-bar}]}" alt="">
-		<img class="mobile" style="margin-right: 10px;" src="{[{img-src-icon-bottom-bar}]}" alt="">
+	<div class="bottom-bar flex-container flex-center gap">
+		<div class="div-sizing-bare flex-container gap flex-y-center flex-spacebetween" id="bottom-bar">
+			<img class="center-absolute desktop" src="{[{img-src-icon-bottom-bar}]}" alt="">
+			<img class="mobile" style="margin-right: 10px;" src="{[{img-src-icon-bottom-bar}]}" alt="">
+		</div>
 	</div>
 	<section style="border-top: none; overflow: hidden;" id="{[{id-banner}]}" class="banner-section">
 		<video src="{[{video-src-banner}]}" class="banner-video" id="video" onended="stopVideo('video')"></video>
-		<div class="banner-bottom-bar flex-container">
-			<div class="flex">
-			<a class="button button-inline" href="#" onclick="playVideo('video', true)" id="video-play-btn">▶ Trailer</a>
-			<i id="compatible-web" class="fa-solid fa-globe" title="Playable on Web"></i>
-			<i id="compatible-win" class="fa-brands fa-microsoft" title="Windows 8+ 64-bit"></i>
-			<i id="compatible-mac" class="fa-brands fa-apple" title="macOS"></i>
-			<i id="compatible-lin" class="fa-brands fa-linux" title="Linux"></i>
-			</div>
-			<div class="flex-right flex-container gap" id="banner-actions-bar">
+		<div class="banner-bottom-bar flex-container flex-center">
+			<div class="div-sizing-bare flex-container">
+				<div class="flex flex-container flex-y-center gap">
+					<a class="button button-inline" href="#" onclick="playVideo('video', true)" id="video-play-btn">▶ Trailer</a>
+					<i id="compatible-web" class="fa-solid fa-globe" title="Playable on Web"></i>
+					<i id="compatible-win" class="fa-brands fa-microsoft" title="Windows 8+ 64-bit"></i>
+					<i id="compatible-mac" class="fa-brands fa-apple" title="macOS"></i>
+					<i id="compatible-lin" class="fa-brands fa-linux" title="Linux"></i>
+				</div>
+				<div class="flex-right flex-container gap" id="banner-actions-bar">
+				</div>
 			</div>
 		</div>
 	</section>
-- 
cgit v1.2.3