blob: 8bba92bf2dbf1444a580f453ca35e20dd1f2e2ed (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
<!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/video.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>
<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">
<div class="div-sizing">
<div class="flex-container flex-container-normal flex-container-dynamicwrap gap">
<div class="flex">
<h1>{[{video-title}]}</h1>
<p class="half-opacity-text"><i class="fa-solid fa-calendar"></i> {[{date}]}</p>
<p>{[{description}]}</p>
</div>
<div class="flex-container flex-container-column flex-end">
<div class="flex-container flex-container-normal flex-container-dynamicwrap gap flex-end flex-end-dynamic">
<a class="button button-inline" href="#" id="video-download-btn"><i class="fa-solid fa-download"></i> Download</a>
<a class="button button-inline" href="#"><i class="fa-solid fa-share-nodes" id="video-share-btn"></i></a>
</div>
<p style="text-align: end;" class="half-opacity-text" id="video-license-parent">Licensed under<br>
<a class="link" href="#" id="video-license-info"><a>
</p>
</div>
</div>
</div>
</div>
</section>
{[{content}]}
</body>
</html>
|
