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 @@ + + +
+ + +No entries yet. The journey is about to begin.
+ {% endif %} +