diff --git a/themes/intotheeast/blueprints.yaml b/themes/intotheeast/blueprints.yaml new file mode 100644 index 0000000..20d17fb --- /dev/null +++ b/themes/intotheeast/blueprints.yaml @@ -0,0 +1,12 @@ +name: Into the East +version: 0.1.0 +description: Custom theme for the intotheeast travel blog +icon: map-marker +author: + name: Mischa + email: mischa@gorinskat.nl +homepage: https://intotheeast.com +license: MIT + +form: + validation: loose diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css new file mode 100644 index 0000000..91eeba7 --- /dev/null +++ b/themes/intotheeast/css/style.css @@ -0,0 +1,87 @@ +*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } + +body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + font-size: 1rem; + line-height: 1.6; + color: #1a1a1a; + background: #fff; +} + +.site-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 1rem 1.25rem; + border-bottom: 1px solid #e5e5e5; +} + +.site-title { + font-weight: 700; + font-size: 1.1rem; + text-decoration: none; + color: inherit; +} + +.site-nav a { + color: inherit; + text-decoration: none; + font-size: 0.95rem; + padding: 0.5rem; + min-height: 44px; + display: inline-flex; + align-items: center; +} + +.site-main { + max-width: 680px; + margin: 0 auto; + padding: 1.5rem 1.25rem; +} + +/* Feed */ +.feed { display: flex; flex-direction: column; gap: 2rem; } + +.entry-card { + border-bottom: 1px solid #e5e5e5; + padding-bottom: 2rem; +} + +.entry-date { + display: block; + font-size: 0.8rem; + color: #666; + text-transform: uppercase; + letter-spacing: 0.05em; + margin-bottom: 0.4rem; +} + +.entry-title { font-size: 1.3rem; margin-bottom: 0.75rem; } +.entry-title a { color: inherit; text-decoration: none; } +.entry-title a:hover { text-decoration: underline; } + +.entry-thumb { margin-bottom: 0.75rem; } +.entry-thumb img { width: 100%; height: 200px; object-fit: cover; border-radius: 4px; } + +.entry-excerpt { color: #444; margin-bottom: 0.75rem; } + +.entry-read-more { + font-size: 0.9rem; + color: #0066cc; + text-decoration: none; +} + +.feed-empty { color: #666; font-style: italic; } + +/* Single entry */ +.entry-header { margin-bottom: 1.5rem; } +.entry-header .entry-date { margin-bottom: 0.5rem; } +.entry-title { font-size: 1.8rem; } +.entry-body { margin-bottom: 2rem; } +.entry-body p { margin-bottom: 1em; } +.entry-body img { max-width: 100%; height: auto; border-radius: 4px; } +.entry-footer { border-top: 1px solid #e5e5e5; padding-top: 1rem; } +.entry-footer a { color: #0066cc; text-decoration: none; font-size: 0.9rem; } + +/* Post form */ +.post-form-wrap h1 { font-size: 1.4rem; margin-bottom: 1.5rem; } diff --git a/themes/intotheeast/intotheeast.yaml b/themes/intotheeast/intotheeast.yaml new file mode 100644 index 0000000..d4ca941 --- /dev/null +++ b/themes/intotheeast/intotheeast.yaml @@ -0,0 +1 @@ +enabled: true diff --git a/themes/intotheeast/templates/default.html.twig b/themes/intotheeast/templates/default.html.twig new file mode 100644 index 0000000..c5d276e --- /dev/null +++ b/themes/intotheeast/templates/default.html.twig @@ -0,0 +1,20 @@ + + + + + + {% if page.title %}{{ page.title }} | {% endif %}{{ site.title }} + + + + +
+ {% block content %}{% endblock %} +
+ + diff --git a/themes/intotheeast/templates/entry.html.twig b/themes/intotheeast/templates/entry.html.twig new file mode 100644 index 0000000..3f231bb --- /dev/null +++ b/themes/intotheeast/templates/entry.html.twig @@ -0,0 +1,18 @@ +{% extends 'default.html.twig' %} + +{% block content %} +
+
+ +

{{ page.title }}

+
+
+ {{ page.content }} +
+ +
+{% endblock %} diff --git a/themes/intotheeast/templates/post-form.html.twig b/themes/intotheeast/templates/post-form.html.twig new file mode 100644 index 0000000..a1d48b1 --- /dev/null +++ b/themes/intotheeast/templates/post-form.html.twig @@ -0,0 +1,8 @@ +{% extends 'default.html.twig' %} + +{% block content %} +
+

{{ page.title }}

+ {% include 'partials/form.html.twig' %} +
+{% endblock %} diff --git a/themes/intotheeast/templates/tracker.html.twig b/themes/intotheeast/templates/tracker.html.twig new file mode 100644 index 0000000..c58a7eb --- /dev/null +++ b/themes/intotheeast/templates/tracker.html.twig @@ -0,0 +1,30 @@ +{% extends 'default.html.twig' %} + +{% block content %} +
+ {% set entries = page.children().order('date', 'desc').published() %} + {% if entries|length > 0 %} + {% for entry in entries %} +
+ +

+ {{ entry.title }} +

+ {% if entry.header.hero_image %} +
+ {{ entry.title }} +
+ {% endif %} +
+ {{ entry.summary }} +
+ Read more → +
+ {% endfor %} + {% else %} +

No entries yet. The journey is about to begin.

+ {% endif %} +
+{% endblock %}