Refine Lumi layouts and public profile

1 files changed, 71 insertions, 0 deletions

diff --git a/templates/_public_feed_partial.html b/templates/_public_feed_partial.html
new file mode 100644
index 0000000..ba84c61
--- /dev/null
+++ b/templates/_public_feed_partial.html
@@ -0,0 +1,71 @@
+{% for film in films %}
+<article class="public-film-row">
+  <div class="poster-frame public-film-poster">
+    {% if film.poster_url %}
+      <img src="{{ film.poster_url }}" alt="{{ film.title }} poster" loading="lazy">
+    {% else %}
+      <span>{{ film.title[:1] }}</span>
+    {% endif %}
+  </div>
+  <div class="public-film-body">
+    <div class="public-film-head">
+      <div>
+        <h2>{{ film.title }}</h2>
+        <p>
+          {% if film.year %}{{ film.year }}{% endif %}
+          {% set directors = split_credit_names(film.director) %}
+          {% if directors %}
+            {% if film.year %} · {% endif %}
+            {{ directors|join(", ") }}
+          {% endif %}
+        </p>
+      </div>
+      {% if film.stars %}
+      <span class="rating">{% for _ in range(film.stars) %}✦{% endfor %}</span>
+      {% endif %}
+    </div>
+
+    <div class="ledger-strip">
+      <span>Diary</span>
+      {% if film.date_watched %}<span>{{ film.date_watched }}</span>{% endif %}
+      {% if film.runtime %}<span>{{ film.runtime }} min</span>{% endif %}
+      {% if film.rewatch %}<span>Rewatch{% if film.rewatch_count %} #{{ film.rewatch_count }}{% endif %}</span>{% endif %}
+    </div>
+
+    {% if film.language or film.genre or film.context or film.how_found or film.watched_with %}
+    <div class="fact-list fact-list-compact">
+      {% if film.language %}
+      <div class="fact-row">
+        <span class="fact-label">Lang</span>
+        <span class="fact-value">{{ film.language }}</span>
+      </div>
+      {% endif %}
+      {% if film.genre %}
+      <div class="fact-row">
+        <span class="fact-label">Genre</span>
+        <span class="fact-value">{{ film.genre }}</span>
+      </div>
+      {% endif %}
+      {% if film.context %}
+      <div class="fact-row">
+        <span class="fact-label">Context</span>
+        <span class="fact-value">{{ film.context }}</span>
+      </div>
+      {% endif %}
+      {% if film.how_found %}
+      <div class="fact-row">
+        <span class="fact-label">Found</span>
+        <span class="fact-value">{{ film.how_found }}</span>
+      </div>
+      {% endif %}
+      {% if film.watched_with %}
+      <div class="fact-row">
+        <span class="fact-label">With</span>
+        <span class="fact-value">{{ film.watched_with }}</span>
+      </div>
+      {% endif %}
+    </div>
+    {% endif %}
+  </div>
+</article>
+{% endfor %}