main.templ
1359 bytes
1package pages
2
3templ BaseLayout(title string, route string) {
4 <!DOCTYPE html>
5 <html lang="en" data-bs-theme="dark">
6 <head>
7 <title>{ title }</title>
8 <meta charset="utf-8"/>
9 <meta name="viewport" content="width=device-width, initial-scale=1"/>
10 <meta name="description" content="YouTube RSS subscription feed app"/>
11 <meta name="theme-color" content="#212529"/>
12 <link rel="icon" type="image/png" href="/assets/simple.png"/>
13 <link rel="apple-touch-icon" href="/assets/ytrssil.png"/>
14 <link rel="manifest" href="/assets/manifest.json"/>
15 <link rel="stylesheet" href="/assets/vendor/bootstrap.min.css"/>
16 <link rel="stylesheet" href="/assets/vendor/bootstrap-icons.min.css"/>
17 <style>
18 .pillarbox { position: relative; }
19 .pillarbox::after { right: 0; }
20 .pillarbox::before,
21 .pillarbox::after { content: ''; position: absolute; top: 0; bottom: 0%; width: 36%; background: black; z-index: 1; }
22 </style>
23 <script src="/assets/vendor/bootstrap.bundle.min.js"></script>
24 <script type="module" src="/assets/vendor/datastar.js"></script>
25 <script src="/assets/vendor/fuse.js"></script>
26 <script src="/assets/index.js"></script>
27 </head>
28 <body>
29 @subscriptionModal()
30 @addVideoModal()
31 @resolutionModal()
32 @navbar(route)
33 <div class="container-fluid">
34 { children... }
35 </div>
36 </body>
37 </html>
38}