diff sat_templates/templates/bulma/blog/discover_panel.html @ 405:5016fb0ff62f

Blog redesign: work in progress redesign of the blog. Some templates have been moved from chat to components to be re-used in other features, like blog here. Blog follows same global design as chat with a left panel to search/open blogs.
author Goffi <goffi@goffi.org>
date Wed, 21 May 2025 15:41:00 +0200
parents sat_templates/templates/bulma/blog/discover.html@c08fadf23c46
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/sat_templates/templates/bulma/blog/discover_panel.html	Wed May 21 15:41:00 2025 +0200
@@ -0,0 +1,28 @@
+{% import 'components/avatar.html' as avatar with context %}
+{% import 'input/form.html' as form with context %}
+{% import 'input/field.html' as field with context %}
+
+{{ icon_defs('blog', 'pencil') }}
+
+<aside class="menu mt-4 px-4 has-text-light">
+
+
+    <p class="menu-label has-text-grey-light">{% trans %}Blog Search{% endtrans %}</p>
+    <div class="field">
+        <p class="help">Use names, JIDs, or keywords.</p>
+        <div class="control has-icons-left has-icons-right">
+            <input class="input search-input" type="search"
+                                              placeholder="Search blogs…">
+            <span class="icon is-small is-left">
+                <i class="fa-solid fa-magnifying-glass"></i>
+            </span>
+            <span class="icon is-right action_clear_search">
+                <a role="button" class="delete is-small" aria-label="Clear search"></a>
+            </span>
+        </div>
+    </div>
+    <p class="menu-label has-text-grey-light">
+    {% trans %}Contact Blogs{% endtrans %}
+    </p>
+    <div id="contact-blogs"></div>
+</aside>