Adopt repository-configured chronicle theme
This commit is contained in:
@@ -1,6 +1 @@
|
||||
<section class="error-page">
|
||||
<p class="eyebrow">Error 404</p>
|
||||
<h1>That route does not exist.</h1>
|
||||
<p>The page may have moved, or the address may be incomplete.</p>
|
||||
<a class="button-link" href="/">Return home</a>
|
||||
</section>
|
||||
<section class="hero error-page"><div class="wrap"><p class="hero-eyebrow">{{ site.presentation.notFound.eyebrow }}</p><h1>{{ site.presentation.notFound.title }}</h1><p class="detail-summary">{{ site.presentation.notFound.summary }}</p><a class="entry-more" href="/">{{ site.presentation.notFound.action }} <span aria-hidden="true">→</span></a></div></section>
|
||||
|
||||
@@ -1,25 +1 @@
|
||||
<article class="content-page">
|
||||
<header class="content-header">
|
||||
<p class="eyebrow">Article</p>
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% if page.summary %}
|
||||
<p class="lede">{{ page.summary }}</p>
|
||||
{% endif %}
|
||||
{% if page.published %}
|
||||
<p class="content-meta">Published {{ page.published }}</p>
|
||||
{% endif %}
|
||||
</header>
|
||||
<div class="prose">
|
||||
{{ page.renderedContent | safe_content }}
|
||||
</div>
|
||||
{% if page.tags.size > 0 %}
|
||||
<footer class="content-tags">
|
||||
<p class="visually-hidden">Topics</p>
|
||||
<ul class="tag-list">
|
||||
{% for tag in page.tags %}
|
||||
<li>{{ tag }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</footer>
|
||||
{% endif %}
|
||||
</article>
|
||||
<article class="detail-page"><header class="hero detail-hero"><div class="wrap"><p class="hero-eyebrow">{{ site.presentation.content.articleEyebrow }}</p><h1>{{ page.title }}</h1>{% if page.summary %}<p class="detail-summary">{{ page.summary }}</p>{% endif %}<div class="detail-meta"><span>{{ site.presentation.content.publishedLabel }} {{ page.published }}</span><span>{{ site.presentation.content.articleMeta }}</span></div></div></header><div class="wrap detail-body"><div class="markdown-body">{{ page.renderedContent | safe_content }}</div>{% if page.tags.size > 0 %}<footer class="content-tags"><p class="section-kicker">{{ site.presentation.content.articleTags }}</p><ul class="tag-list">{% for tag in page.tags %}<li>{{ tag }}</li>{% endfor %}</ul></footer>{% endif %}</div></article>
|
||||
|
||||
@@ -1,12 +1 @@
|
||||
<article class="content-page">
|
||||
<header class="content-header">
|
||||
<p class="eyebrow">Page</p>
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% if page.summary %}
|
||||
<p class="lede">{{ page.summary }}</p>
|
||||
{% endif %}
|
||||
</header>
|
||||
<div class="prose">
|
||||
{{ page.renderedContent | safe_content }}
|
||||
</div>
|
||||
</article>
|
||||
<article class="detail-page"><header class="hero detail-hero"><div class="wrap"><p class="hero-eyebrow">{{ site.presentation.content.pageEyebrow }}</p><h1>{{ page.title }}</h1>{% if page.summary %}<p class="detail-summary">{{ page.summary }}</p>{% endif %}</div></header><div class="wrap detail-body"><div class="markdown-body">{{ page.renderedContent | safe_content }}</div></div></article>
|
||||
|
||||
@@ -1,33 +1 @@
|
||||
<article class="content-page project-page">
|
||||
<header class="content-header">
|
||||
<p class="eyebrow">Project</p>
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% if page.summary %}
|
||||
<p class="lede">{{ page.summary }}</p>
|
||||
{% endif %}
|
||||
<dl class="project-facts">
|
||||
{% if page.metadata.version %}
|
||||
<div><dt>Version</dt><dd>{{ page.metadata.version }}</dd></div>
|
||||
{% endif %}
|
||||
{% if page.metadata.license %}
|
||||
<div><dt>License</dt><dd>{{ page.metadata.license }}</dd></div>
|
||||
{% endif %}
|
||||
{% if page.metadata.stack.size > 0 %}
|
||||
<div><dt>Stack</dt><dd>{{ page.metadata.stack | join: ", " }}</dd></div>
|
||||
{% endif %}
|
||||
</dl>
|
||||
</header>
|
||||
<div class="prose">
|
||||
{{ page.renderedContent | safe_content }}
|
||||
</div>
|
||||
{% if page.tags.size > 0 %}
|
||||
<footer class="content-tags">
|
||||
<p class="visually-hidden">Topics</p>
|
||||
<ul class="tag-list">
|
||||
{% for tag in page.tags %}
|
||||
<li>{{ tag }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</footer>
|
||||
{% endif %}
|
||||
</article>
|
||||
<article class="detail-page project-detail"><header class="hero detail-hero"><div class="wrap"><p class="hero-eyebrow">{{ site.presentation.content.projectEyebrow }}</p><h1>{{ page.title }}</h1>{% if page.summary %}<p class="detail-summary">{{ page.summary }}</p>{% endif %}<dl class="project-facts">{% if page.metadata.version %}<div><dt>{{ site.presentation.content.versionLabel }}</dt><dd>{{ page.metadata.version }}</dd></div>{% endif %}{% if page.metadata.license %}<div><dt>{{ site.presentation.content.licenseLabel }}</dt><dd>{{ page.metadata.license }}</dd></div>{% endif %}{% if page.metadata.stack.size > 0 %}<div><dt>{{ site.presentation.content.stackLabel }}</dt><dd>{{ page.metadata.stack | join: ", " }}</dd></div>{% endif %}</dl></div></header><div class="wrap detail-body"><div class="markdown-body">{{ page.renderedContent | safe_content }}</div>{% if page.tags.size > 0 %}<footer class="content-tags"><p class="section-kicker">{{ site.presentation.content.projectTags }}</p><ul class="tag-list">{% for tag in page.tags %}<li>{{ tag }}</li>{% endfor %}</ul></footer>{% endif %}</div></article>
|
||||
|
||||
@@ -1,29 +1,22 @@
|
||||
<section class="hero">
|
||||
<p class="eyebrow">Configuration-first publishing</p>
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% if page.summary %}
|
||||
<p class="hero-summary">{{ page.summary }}</p>
|
||||
{% endif %}
|
||||
<div class="prose hero-copy">
|
||||
{{ page.renderedContent | safe_content }}
|
||||
<div class="wrap">
|
||||
<p class="hero-eyebrow">{{ site.presentation.home.eyebrow }}</p>
|
||||
<h1>{{ page.summary }}</h1>
|
||||
<div class="hero-copy">{{ page.renderedContent | safe_content }}</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% if collection.items.size > 0 %}
|
||||
<section class="section-block" aria-labelledby="latest-heading">
|
||||
<div class="section-heading">
|
||||
<p class="eyebrow">From the repository</p>
|
||||
<h2 id="latest-heading">Latest work</h2>
|
||||
</div>
|
||||
<div class="card-grid">
|
||||
<section class="chronicle" aria-labelledby="recent-activity">
|
||||
<div class="wrap">
|
||||
<div class="section-label"><h2 id="recent-activity">{{ site.presentation.home.activityLabel }}</h2><span>{{ site.presentation.home.orderLabel }}</span></div>
|
||||
<div class="ledger">
|
||||
{% for item in collection.items %}
|
||||
<article class="card">
|
||||
<p class="card-kind">{{ item.contentModel }}</p>
|
||||
<h3><a href="{{ item.route }}">{{ item.title }}</a></h3>
|
||||
<p>{{ item.summary }}</p>
|
||||
<a class="text-link" href="{{ item.route }}">Read more <span aria-hidden="true">→</span></a>
|
||||
<article class="entry type-{{ item.templateKey }}">
|
||||
<div class="entry-meta"><span class="tag">{{ item.contentModel }}</span><span>{{ item.published }}</span></div>
|
||||
<h3 class="entry-title"><a href="{{ item.route }}">{{ item.title }}</a></h3>
|
||||
{% if item.summary %}<p class="entry-snippet">{{ item.summary }}</p>{% endif %}
|
||||
<a class="entry-more" href="{{ item.route }}">{{ site.presentation.home.entryAction }} <span aria-hidden="true">→</span></a>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -4,40 +4,34 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="{{ page.summary }}">
|
||||
<meta name="color-scheme" content="dark light">
|
||||
{% if page.type == "home" %}
|
||||
<title>{{ site.title }}</title>
|
||||
{% else %}
|
||||
<title>{{ page.title }} · {{ site.title }}</title>
|
||||
{% endif %}
|
||||
{% for stylesheet in theme.styles %}
|
||||
<link rel="stylesheet" href="{{ stylesheet }}">
|
||||
{% endfor %}
|
||||
<meta name="color-scheme" content="dark">
|
||||
{% if page.type == "home" %}<title>Home — {{ site.title }}</title>{% else %}<title>{{ page.title }} — {{ site.title }}</title>{% endif %}
|
||||
{% for stylesheet in theme.styles %}<link rel="stylesheet" href="{{ stylesheet }}">{% endfor %}
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-link" href="#main-content">Skip to content</a>
|
||||
<header class="site-header">
|
||||
<div class="shell header-inner">
|
||||
<a class="brand" href="/" aria-label="{{ site.title }} home">
|
||||
<span class="brand-mark" aria-hidden="true">L</span>
|
||||
<span>{{ site.title }}</span>
|
||||
</a>
|
||||
<nav class="site-nav" aria-label="Primary navigation">
|
||||
{% for item in navigation %}
|
||||
<a href="{{ item.route }}"{% if item.route == page.route %} aria-current="page"{% endif %}>{{ item.label }}</a>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
<div class="wrap">
|
||||
<div class="header-top">
|
||||
<div class="brand-lockup">
|
||||
<a class="brand-mark" href="/">{{ site.title }}</a>
|
||||
<span class="brand-tag">{{ site.presentation.tagline }}</span>
|
||||
</div>
|
||||
<nav class="registry" aria-label="Primary navigation">
|
||||
{% for item in navigation %}{% if item.route != "/" %}<a href="{{ item.route }}"{% if item.route == page.route %} aria-current="page"{% endif %}>{{ item.label }}</a>{% endif %}{% endfor %}
|
||||
</nav>
|
||||
</div>
|
||||
<div class="header-links">
|
||||
<span class="file-number">{{ site.presentation.registryLabel }}</span>
|
||||
<div class="external-links">{% for link in site.presentation.headerLinks %}<a href="{{ link.url }}">{{ link.label }}</a>{% endfor %}</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="main-content" class="shell">
|
||||
{{ page.body | safe_page_body }}
|
||||
</main>
|
||||
|
||||
<main id="main-content">{{ page.body | safe_page_body }}</main>
|
||||
<footer class="site-footer">
|
||||
<div class="shell footer-inner">
|
||||
<p><strong>{{ site.title }}</strong> turns Git-owned configuration and content into a dependable website.</p>
|
||||
<p class="footer-meta">Built from immutable sources.</p>
|
||||
<div class="wrap footer-row">
|
||||
<p class="footer-brand">{{ site.presentation.footerNotice }}</p>
|
||||
<div class="footer-links">{% for link in site.presentation.footerLinks %}<a href="{{ link.url }}">{{ link.label }}</a>{% endfor %}</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
@@ -1,22 +1,4 @@
|
||||
<section class="page-intro">
|
||||
<p class="eyebrow">Writing</p>
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% if page.summary %}
|
||||
<p class="lede">{{ page.summary }}</p>
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
<section class="listing" aria-label="{{ page.title }}">
|
||||
{% for item in collection.items %}
|
||||
<article class="listing-item">
|
||||
<div>
|
||||
<p class="card-kind">{{ item.contentModel }}</p>
|
||||
<h2><a href="{{ item.route }}">{{ item.title }}</a></h2>
|
||||
<p>{{ item.summary }}</p>
|
||||
</div>
|
||||
<a class="text-link" href="{{ item.route }}" aria-label="Read {{ item.title }}">Read <span aria-hidden="true">→</span></a>
|
||||
</article>
|
||||
{% else %}
|
||||
<p class="empty-state">No articles have been published yet.</p>
|
||||
{% endfor %}
|
||||
</section>
|
||||
<section class="hero page-hero"><div class="wrap"><p class="hero-eyebrow">{{ site.presentation.articles.eyebrow }}</p><h1>{{ page.title }}</h1><p class="hero-copy">{{ site.presentation.articles.intro }}</p></div></section>
|
||||
<section class="chronicle" aria-label="{{ page.title }}"><div class="wrap"><div class="section-label"><span>{{ site.presentation.articles.listLabel }}</span><span>{{ site.presentation.articles.orderLabel }}</span></div><div class="ledger">
|
||||
{% for item in collection.items %}<article class="entry type-{{ item.templateKey }}"><div class="entry-meta"><span class="tag">{{ item.contentModel }}</span><span>{{ item.published }}</span></div><h2 class="entry-title"><a href="{{ item.route }}">{{ item.title }}</a></h2>{% if item.summary %}<p class="entry-snippet">{{ item.summary }}</p>{% endif %}<a class="entry-more" href="{{ item.route }}">{{ site.presentation.articles.entryAction }} <span aria-hidden="true">→</span></a></article>{% else %}<p class="empty-state">{{ site.presentation.articles.emptyState }}</p>{% endfor %}
|
||||
</div></div></section>
|
||||
|
||||
@@ -1,27 +1,4 @@
|
||||
<section class="page-intro">
|
||||
<p class="eyebrow">Projects</p>
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% if page.summary %}
|
||||
<p class="lede">{{ page.summary }}</p>
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
<section class="card-grid" aria-label="{{ page.title }}">
|
||||
{% for item in collection.items %}
|
||||
<article class="card project-card">
|
||||
<p class="card-kind">{{ item.contentModel }}</p>
|
||||
<h2><a href="{{ item.route }}">{{ item.title }}</a></h2>
|
||||
<p>{{ item.summary }}</p>
|
||||
{% if item.tags.size > 0 %}
|
||||
<ul class="tag-list" aria-label="Technologies and topics">
|
||||
{% for tag in item.tags %}
|
||||
<li>{{ tag }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
<a class="text-link" href="{{ item.route }}">View project <span aria-hidden="true">→</span></a>
|
||||
</article>
|
||||
{% else %}
|
||||
<p class="empty-state">No projects have been published yet.</p>
|
||||
{% endfor %}
|
||||
</section>
|
||||
<section class="hero page-hero"><div class="wrap"><p class="hero-eyebrow">{{ site.presentation.projects.eyebrow }}</p><h1>{{ page.title }}</h1><p class="hero-copy">{{ site.presentation.projects.intro }}</p></div></section>
|
||||
<section class="chronicle" aria-label="{{ page.title }}"><div class="wrap"><div class="section-label"><span>{{ site.presentation.projects.listLabel }}</span><span>{{ site.presentation.projects.orderLabel }}</span></div><div class="ledger">
|
||||
{% for item in collection.items %}<article class="entry type-{{ item.templateKey }} project-entry"><div class="entry-meta"><span class="tag">{{ item.contentModel }}</span><span>{{ item.published }}</span></div><h2 class="entry-title"><a href="{{ item.route }}">{{ item.title }}</a></h2>{% if item.summary %}<p class="entry-snippet">{{ item.summary }}</p>{% endif %}{% if item.tags.size > 0 %}<ul class="tag-list" aria-label="Technologies and topics">{% for tag in item.tags %}<li>{{ tag }}</li>{% endfor %}</ul>{% endif %}<a class="entry-more" href="{{ item.route }}">{{ site.presentation.projects.entryAction }} <span aria-hidden="true">→</span></a></article>{% else %}<p class="empty-state">{{ site.presentation.projects.emptyState }}</p>{% endfor %}
|
||||
</div></div></section>
|
||||
|
||||
Reference in New Issue
Block a user