aboutsummaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorLibravatar cel 🌸 <cel@blos.sm>2023-01-15 21:43:21 +0000
committerLibravatar cel 🌸 <cel@blos.sm>2023-01-15 21:43:21 +0000
commit1280b8d6a2a3f2a02179a1e51aef1891a04cc8dd (patch)
treea5abd1d1855d2d1123586d50e58567096c7dd695 /templates
parent4a860896c21220b2b8b22da4a5d2f8794c90253a (diff)
downloadblossom-1280b8d6a2a3f2a02179a1e51aef1891a04cc8dd.tar.gz
blossom-1280b8d6a2a3f2a02179a1e51aef1891a04cc8dd.tar.bz2
blossom-1280b8d6a2a3f2a02179a1e51aef1891a04cc8dd.zip
set up rocket server
Diffstat (limited to 'templates')
-rw-r--r--templates/base.html.tera84
-rw-r--r--templates/contact.html.tera34
-rw-r--r--templates/home.html.tera53
-rw-r--r--templates/latestblogs.html.tera11
-rw-r--r--templates/latestskweets.html.tera19
5 files changed, 201 insertions, 0 deletions
diff --git a/templates/base.html.tera b/templates/base.html.tera
new file mode 100644
index 0000000..eff54b1
--- /dev/null
+++ b/templates/base.html.tera
@@ -0,0 +1,84 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8"/>
+ <link rel="stylesheet" href="style.css">
+ <link rel="stylesheet" href="fonts.css">
+ <title>cel's garden</title>
+ </head>
+
+ <body>
+
+ <img class="branch" id="branch1" src="branches/branch837-1.png" alt="cherry blossom branch">
+ <img class="branch" id="branch2" src="branches/branch878.png" alt="cherry blossom branch">
+ <img class="branch" id="branch3" src="branches/branch837-2.png" alt="cherry blossom branch">
+ <img class="branch" id="branch4" src="branches/branch840.png" alt="cherry blossom branch">
+ <img class="branch" id="branch5" src="branches/branch869.png" alt="cherry blossom branch">
+ <img class="branch" id="branch6" src="branches/branch871.png" alt="cherry blossom branch">
+ <img class="branch" id="branch7" src="branches/branch879.png" alt="cherry blossom branch">
+ <img class="branch" id="branch8" src="branches/branch880.png" alt="cherry blossom branch">
+ <img class="branch" id="branch9" src="branches/branch881-1.png" alt="cherry blossom branch">
+ <img class="branch" id="branch10" src="branches/branch881-2.png" alt="cherry blossom branch">
+ <img class="branch" id="branch11" src="branches/branch882-1.png" alt="cherry blossom branch">
+ <img class="branch" id="branch12" src="branches/branch882-2.png" alt="cherry blossom branch">
+ <img class="branch" id="branch13" src="branches/branch883-1.png" alt="cherry blossom branch">
+ <img class="branch" id="branch14" src="branches/branch883-2.png" alt="cherry blossom branch">
+
+ <div class="page">
+
+ <header>
+
+ {% block header %}
+ {% endblock header %}
+
+ </header>
+
+ <nav class="panel" id="nav">
+ <ul id="nav">
+ <li><a class="active" href="/">home</a></li>
+ <li><a href="/contact">kontakt</a></li>
+ <li><a href="/projects">projetos</a></li>
+ <li><a href="/sound">音</a></li>
+ <li><a href="/listens">ζ₯½</a></li>
+ <li><a href="/linkz">cute linkz</a></li>
+ <li><a href="https://bimbo.video">video</a></li>
+ <li><a href="https://live.blos.sm">πŸ”΄ live</a></li>
+ <li><a href="/pix">pix</a></li>
+ <li><a href="/thoughts">thoughts</a></li>
+ <li><a href="/girlblog">girlblog</a></li>
+ <li><a href="/writing">flop</a></li>
+ <li><a href="/zettelkasten">zettelkasten</a></li>
+ <li><a href="/read">γ‚ˆγ‚€</a></li>
+ <li><a href="https://sectorinf.com/cel">πŸ¦‹πŸžπŸŒπŸπŸ•·</a></li>
+ <li><a href="/plants">plantas</a></li>
+ <li><a href="https://ass-smacc"><img src="https://skinnyver.se/emoji/Wigs/suscakke.png"></a></li>
+ <li><a href="https://pussy.accountants">pussy</a></li>
+ <li><a href="/guestbook">visitas</a></li>
+ </ul>
+ </nav>
+
+ <main>
+ <div class="content">
+
+ {% block content %}
+ {% endblock content %}
+
+ </div>
+
+ {% block aside %}
+ {% endblock aside %}
+
+ </main>
+
+ <footer>
+ <div class="panel" id="footer">
+ <a href="https://skinnyver.se"><img src="https://skinnyver.se/instance/skinnyversebadge.png"></a>
+ <a href="https://social.xenofem.me/"><img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/4520d16b-565c-4956-b1f0-dd18afcdf906/xenofemme.png"></a>
+ <a href="https://asbestos.cafe"><img src="https://asbestos.cafe/instance/asbestoscafesisterinstance.png"></a>
+ <a href="https://worm.pink"><img src="https://worm.pink/instance/wormpinksistersite.png"></a>
+ </div>
+ </footer>
+
+ </div>
+ </body>
+</html>
diff --git a/templates/contact.html.tera b/templates/contact.html.tera
new file mode 100644
index 0000000..9876132
--- /dev/null
+++ b/templates/contact.html.tera
@@ -0,0 +1,34 @@
+{% extends "base" %}
+
+{% block header %}
+
+<div class="panel" id="title">
+ <h1>cel 🌸</h1>
+</div>
+
+{% endblock header %}
+
+{% block content %}
+
+<div class="info panel h-card" rel="author">
+ <h1 class="p-name">cel</h1>
+
+ <h3>pronouns: <a class="u-url" rel="me" href="https://en.pronouns.page/@celblossom"><span class="p-x-pronoun-nominative">she</span>/<span class="p-x-pronoun-accusative">her</span></a></h3>
+
+ <ul>
+ <li>email: <a class="u-email" href="mailto:cel@blos.sm">cel@blos.sm</a> <a href="cel.asc" class="u-key" rel="pgpkey">pgp key</a></li>
+ <li>matrix: <a class="u-impp" href="matrix:u/@cel:pussy.accountants">@cel:pussy.accountants</a></li>
+ <li>xmpp: <a class="u-impp" href="xmpp:cel@blos.sm?message">cel@blos.sm</a></li>
+ <li>fedi: <a class="u-url" rel="me" href="https://skinnyver.se/cel">@cel@skinnyver.se</a></li>
+ <li>silly little videos (soon): <a class="u-url" rel="me" href="https://skinnyver.se/cel">@cel@bimbo.video</a></li>
+ <li>pix (soon 2): <a class="u-url" rel="me" href="https://skinnyver.se/cel">@cel@portra400.video</a></li>
+ <li>git: <a class="u-url" rel="me" href="https://sectorinf.com/cel">sectorinf/cel</a></li>
+ <li>scrobbles: <a class="u-url" href="https://listenbrainz.org/user/celblossom">listenbrainz/celblossom</a></li>
+ <li>bandcamp fan: <a class="u-url" href="https://bandcamp.com/celblossom">bandcamp/celblossom</a></li>
+ <br>
+ <li><span class="p-note">languages (in rough skill order): english, portuguese, german, japanese, chinese, french, latin, toki pona, korean</span></li></li>
+ <li><span class="p-note">programming: rust, go, webdev, erlang, lisp</span></li>
+ </ul>
+</div>
+
+{% endblock content %} \ No newline at end of file
diff --git a/templates/home.html.tera b/templates/home.html.tera
new file mode 100644
index 0000000..cf14f54
--- /dev/null
+++ b/templates/home.html.tera
@@ -0,0 +1,53 @@
+{% extends "base" %}
+
+{% block header %}
+
+<div class="panel" id="title">
+ <h1>cel 🌸</h1>
+</div>
+
+{% if is_live %}
+<iframe
+ class="panel"
+ id="stream"
+ src="https://live.blos.sm/embed/video"
+ title="girlstream"
+ referrerpolicy="origin"
+ scrolling="no"
+ allowfullscreen>
+</iframe>
+{% endif %}
+
+{% if is_scrobbling %}
+<a href="https://listenbrainz.org/user/celblossom" class="panel" id="scrobble">now playing: Parfum d'Γ©toiles - Ichiko Aoba</a>
+{% endif %}
+
+{% endblock header %}
+
+{% block content %}
+
+<div class="info panel">
+ <h2>hallo i am celeste welcome 2 my site 🌟</h2>
+ <p>this is where i dump everything</p>
+ <p>i wish u a wonderful day</p>
+ <br>
+ <img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/f28c467a-0ee1-4d49-a638-08a010fd9927/quinntyping.png">
+ <p>perpetually under construction</p>
+ <img style="border: 0;" src="/barraconstruction.gif">
+</div>
+
+{% endblock content %}
+
+{% block aside %}
+
+<aside>
+
+ {% include "latestblogs" %}
+ {% include "latestskweets" %}
+
+</aside>
+
+{% endblock aside %}
+
+
+
diff --git a/templates/latestblogs.html.tera b/templates/latestblogs.html.tera
new file mode 100644
index 0000000..966a728
--- /dev/null
+++ b/templates/latestblogs.html.tera
@@ -0,0 +1,11 @@
+<div class="panel" id="blogs">
+ <h2>latest blogs <a class="label" href="/feed.xml"><img class="label" src="https://cinni.net/images/icon/rssbadge.png" alt="rss newsfeed"></a></h2>
+ <table id="blog-list">
+ <tr>
+ <td><a class="blog-entry" href="/thoughts/fedi">fedi<span class="blog-date">2023-02-04</span></a></td>
+ </tr>
+ <tr>
+ <td><a class="blog-entry" href="/thoughts/fedi">slaying<span class="blog-date">2023-01-20</span></a></td>
+ </tr>
+ </table>
+</div> \ No newline at end of file
diff --git a/templates/latestskweets.html.tera b/templates/latestskweets.html.tera
new file mode 100644
index 0000000..15a413c
--- /dev/null
+++ b/templates/latestskweets.html.tera
@@ -0,0 +1,19 @@
+<div class="panel" id="skinnyverse">
+ <h2><a id="latest-skweets" href="https://skinnyver.se/cel">latest skweets</a></h2>
+ <div class="post">
+ <img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/426b13b9-0d01-4dc1-abc9-6dbc1ec8a8a6/bjorkcpu2.png" class="profile">
+ <div class="post-content">
+ <div><h4>@cel</h4><h5>2h ago</h5></div>
+ <p>@nyx @lain ikr? omg we have no choice but to stan our skinny legend</p>
+ <div class="gallery"><img src="https://skinnyver.se/media/22aca0d1-441c-425f-b9b2-7501a29d8e9c/lain_skinny2.png"><img src="https://skinnyver.se/media/4f6344de-b334-417e-b202-f1daf3207986/vlcsnap-2022-06-15-09h55m17s937.png"></div>
+ </div>
+ </div>
+ <div class="post">
+ <img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/426b13b9-0d01-4dc1-abc9-6dbc1ec8a8a6/bjorkcpu2.png" class="profile">
+ <div class="post-content">
+ <div><h4>@cel</h4><h5>2h ago</h5></div>
+ <p>@nyx @lain ikr? omg we have no choice but to stan our skinny legend</p>
+ <div class="gallery"><img src="https://skinnyver.se/media/22aca0d1-441c-425f-b9b2-7501a29d8e9c/lain_skinny2.png"><img src="https://skinnyver.se/media/4f6344de-b334-417e-b202-f1daf3207986/vlcsnap-2022-06-15-09h55m17s937.png"></div>
+ </div>
+ </div>
+</div> \ No newline at end of file