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 /templates | |
| 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 'templates')
| -rw-r--r-- | templates/blogpost.html | 64 | ||||
| -rw-r--r-- | templates/eventdetails.html | 0 | ||||
| -rw-r--r-- | templates/project.html | 56 |
3 files changed, 120 insertions, 0 deletions
diff --git a/templates/blogpost.html b/templates/blogpost.html new file mode 100644 index 0000000..f5b1ff1 --- /dev/null +++ b/templates/blogpost.html @@ -0,0 +1,64 @@ +<!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"> + <title>Blog / Loading... • altaf-creator</title> + <link rel="stylesheet" href="/packages/fontawesome-free-7.2.0-web/css/all.css"> + <script src="/packages/markdown-it-14.1.0/dist/markdown-it.js" type="module"></script> + <style> + .center-grid { + min-height: 0; + } + </style> + +</head> + +<body onload="blog(getUrlVars()['post'])"> + <script defer src="/scripts/blog.js"></script> + <script defer src="/scripts/scroll.js"></script> + <script defer src="/scripts/onload.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">(dev)Blog</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> + <section style="border-top: none; padding-top: 50px;" class="normal-section"> + <div class="banner-shadow"> + <img src="" alt="" class="banner img" id="banner"> + </div> + <div class="center-grid"> + <div class="div-sizing"> + <div class="flex-container flex-container-column flex" style="gap: 7px; margin-top: 20px;"> + <div id="tag-container" class="chip-container flex-container-normal "> + </div> + <span class="heading" id="title">Loading title...</span> + <span style="margin-bottom: 0.5rem;" id="description">Description</span><br> + <span class="half-opacity-text"><i class="fa-solid fa-calendar-days"></i> <span id="date">Date</span></span> + <span class="half-opacity-text"><i class="fa-solid fa-user"></i> Written by <span class="colored-text" id="author">Author</span></span> + </div> + </div> + </div> + </section> + <div id="content"> + <h1>Hello, world!</h1> + <p>i'm exhausted.</p> + </div> +</body> + +</html> diff --git a/templates/eventdetails.html b/templates/eventdetails.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/templates/eventdetails.html diff --git a/templates/project.html b/templates/project.html new file mode 100644 index 0000000..cca74cb --- /dev/null +++ b/templates/project.html @@ -0,0 +1,56 @@ +<!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> + <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> + <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> + </div> + </section> + {[{content}]} +</body> + +</html> |