feat: reorganize templates + layouts
This commit is contained in:
parent
c5793b9ad4
commit
3c80eb4b5f
61 changed files with 81 additions and 80 deletions
|
|
@ -1,70 +0,0 @@
|
|||
{%- assign updateTime = "" -%}
|
||||
{%- if updated == "now" -%}
|
||||
{%- assign updateTime = 'now' | date: "%B %-d, %l:%M %P", "America/Los_Angeles" -%}
|
||||
{%- elsif page.updated -%}
|
||||
{%- assign updateTime = page.updated | date: "%B %-d, %l:%M %P", "America/Los_Angeles" -%}
|
||||
{%- endif -%}
|
||||
<!doctype html>
|
||||
<html lang="{{ globals.lang }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="color-scheme" content="light dark">
|
||||
<link rel="preload" href="/assets/fonts/ml.woff2" as="font" type="font/woff2" crossorigin="anonymous">
|
||||
<link rel="preload" href="/assets/fonts/mlb.woff2" as="font" type="font/woff2" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/styles/index.css?v={% appVersion %}" type="text/css" />
|
||||
{% render "partials/metadata.liquid",
|
||||
globals:globals,
|
||||
schema:schema,
|
||||
title:title,
|
||||
page:page,
|
||||
post:post,
|
||||
year:year,
|
||||
music:music,
|
||||
books:books,
|
||||
featuredMovie:featuredMovie,
|
||||
featuredShow:featuredShow,
|
||||
featuredBook:featuredBook,
|
||||
%}
|
||||
<meta name="theme-color" content="{{ globals.theme_color }}" />
|
||||
<meta name="fediverse:creator" content="{{ globals.mastodon }}" />
|
||||
<meta name="generator" content="Eleventy">
|
||||
<meta name="robots" content="noai, noimageai">
|
||||
<link href="{{ globals.cdn_url }}{{ globals.avatar_transparent }}?class=w50&v={% appVersion %}" rel="icon" sizes="any">
|
||||
<link href="{{ globals.cdn_url }}{{ globals.avatar_transparent }}?class=w50&v={% appVersion %}&type=svg" rel="icon" type="image/svg+xml">
|
||||
<link href="{{ globals.cdn_url }}{{ globals.avatar }}?class=w800&v={% appVersion %}" rel="apple-touch-icon">
|
||||
<link type="application/atom+xml" rel="alternate" title="Posts / {{ globals.site_name }}" href="https://coryd.dev/feeds/posts">
|
||||
<link rel="alternate" href="https://coryd.dev/feeds/links" title="Links / {{ globals.site_name }}" type="application/rss+xml">
|
||||
<link rel="alternate" href="https://coryd.dev/feeds/movies" title="Movies / {{ globals.site_name }}'s movies feed" type="application/rss+xml">
|
||||
<link rel="alternate" href="https://coryd.dev/feeds/books" title="Books / {{ globals.site_name }}" type="application/rss+xml">
|
||||
<link rel="alternate" href="https://coryd.dev/feeds/album-releases" title="Album releases / {{ globals.site_name }}" type="application/rss+xml">
|
||||
<link rel="alternate" href="https://coryd.dev/feeds/all" title="All activity / {{ globals.site_name }}" type="application/rss+xml">
|
||||
<script defer src="/assets/scripts/index.js?v={% appVersion %}"></script>
|
||||
<script defer data-domain="coryd.dev" src="/js/script.js"></script>
|
||||
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
|
||||
<noscript>
|
||||
<style>.client-side {display:none}</style>
|
||||
</noscript>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(() => {
|
||||
const currentTheme = sessionStorage.getItem('theme');
|
||||
const metaColorScheme = document.querySelector('meta[name="color-scheme"]');
|
||||
const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
const themeToSet = currentTheme || (prefersDarkScheme ? 'dark' : 'light');
|
||||
if (!currentTheme) sessionStorage.setItem('theme', themeToSet);
|
||||
metaColorScheme.setAttribute('content', themeToSet);
|
||||
})();
|
||||
</script>
|
||||
<div class="main-wrapper">
|
||||
<main>
|
||||
{% render "partials/header.liquid", globals:globals, page:page, nav:nav %}
|
||||
<div class="default-wrapper" data-dynamic="page">
|
||||
{{ content }}
|
||||
</div>
|
||||
</main>
|
||||
{% render "partials/footer.liquid", page:page, nav:nav, updated:updateTime %}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
18
src/includes/blocks/index.liquid
Normal file
18
src/includes/blocks/index.liquid
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
{%- for block in blocks -%}
|
||||
{%- case block.type -%}
|
||||
{%- when 'youtube_player' -%}
|
||||
{% render "blocks/youtube-player.liquid", url: block.url %}
|
||||
{%- when 'github_banner' -%}
|
||||
{% render "blocks/banners/github.liquid", url: block.url %}
|
||||
{%- when 'npm_banner' -%}
|
||||
{% render "blocks/banners/npm.liquid", url: block.url, command: block.command %}
|
||||
{%- when 'rss_banner' -%}
|
||||
{% render "blocks/banners/rss.liquid", url: block.url, text: block.text %}
|
||||
{%- when 'hero' -%}
|
||||
{% render "blocks/hero.liquid", globals: globals, image: block.image, alt: block.alt %}
|
||||
{%- when 'markdown' -%}
|
||||
{{ block.text | markdown }}
|
||||
{%- when 'divider' -%}
|
||||
{{ block.markup | markdown }}
|
||||
{%- endcase -%}
|
||||
{%- endfor -%}
|
||||
|
|
@ -4,12 +4,12 @@
|
|||
{%- endif -%}
|
||||
<nav aria-label="Social icons" class="social">
|
||||
{%- for link in nav.footer_icons -%}
|
||||
{% render "partials/nav/link.liquid", page:page, link:link %}
|
||||
{% render "nav/link.liquid", page:page, link:link %}
|
||||
{%- endfor -%}
|
||||
</nav>
|
||||
<nav aria-label="Secondary site navigation" class="sub-pages">
|
||||
{%- for link in nav.footer_text -%}
|
||||
{% render "partials/nav/link.liquid", page:page, link:link %}
|
||||
{% render "nav/link.liquid", page:page, link:link %}
|
||||
{% unless forloop.last %}<span>/</span>{% endunless %}
|
||||
{%- endfor -%}
|
||||
</nav>
|
||||
|
|
@ -6,5 +6,5 @@
|
|||
<a href="/" tabindex="0">{{ globals.site_name }}</a>
|
||||
{%- endif -%}
|
||||
</h1>
|
||||
{% render "partials/nav/menu.liquid", page:page, nav:nav %}
|
||||
{% render "nav/menu.liquid", page:page, nav:nav %}
|
||||
</section>
|
||||
|
|
@ -10,12 +10,12 @@
|
|||
Recent activity
|
||||
</h2>
|
||||
<ul>
|
||||
<li><span class="music">Last track listened to:</span> {% render "partials/blocks/now-playing.liquid", nowPlaying:nowPlaying %}</li>
|
||||
<li><span class="music">Last track listened to:</span> {% render "blocks/now-playing.liquid", nowPlaying:nowPlaying %}</li>
|
||||
<li><span class="music">Top track this week:</span> {{ track.track_name }} by <a href="{{ track.artist_url }}">{{ track.artist_name }}</a></li>
|
||||
<li><span class="tv">Last episode watched:</span> <strong class="highlight-text">{{ show.formatted_episode }}</strong> of <a href="{{ show.url }}">{{ show.title }}</a></li>
|
||||
<li><span class="movies">Last movie watched:</span> <a href="{{ movie.url }}">{{ movie.title }}</a>{%- if movie.rating %} ({{ movie.rating }}){%- endif -%}</li>
|
||||
<li><span class="books">Last book finished:</span> <a href="{{ book.url }}">{{ book.title }}</a> by {{ book.author }}{%- if book.rating %} ({{ book.rating }}){%- endif -%}</li>
|
||||
<li><span class="link">Last link shared:</span> <a href="{{ link.link }}">{{ link.title }}</a>{% if link.author %} via <a href="{{ link.author.url }}">{{ link.author.name }}</a>{% endif %}</li>
|
||||
</ul>
|
||||
{% render "partials/blocks/banners/rss.liquid", url: "/feeds", text: "Subscribe to my movies, books, links or activity feed(s)" %}
|
||||
{% render "blocks/banners/rss.liquid", url: "/feeds", text: "Subscribe to my movies, books, links or activity feed(s)" %}
|
||||
</article>
|
||||
|
|
@ -46,5 +46,5 @@
|
|||
{%- endfor -%}
|
||||
</div>
|
||||
{%- unless hidePagination -%}
|
||||
{% render "partials/nav/paginator.liquid", pagination: pagination %}
|
||||
{% render "nav/paginator.liquid", pagination: pagination %}
|
||||
{%- endunless -%}
|
||||
|
|
@ -10,12 +10,12 @@
|
|||
<span class="subtext">{{ item.chart.artist }}</span>
|
||||
<span class="subtext">{{ item.chart.plays }} {{ playsLabel }}</span>
|
||||
</div>
|
||||
{% render "partials/media/progress-bar.liquid", percentage:percentage %}
|
||||
{% render "media/progress-bar.liquid", percentage:percentage %}
|
||||
</div>
|
||||
</li>
|
||||
{%- endfor -%}
|
||||
</ol>
|
||||
</div>
|
||||
{%- unless count -%}
|
||||
{% render "partials/nav/paginator.liquid", pagination:pagination %}
|
||||
{% render "nav/paginator.liquid", pagination:pagination %}
|
||||
{%- endunless -%}
|
||||
|
|
@ -9,6 +9,6 @@
|
|||
({{ movie.year }})
|
||||
</div>
|
||||
</div>
|
||||
{% render "partials/blocks/hero.liquid", globals:globals, image:movie.backdrop, alt:movie.title %}
|
||||
{% render "blocks/hero.liquid", globals:globals, image:movie.backdrop, alt:movie.title %}
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -6,8 +6,8 @@
|
|||
</label>
|
||||
<ul class="menu-primary" aria-label="Primary site navigation" id="primary-navigation">
|
||||
{%- for link in nav.primary -%}
|
||||
<li>{% render "partials/nav/link.liquid", page:page, link:link %}</li>
|
||||
<li>{% render "nav/link.liquid", page:page, link:link %}</li>
|
||||
{%- endfor -%}
|
||||
</ul>
|
||||
{% render "partials/nav/theme-toggle.liquid" %}
|
||||
{% render "nav/theme-toggle.liquid" %}
|
||||
</menu>
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
{%- for block in blocks -%}
|
||||
{%- case block.type -%}
|
||||
{%- when 'youtube_player' -%}
|
||||
{% render "partials/blocks/youtube-player.liquid", url: block.url %}
|
||||
{%- when 'github_banner' -%}
|
||||
{% render "partials/blocks/banners/github.liquid", url: block.url %}
|
||||
{%- when 'npm_banner' -%}
|
||||
{% render "partials/blocks/banners/npm.liquid", url: block.url, command: block.command %}
|
||||
{%- when 'rss_banner' -%}
|
||||
{% render "partials/blocks/banners/rss.liquid", url: block.url, text: block.text %}
|
||||
{%- when 'hero' -%}
|
||||
{% render "partials/blocks/hero.liquid", globals: globals, image: block.image, alt: block.alt %}
|
||||
{%- when 'markdown' -%}
|
||||
{{ block.text | markdown }}
|
||||
{%- when 'divider' -%}
|
||||
{{ block.markup | markdown }}
|
||||
{%- endcase -%}
|
||||
{%- endfor -%}
|
||||
Reference in a new issue