diff options
| author | altaf-creator <dev@altafcreator.com> | 2026-06-26 12:06:38 +0800 |
|---|---|---|
| committer | altaf-creator <dev@altafcreator.com> | 2026-06-26 12:06:38 +0800 |
| commit | 3abcae19fefd11bbfba6cbf696b342ea72da6992 (patch) | |
| tree | 37fe730ff6b1475ea24eb0f04df200ef923461c7 /templates/project.html | |
| parent | 1b14996290f228a329d83c164e50c27364cc0a22 (diff) | |
Diffstat (limited to 'templates/project.html')
| -rw-r--r-- | templates/project.html | 29 |
1 files changed, 17 insertions, 12 deletions
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> |