diff options
author | cel πΈ <cel@blos.sm> | 2024-01-30 16:16:05 +0000 |
---|---|---|
committer | cel πΈ <cel@blos.sm> | 2024-01-30 16:16:05 +0000 |
commit | f00159f53b3774601500ec65345791311ff6efa1 (patch) | |
tree | cc65a487e71a056126e1935108a494c7851863f9 /templates | |
parent | 8c03d9a53f4bc2f70fb5c1e0487bc74fe0137fcb (diff) | |
download | blossom-f00159f53b3774601500ec65345791311ff6efa1.tar.gz blossom-f00159f53b3774601500ec65345791311ff6efa1.tar.bz2 blossom-f00159f53b3774601500ec65345791311ff6efa1.zip |
migrate to poem and askama
Diffstat (limited to 'templates')
-rw-r--r-- | templates/base.html | 88 | ||||
-rw-r--r-- | templates/base.html.tera | 82 | ||||
-rw-r--r-- | templates/blog.html | 23 | ||||
-rw-r--r-- | templates/blog.html.tera | 22 | ||||
-rw-r--r-- | templates/blogpost-panel.html | 10 | ||||
-rw-r--r-- | templates/blogpost-panel.html.tera | 8 | ||||
-rw-r--r-- | templates/blogpost.html | 7 | ||||
-rw-r--r-- | templates/blogpost.html.tera | 7 | ||||
-rw-r--r-- | templates/contact.html (renamed from templates/contact.html.tera) | 14 | ||||
-rw-r--r-- | templates/error.html (renamed from templates/error.html.tera) | 6 | ||||
-rw-r--r-- | templates/filtertags.html | 10 | ||||
-rw-r--r-- | templates/filtertags.html.tera | 7 | ||||
-rw-r--r-- | templates/home.html (renamed from templates/home.html.tera) | 34 | ||||
-rw-r--r-- | templates/latestposts.html | 13 | ||||
-rw-r--r-- | templates/latestposts.html.tera | 10 | ||||
-rw-r--r-- | templates/latestskweets.html (renamed from templates/latestskweets.html.tera) | 0 |
16 files changed, 177 insertions, 164 deletions
diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..59e7984 --- /dev/null +++ b/templates/base.html @@ -0,0 +1,88 @@ +<!doctype html> +<html lang="en"> + +<head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <link rel="stylesheet" href="/static/style.css"> + <link rel="stylesheet" href="/static/fonts.css"> + <title>celeste's hard drive</title> +</head> + +<body> + + <img class="branch" id="branch1" src="/static/branches/branch837-1.png" alt=""> + <img class="branch" id="branch2" src="/static/branches/branch878.png" alt=""> + <img class="branch" id="branch3" src="/static/branches/branch837-2.png" alt=""> + <img class="branch" id="branch4" src="/static/branches/branch840.png" alt=""> + <img class="branch" id="branch5" src="/static/branches/branch869.png" alt=""> + <img class="branch" id="branch6" src="/static/branches/branch871.png" alt=""> + <img class="branch" id="branch7" src="/static/branches/branch879.png" alt=""> + <img class="branch" id="branch8" src="/static/branches/branch880.png" alt=""> + <img class="branch" id="branch9" src="/static/branches/branch881-1.png" alt=""> + <img class="branch" id="branch10" src="/static/branches/branch881-2.png" alt=""> + <img class="branch" id="branch11" src="/static/branches/branch882-1.png" alt=""> + <img class="branch" id="branch12" src="/static/branches/branch882-2.png" alt=""> + <img class="branch" id="branch13" src="/static/branches/branch883-1.png" alt=""> + <img class="branch" id="branch14" src="/static/branches/branch883-2.png" alt=""> + + <div id="page"> + + {% block header %} + {% endblock header %} + + <nav class="panel"> + <ul id="nav"> + <li><a class="{% block nav_home %}{% endblock %}" href="/">home</a></li> + <li><a class="{% block nav_contact %}{% endblock %}" style="font-family: 'Compagnon Roman';" + href="/contact">kontakt</a></li> + <li><a class="{% block nav_poetry %}{% endblock %}" href="/poetry" style="font-family: Louise">poesia</a></li> + <li><a class="{% block nav_blog %}{% endblock %}" style="font-family: Sligoil" href="/blog">weblog</a></li> + <li><a class="{% block nav_projects %}{% endblock %}" style="font-family: 'DeGerm LoCase';" + href="/projects">projetos</a></li> + <!--<li><a class="{% block nav_sound %}{% endblock %}" style="font-family: 'kirieji'" href="/sound">ι³</a></li>--> + <li><a class="{% block nav_listens %}{% endblock %}" style="font-family: 'Almendra Display'; font-weight: 900;" + href="https://listenbrainz.org/user/celblossom">Γ©coute</a></li> + <li><a href="https://bimbo.video/a/cel" style="font-family: 'Mon Hugo In'">video</a></li> + <li><a href="https://weirdstar.stream" style="font-family: id_kana018">π΄γ©γ€γ</a></li> + <!--<li><a class="{% block nav_pix %}{% endblock %}" style="font-family: Minecraftia" href="/pix">pix</a></li>--> + <!--<li><a class="{% block nav_shodo %}{% endblock %}" href="/shodo">ζΈι</a></li>--> + <!--<li><a class="{% block nav_cute %}{% endblock %}" style="font-family: 'Darumadrop One'" href="/cute">cute linkz</a></li>--> + <!--<li><a class="{% block nav_zk %}{% endblock %}" href="https://garden.blos.sm" style="font-family: Louise">zettelkasten</a></li>--> + <!--<li><a class="{% block nav_read %}{% endblock %}" style="font-family: ukikusa" href="/read">γγ</a></li>--> + <li><a href="https://bunny.garden/cel">π¦π·π°π»ππ·πͺ»ππ±</a></li> + <!--<li><a class="{% block nav_plants %}{% endblock %}" style="font-family: 'Almendra Display'; font-weight: 900;" href="/plants">plantas</a></li>--> + <li><a style="font-family: Abordage;" href="https://pussy.accountants">pussy</a></li> + <li class="suscakke"><a href="https://ass-sma.cc"><img src="/static/suscakke.png"></a></li> + <!--<li><a class="{% block nav_guestbook %}{% endblock %}" style="font-family: Compagnon; font-weight: bold;" href="/guestbook">visitas</a></li>--> + </ul> + </nav> + + <main class="{% block reverse %}{% endblock %}"> + <div class="main-content"> + + {% block content %} + {% endblock content %} + + </div> + + {% block aside %} + {% endblock aside %} + + </main> + + <footer class="panel"> + <a class="badge" href="https://blos.sm"><img src="https://blos.sm/badges/cel.png"></a> + <a class="badge" href="https://skinnyver.se"><img src="/static/badges/badussyflops.png"></a> + <img class="badge" src="/static/badges/mothracompat.gif"> + <img class="badge" src="/static/badges/flexbox.png"> + {# TODO: random skin tone #} + <img class="badge" src="/static/badges/servinghttps_{{ self::thread_rng().gen_range(1..=7) }}.png"> + <a class="badge" href="https://keithhacks.cyou"><img src="/static/badges/keith.gif"></a> + <a class="badge" href="https://webb.spiderden.org"><img src="/static/badges/webb.png"></a> + </footer> + + </div> +</body> + +</html>
\ No newline at end of file diff --git a/templates/base.html.tera b/templates/base.html.tera deleted file mode 100644 index 9884964..0000000 --- a/templates/base.html.tera +++ /dev/null @@ -1,82 +0,0 @@ -<!doctype html> -<html lang="en"> - <head> - <meta charset="UTF-8"/> - <meta name="viewport" content="width=device-width, initial-scale=1" /> - <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 id="page"> - - {% block header %} - {% endblock header %} - - <nav class="panel"> - <ul id="nav"> - <li><a class="{% block nav_home %}{% endblock %}" href="/">home</a></li> - <li><a class="{% block nav_contact %}{% endblock %}" style="font-family: 'Compagnon Roman';" href="/contact">kontakt</a></li> - <li><a class="{% block nav_poetry %}{% endblock %}" href="/poetry" style="font-family: Louise">poesia</a></li> - <li><a class="{% block nav_blog %}{% endblock %}" style="font-family: Sligoil" href="/blog">weblog</a></li> - <li><a class="{% block nav_projects %}{% endblock %}" style="font-family: 'DeGerm LoCase';" href="/projects">projetos</a></li> - <!--<li><a class="{% block nav_sound %}{% endblock %}" style="font-family: 'kirieji'" href="/sound">ι³</a></li>--> - <li><a class="{% block nav_listens %}{% endblock %}" style="font-family: 'Almendra Display'; font-weight: 900;" href="https://listenbrainz.org/user/celblossom">Γ©coute</a></li> - <li><a href="https://bimbo.video/a/cel" style="font-family: 'Mon Hugo In'">video</a></li> - <li><a href="https://weirdstar.stream" style="font-family: id_kana018" >π΄γ©γ€γ</a></li> - <!--<li><a class="{% block nav_pix %}{% endblock %}" style="font-family: Minecraftia" href="/pix">pix</a></li>--> - <!--<li><a class="{% block nav_shodo %}{% endblock %}" href="/shodo">ζΈι</a></li>--> - <!--<li><a class="{% block nav_cute %}{% endblock %}" style="font-family: 'Darumadrop One'" href="/cute">cute linkz</a></li>--> - <!--<li><a class="{% block nav_zk %}{% endblock %}" href="https://garden.blos.sm" style="font-family: Louise">zettelkasten</a></li>--> - <!--<li><a class="{% block nav_read %}{% endblock %}" style="font-family: ukikusa" href="/read">γγ</a></li>--> - <li><a href="https://bunny.garden/cel">π¦π·π°π»ππ·πͺ»ππ±</a></li> - <!--<li><a class="{% block nav_plants %}{% endblock %}" style="font-family: 'Almendra Display'; font-weight: 900;" href="/plants">plantas</a></li>--> - <li><a style="font-family: Abordage;" href="https://pussy.accountants">pussy</a></li> - <li class="suscakke"><a href="https://ass-sma.cc"><img src="/suscakke.png"></a></li> - <!--<li><a class="{% block nav_guestbook %}{% endblock %}" style="font-family: Compagnon; font-weight: bold;" href="/guestbook">visitas</a></li>--> - </ul> - </nav> - - <main class="{% if reverse %}reverse{% endif %}"> - <div class="main-content"> - - {% block content %} - {% endblock content %} - - </div> - - {% block aside %} - {% endblock aside %} - - </main> - - <footer class="panel"> - <a class="badge" href="https://blos.sm"><img src="https://blos.sm/badges/cel.png"></a> - <a class="badge" href="https://skinnyver.se"><img src="https://skinnyver.se/instance/skinnyversebadge.png"></a> - <img class="badge" src="/badges/mothracompat.gif"> - <img class="badge" src="/badges/flexbox.png"> - <img class="badge" src="/badges/servinghttps_{{ get_random(start=1, end=7) }}.png"> - <a class="badge" href="https://keithhacks.cyou"><img src="/badges/keith.gif"></a> - <a class="badge" href="https://webb.spiderden.org"><img src="/badges/webb.png"></a> - </footer> - - </div> - </body> -</html> diff --git a/templates/blog.html b/templates/blog.html new file mode 100644 index 0000000..42cf95f --- /dev/null +++ b/templates/blog.html @@ -0,0 +1,23 @@ +{% extends "base.html" %} + +{% block reverse %}reverse{% endblock %} +{% block nav_blog %}active{% endblock %} + +{% block content %} + +{% for blogpost in blogposts %} +{% include "blogpost-panel.html" %} +{% endfor %} + +{% endblock content %} + +{% block aside %} + +<aside> + + {% include "latestposts.html" %} + {% include "filtertags.html" %} + +</aside> + +{% endblock aside %}
\ No newline at end of file diff --git a/templates/blog.html.tera b/templates/blog.html.tera deleted file mode 100644 index 20ec08e..0000000 --- a/templates/blog.html.tera +++ /dev/null @@ -1,22 +0,0 @@ -{% extends "base" %} - -{% block nav_blog %}active{% endblock %} - -{% block content %} - -{% for blogpost in blogposts %} -{% include "blogpost-panel" %} -{% endfor %} - -{% endblock content %} - -{% block aside %} - -<aside> - - {% include "latestposts" %} - {% include "filtertags" %} - -</aside> - -{% endblock aside %} diff --git a/templates/blogpost-panel.html b/templates/blogpost-panel.html new file mode 100644 index 0000000..6375012 --- /dev/null +++ b/templates/blogpost-panel.html @@ -0,0 +1,10 @@ +<div class="panel content blogpost"> + <h1 class="title">{{ blogpost.subject().unwrap_or("untitled") }}</h1> + <h2 class="created-at">{{ blogpost.published_at() }} <a href="/blog/{{ blogpost.file_name() }}">permalink</a></h2> + <div class="tags">{% for tag in blogpost.tags().clone() %}<a + class="tag {% if filter_tags.contains(tag) %}active{% endif %}" href="/blog?filter={{ tag }}">{{ tag }}</a>{% + endfor %}</div> + <div class="blogpost-content"> + {{ blogpost.content()|safe }} + </div> +</div>
\ No newline at end of file diff --git a/templates/blogpost-panel.html.tera b/templates/blogpost-panel.html.tera deleted file mode 100644 index 64f064c..0000000 --- a/templates/blogpost-panel.html.tera +++ /dev/null @@ -1,8 +0,0 @@ -<div class="panel content blogpost"> - <h1 class="title">{{ blogpost.subject }}</h1> - <h2 class="created-at">{{ blogpost.created_at }} <a href="/blog/{{ blogpost.data.name }}">permalink</a></h2> - <div class="tags">{% for tag in blogpost.tags %}<a class="tag {% if filter_hashset %}{% if tag in filter_hashset %}active{% endif %}{% endif %}" href="/blog?filter={{ tag }}">{{ tag }}</a>{% endfor %}</div> - <div class="blogpost-content"> - {{ blogpost.render }} - </div> -</div> diff --git a/templates/blogpost.html b/templates/blogpost.html new file mode 100644 index 0000000..935d581 --- /dev/null +++ b/templates/blogpost.html @@ -0,0 +1,7 @@ +{% extends "base.html" %} + +{% block content %} + +{% include "blogpost-panel.html" %} + +{% endblock content %}
\ No newline at end of file diff --git a/templates/blogpost.html.tera b/templates/blogpost.html.tera deleted file mode 100644 index b73a24b..0000000 --- a/templates/blogpost.html.tera +++ /dev/null @@ -1,7 +0,0 @@ -{% extends "base" %} - -{% block content %} - -{% include "blogpost-panel" %} - -{% endblock content %} diff --git a/templates/contact.html.tera b/templates/contact.html index 28ec6e6..4302e88 100644 --- a/templates/contact.html.tera +++ b/templates/contact.html @@ -1,4 +1,4 @@ -{% extends "base" %} +{% extends "base.html" %} {% block nav_contact %}active{% endblock %} @@ -6,7 +6,7 @@ <header> <div class="panel" id="title"> - <h1>cel πΈ</h1> + <h1>celeste πΈ</h1> </div> </header> @@ -16,15 +16,19 @@ <div class="content panel h-card" rel="author"> <h1 class="p-name">cel</h1> - + <ul> - <li><h3>pronouns: <span class="p-x-pronoun-nominative">she</span>/<span class="p-x-pronoun-accusative">her</span></h3></li> + <li> + <h3>pronouns: <span class="p-x-pronoun-nominative">she</span>/<span class="p-x-pronoun-accusative">her</span></h3> + </li> <li>email: <a class="u-email" href="mailto:cel@blos.sm">cel@blos.sm</a></li> <li>jabber: <a class="u-impp" href="xmpp:cel@blos.sm?message">cel@blos.sm</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, french, japanese, german, chinese, latin, toki pona, korean</span></li></li> + <li><span class="p-note">languages (in rough skill order): english, portuguese, french, japanese, german, chinese, + latin, toki pona, korean</span></li> + </li> <li><span class="p-note">programming: rust, erlang, go, haskell, webdev, lisp</span></li> </ul> </div> diff --git a/templates/error.html.tera b/templates/error.html index 5a4cc17..a3ffff4 100644 --- a/templates/error.html.tera +++ b/templates/error.html @@ -1,10 +1,10 @@ -{% extends "base" %} +{% extends "base.html" %} {% block content %} <div class="content panel"> - <h2>Error {{ status }}: {{ req }}</h2> + <h2>Error {{ status }}</h2> <h3>{{ message }}</h3> </div> -{% endblock %} +{% endblock %}
\ No newline at end of file diff --git a/templates/filtertags.html b/templates/filtertags.html new file mode 100644 index 0000000..55c802f --- /dev/null +++ b/templates/filtertags.html @@ -0,0 +1,10 @@ +<div class="panel" id="filter-tags"> + <h2>filter by tags</h2> + <div class="tags"> + {% for tag in tags.clone() %}{% let contains_tag = filter_tags.contains(tag) %}<a + class="{% if contains_tag %}active{% endif %}" + href="{% if contains_tag %}/blog{% else %}/blog?filter={{ tag }}{% endif %}">{{ tag }}</a>{% endfor + %} + </div> + <br> +</div>
\ No newline at end of file diff --git a/templates/filtertags.html.tera b/templates/filtertags.html.tera deleted file mode 100644 index f79ee94..0000000 --- a/templates/filtertags.html.tera +++ /dev/null @@ -1,7 +0,0 @@ -<div class="panel" id="filter-tags"> -<h2>filter by tags</h2> -<div class="tags"> - {% for tag in tags %}<a class="{% if tag in filter_hashset %}active{% endif %}" href="{% if tag in filter_hashset %}/blog{% else %}/blog?filter={{ tag }}{% endif %}">{{ tag }}</a>{% endfor %} -</div> -<br> -</div> diff --git a/templates/home.html.tera b/templates/home.html index 5017ea3..7cd8c0f 100644 --- a/templates/home.html.tera +++ b/templates/home.html @@ -1,4 +1,4 @@ -{% extends "base" %} +{% extends "base.html" %} {% block nav_home %}active{% endblock %} @@ -6,27 +6,23 @@ <header> <div class="panel" id="title"> - <h1>cel πΈ</h1> + <h1>celeste πΈ</h1> </div> {% if is_live %} - <iframe - class="panel" - id="stream" - src="https://weirdstar.stream/embed/video" - title="girlstream" - referrerpolicy="origin" - scrolling="no" - allowfullscreen> + <iframe class="panel" id="stream" src="https://weirdstar.stream/embed/video" title="girlstream" + referrerpolicy="origin" scrolling="no" allowfullscreen> </iframe> {% endif %} {% if listenbrainz.is_scrobbling %} - <a href="https://listenbrainz.org/user/celblossom" class="panel" id="scrobble">now playing: {{ listenbrainz.song }} - {{ listenbrainz.artist }}</a> + <a href="https://listenbrainz.org/user/celblossom" class="panel" id="scrobble">now playing: {{ + listenbrainz.song.clone().unwrap_or_default() }} - + {{ listenbrainz.artist.clone().unwrap_or_default() }}</a> {% endif %} </header> - + {% endblock header %} {% block content %} @@ -36,9 +32,9 @@ <p>this is where i do the posting</p> <p>i wish u a wonderful day</p> <br> - <img src="/quinntyping.png"> + <img src="/static/quinntyping.png"> <p>perpetually under construction</p> - <img style="border: 0;" src="/barraconstruction.gif"> + <img style="border: 0;" src="/static/barraconstruction.gif"> </div> {% endblock content %} @@ -47,12 +43,10 @@ <aside> - <div class="panel" style="background-color: #b52f6a; z-index: -1; font-family: 'Terminal Grotesque'; font-size: 2em">latest update: the skweets begone</div> - {% include "latestposts" %} + <div class="panel" style="background-color: #b52f6a; z-index: -1; font-family: 'Terminal Grotesque'; font-size: 2em"> + latest update: the skweets begone</div> + {% include "latestposts.html" %} </aside> -{% endblock aside %} - - - +{% endblock aside %}
\ No newline at end of file diff --git a/templates/latestposts.html b/templates/latestposts.html new file mode 100644 index 0000000..e2dfa9f --- /dev/null +++ b/templates/latestposts.html @@ -0,0 +1,13 @@ +<div class="panel" id="posts"> + <h2>latest posts <a class="small-badge" href="/feed"><img class="small-badge" src="/static/atombadge.png" + alt="atom newsfeed"></a></h2> + <table id="post-list"> + {% for blogpost in blogposts %} + <tr> + <td><a class="post-entry" href="/blog/{{ blogpost.file_name() }}">{{ blogpost.subject().unwrap_or("untitled") + }}<span class="post-date">{{ + blogpost.published_at()|mytruncate(10) }}</span></a></td> + </tr> + {% endfor %} + </table> +</div>
\ No newline at end of file diff --git a/templates/latestposts.html.tera b/templates/latestposts.html.tera deleted file mode 100644 index 11528a4..0000000 --- a/templates/latestposts.html.tera +++ /dev/null @@ -1,10 +0,0 @@ -<div class="panel" id="posts"> - <h2>latest posts <a class="small-badge" href="/feed"><img class="small-badge" src="/atombadge.png" alt="atom newsfeed"></a></h2> - <table id="post-list"> - {% for blogpost in blogposts %} - <tr> - <td><a class="post-entry" href="/blog/{{ blogpost.data.name }}">{{ blogpost.subject }}<span class="post-date">{{ blogpost.created_at | truncate(length=10, end="") }}</span></a></td> - </tr> - {% endfor %} - </table> -</div>
\ No newline at end of file diff --git a/templates/latestskweets.html.tera b/templates/latestskweets.html index 84798de..84798de 100644 --- a/templates/latestskweets.html.tera +++ b/templates/latestskweets.html |