friendship ended with social-app. php is my new best friend
veryroundbird.house
1<!doctype html>
2<html lang="en">
3 <head>
4 <title>{$siteTitle}{block title}{/block}</title>
5
6 <meta name="description" content="{$ogdesc}">
7
8 <meta property="og:url" content="{$ogurl}">
9 <meta property="og:type" content="website">
10 <meta property="og:title" content="{$ogtitle}">
11 <meta property="og:description" content="{$ogdesc}">
12 <meta property="og:image" content="{$ogimage}">
13
14 <meta name="twitter:card" content="summary_large_image">
15 <meta property="twitter:domain" content="{$ogdomain}">
16 <meta property="twitter:url" content="{$ogurl}">
17 <meta name="twitter:title" content="{$ogtitle}">
18 <meta name="twitter:description" content="{$ogdesc}">
19 <meta name="twitter:image" content="{$ogimage}">
20
21 <link rel="stylesheet" type="text/css" href="../css/main.scss" />
22 </head>
23 <body
24 data-theme="{$setTheme}"
25 data-font="{$setFont}"
26 >
27 <div id="page">
28 <header>
29 <h1><a href="/">{include '_partials/logo.latte'}{$siteTitle}</a></h1>
30 </header>
31 {include '_partials/nav.latte'}
32 <main class={$mainClass}>
33 {block content}{/block}
34 </main>
35 <aside>
36 <h2>Recommended Feeds</h2>
37 <ul id="homefeeds">
38 {foreach $favFeeds as $feed}
39 <li><a href="{$feed->url}">{$feed->title}</a></li>
40 {/foreach}
41 </ul>
42 </aside>
43 <footer>
44 {if $fonts}
45 <div id="themes">
46 <div id="theme-heading">theme picker</div>
47 <ul>
48 {foreach $themes as $theme}
49 <li><button type="button" class="btn-invis" data-theme="{$theme}" title="{$theme}">{$theme}</button></li>
50 {/foreach}
51 </ul>
52 </div>
53 {/if}
54 {if $fonts}
55 <div id="fonts">
56 <div id="font-heading">font picker</div>
57 <ul>
58 {foreach $fonts as $short => $font}
59 <li><button type="button" class="btn-invis" data-font="{$short}" title="{$font}">{$font}</button></li>
60 {/foreach}
61 </ul>
62 </div>
63 {/if}
64 <div id="pages">
65 {foreach $pages as $path => $title}
66 <a href="/{$path}">{$title}</a>{sep} • {/sep}
67 {/foreach}
68 </div>
69 <div id="links">
70 {foreach $links as $text => $url}
71 <a href="{$url}" rel="external" target="_blank">{$text}</a>{sep} / {/sep}
72 {/foreach}
73 </div>
74 <div id="attrib">
75 a <a href="https://veryroundbird.house" target="_blank" rel="external">veryroundbird.house</a> project
76 </div>
77 </footer>
78 </div>
79 <button type="button" class="btn btn-primary" data-action="openpost" popovertarget="post">Post</button>
80 <div id="post" popover>
81 <form id="post-form">
82 <div class="form-input">
83 <label for="post-text">Post</label>
84 <textarea id="post-text" name="post-text"></textarea>
85 </div>
86 <div class="form-input">
87 <label for="attachment-type">Attachment Type</label>
88 <div class="horizontal-radio">
89 <label><input type="radio" name="attachment-type" id="attachment-image" value="attachment-images-field" /> Images</label>
90 <label><input type="radio" name="attachment-type" id="attachment-media" value="attachment-media-field" /> Video</label>
91 <label><input type="radio" name="attachment-type" id="attachment-link" value="attachment-link-field" /> Link</label>
92 <button type="button" name="attachment-clear" id="attachment-clear">Clear</label>
93 </div>
94 </div>
95 <div id="attachment-images-field" class="form-input">
96 <label for="post-images">Upload Images</label>
97 <input type="file" accept="image/*" name="post-images" id="post-images" multiple />
98 </div>
99 <div id="attachment-media-field" class="form-input">
100 <label for="post-media">Upload Media</label>
101 <input type="file" accept="*.mp4,*.mov,*.webm" name="post-media" id="post-media" />
102 </div>
103 <div id="attachment-link-field" class="form-input">
104 <label for="post-link">Link</label>
105 <input type="text" name="post-link" id="post-link" />
106 </div>
107 <div class="form-input align-right">
108 <button type="submit" class="btn btn-primary">Post</button>
109 </div>
110 </form>
111 </div>
112 <script type="module" src="../js/main.mjs" defer></script>
113 </body>
114</html>