diff options
| author | altaf-creator <dev@altafcreator.com> | 2026-05-31 10:45:44 +0800 |
|---|---|---|
| committer | altaf-creator <dev@altafcreator.com> | 2026-05-31 10:45:44 +0800 |
| commit | e944308db6de30153fdb86a67d6c913186fe8d89 (patch) | |
| tree | 134db26ba4da6c75ba75cc3d26e70f11d801a6d9 /templates | |
| parent | 8fea6e4be4a61cd2bfcb310166fbe6b2541b9ff4 (diff) | |
youtube videos, events, about me wip
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/eventdetails.html | 38 | ||||
| -rw-r--r-- | templates/video.html | 26 |
2 files changed, 51 insertions, 13 deletions
diff --git a/templates/eventdetails.html b/templates/eventdetails.html index e69de29..064f27e 100644 --- a/templates/eventdetails.html +++ b/templates/eventdetails.html @@ -0,0 +1,38 @@ +<!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>{[{title}]} • 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> + {[{content}]} +</body> + +</html> diff --git a/templates/video.html b/templates/video.html index 5f52065..8bba92b 100644 --- a/templates/video.html +++ b/templates/video.html @@ -32,21 +32,21 @@ </div> <div class="sidebar-progress-container" id="progressContainer"> </div> - <section class="normal-section video-section"> - <div class="shadow-filter"> - <video class="video" id="video"> - </video> - <div class="shadow-filter"> - <div class="video-controls"> - <button id="video-controls-play"><i class="fa-solid fa-play"></i></button> - <span><span id="video-controls-currenttime">00:00</span><span id="video-controls-totaltime" class="desktop half-opacity-text">/00:00</span> - </span> - <input type="range" id="video-controls-progress" min="0" max="1" value="0" step="any"></progress> - <button id="video-controls-mutetoggle"><i class="fa-solid fa-volume"></i></button> - <button id="video-controls-maximise"><i class="fa-solid fa-maximize"></i></button> - </div> + <section class="normal-section video-section" id="video-section"> + <div class="shadow-filter" id="video-parent"> + <video class="video" id="video"> + </video> + <div class="shadow-filter" id="video-controls"> + <div class="video-controls"> + <button id="video-controls-play"><i class="fa-solid fa-play"></i></button> + <span><span id="video-controls-currenttime">00:00</span><span id="video-controls-totaltime" class="desktop half-opacity-text">/00:00</span> + </span> + <input type="range" id="video-controls-progress" min="0" max="1" value="0" step="any"></progress> + <button id="video-controls-mutetoggle"><i class="fa-solid fa-volume"></i></button> + <button id="video-controls-maximise"><i class="fa-solid fa-maximize"></i></button> </div> </div> + </div> </section> <section class="normal-section"> <div class="center-grid"> |