Add intotheeast theme: blueprints, 4 templates, CSS

2026-06-17 23:49:07 +02:00
parent 4d68f528e5
commit 9f4aea9671
7 changed files with 176 additions and 0 deletions
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
+    <link rel="stylesheet" href="{{ url('theme://css/style.css') }}">
+</head>
+<body>
+    <header class="site-header">
+        <a class="site-title" href="{{ base_url_absolute }}">{{ site.title }}</a>
+        <nav class="site-nav">
+            <a href="{{ base_url_absolute }}/tracker">Journal</a>
+        </nav>
+    </header>
+    <main class="site-main">
+        {% block content %}{% endblock %}
+    </main>
+</body>
+</html>
@@ -0,0 +1,18 @@
+{% extends 'default.html.twig' %}
+
+{% block content %}
+<article class="entry">
+    <header class="entry-header">
+        <time class="entry-date" datetime="{{ page.date|date('Y-m-d') }}">
+            {{ page.date|date('l, d F Y') }}
+        </time>
+        <h1 class="entry-title">{{ page.title }}</h1>
+    </header>
+    <div class="entry-body">
+        {{ page.content }}
+    </div>
+    <footer class="entry-footer">
+        <a href="{{ base_url_absolute }}/tracker">← Back to journal</a>
+    </footer>
+</article>
+{% endblock %}
@@ -0,0 +1,8 @@
+{% extends 'default.html.twig' %}
+
+{% block content %}
+<div class="post-form-wrap">
+    <h1>{{ page.title }}</h1>
+    {% include 'partials/form.html.twig' %}
+</div>
+{% endblock %}
@@ -0,0 +1,30 @@
+{% extends 'default.html.twig' %}
+
+{% block content %}
+<div class="feed">
+    {% set entries = page.children().order('date', 'desc').published() %}
+    {% if entries|length > 0 %}
+        {% for entry in entries %}
+        <article class="entry-card">
+            <time class="entry-date" datetime="{{ entry.date|date('Y-m-d') }}">
+                {{ entry.date|date('d M Y') }}
+            </time>
+            <h2 class="entry-title">
+                <a href="{{ entry.url }}">{{ entry.title }}</a>
+            </h2>
+            {% if entry.header.hero_image %}
+            <div class="entry-thumb">
+                <img src="{{ entry.url }}/{{ entry.header.hero_image }}" alt="{{ entry.title }}">
+            </div>
+            {% endif %}
+            <div class="entry-excerpt">
+                {{ entry.summary }}
+            </div>
+            <a class="entry-read-more" href="{{ entry.url }}">Read more →</a>
+        </article>
+        {% endfor %}
+    {% else %}
+        <p class="feed-empty">No entries yet. The journey is about to begin.</p>
+    {% endif %}
+</div>
+{% endblock %}