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 <!--
28 {print_r($_SESSION)}
29 {print_r(PHP_SESSION_DISABLED)}
30 -->
31 <div id="page">
32 <header>
33 <h1><a href="/">{include '_partials/logo.latte'}{$siteTitle}</a></h1>
34 </header>
35 {include '_partials/nav.latte'}
36 <main class={$mainClass}>
37 {block content}{/block}
38 </main>
39 <aside>
40 <h2>Recommended Feeds</h2>
41 <ul id="homefeeds">
42 {foreach $favFeeds as $feed}
43 <li><a href="{$feed->url}">{$feed->title}</a></li>
44 {/foreach}
45 </ul>
46 </aside>
47 <footer>
48 {if $fonts}
49 <div id="themes">
50 <div id="theme-heading">theme picker</div>
51 <ul>
52 {foreach $themes as $theme}
53 <li><button type="button" class="btn-invis" data-theme="{$theme}" title="{$theme}">{$theme}</button></li>
54 {/foreach}
55 </ul>
56 </div>
57 {/if}
58 {if $fonts}
59 <div id="fonts">
60 <div id="font-heading">font picker</div>
61 <ul>
62 {foreach $fonts as $short => $font}
63 <li><button type="button" class="btn-invis" data-font="{$short}" title="{$font}">{$font}</button></li>
64 {/foreach}
65 </ul>
66 </div>
67 {/if}
68 <div id="pages">
69 {foreach $pages as $path => $title}
70 <a href="/{$path}">{$title}</a>{sep} • {/sep}
71 {/foreach}
72 </div>
73 <div id="links">
74 {foreach $links as $text => $url}
75 <a href="{$url}" rel="external" target="_blank">{$text}</a>{sep} / {/sep}
76 {/foreach}
77 </div>
78 <div id="attrib">
79 a <a href="https://veryroundbird.house" target="_blank" rel="external">veryroundbird.house</a> project
80 </div>
81 </footer>
82 </div>
83 <button type="button" class="btn btn-primary" data-action="openpost" popovertarget="post">Post</button>
84 <div id="post" popover>
85 <form id="post-form">
86 <div class="form-input">
87 <label for="post-text">Post</label>
88 <textarea id="post-text" name="post-text"></textarea>
89 </div>
90 <div class="form-input">
91 <label for="attachment-type">Attachment Type</label>
92 <div class="horizontal-radio">
93 <label><input type="radio" name="attachment-type" id="attachment-image" value="attachment-images-field" /> Images</label>
94 <label><input type="radio" name="attachment-type" id="attachment-media" value="attachment-media-field" /> Video</label>
95 <label><input type="radio" name="attachment-type" id="attachment-link" value="attachment-link-field" /> Link</label>
96 <button type="button" name="attachment-clear" id="attachment-clear">Clear</label>
97 </div>
98 </div>
99 <div id="attachment-images-field" class="form-input">
100 <label for="post-images">Upload Images</label>
101 <input type="file" accept="image/*" name="post-images" id="post-images" multiple />
102 </div>
103 <div id="attachment-media-field" class="form-input">
104 <label for="post-media">Upload Media</label>
105 <input type="file" accept="*.mp4,*.mov,*.webm" name="post-media" id="post-media" />
106 </div>
107 <div id="attachment-link-field" class="form-input">
108 <label for="post-link">Link</label>
109 <input type="text" name="post-link" id="post-link" />
110 </div>
111 <div class="form-input align-right">
112 <button type="submit" class="btn btn-primary">Post</button>
113 </div>
114 </form>
115 </div>
116 <script type="module" src="../js/main.mjs" defer></script>
117 </body>
118</html>