93c4fbc4b9
* Add YIQ Color Contrast mixin * Remove text underline from `.btn` links * Move YIQ variables * Simplify button classes using YIQ color contrast mixin - DRY up button CSS using Sass list and YIQ color contrast mixin. - Move `color` and `background-color` to new `btn--primary` class instead of assinging on the default class. Removes the need to override them. * Add `.btn--primary` to buttons that just had `.btn` * Apply changes to `/docs` * Add `.btn--primary` class * Update CHANGELOG and history * Add sample form * Abstract colors away into Sass variables for easier themeing * Add "dark" skin * Replace hardcoded color with SCSS variable * Invert Font Awesome icons' colors in author sidebar and footer * Add Sass changes to `/docs` * Use primary button type instead of inverse * Add missing `!default` on `$muted-text-color` * Add `contrast` and `sunrise` skin colors * Add `dirt` skin color * Add `air` skin color option * Add `mint` skin color * Add `btn--primary` class to Submit Comment button * Set skin to `default` * Document skin color options * Add note about skin SCSS import Close #1208
84 lines
3.9 KiB
HTML
84 lines
3.9 KiB
HTML
---
|
|
layout: default
|
|
---
|
|
|
|
{% if page.header.overlay_color or page.header.overlay_image or page.header.image %}
|
|
{% include page__hero.html %}
|
|
{% elsif page.header.video.id and page.header.video.provider %}
|
|
{% include page__hero_video.html %}
|
|
{% endif %}
|
|
|
|
{% if page.url != "/" and site.breadcrumbs %}
|
|
{% unless paginator %}
|
|
{% include breadcrumbs.html %}
|
|
{% endunless %}
|
|
{% endif %}
|
|
|
|
<div id="main" role="main">
|
|
{% include sidebar.html %}
|
|
|
|
<article class="page" itemscope itemtype="http://schema.org/CreativeWork">
|
|
{% if page.title %}<meta itemprop="headline" content="{{ page.title | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
|
|
{% if page.excerpt %}<meta itemprop="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
|
|
{% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date: "%B %d, %Y" }}">{% endif %}
|
|
{% if page.last_modified_at %}<meta itemprop="dateModified" content="{{ page.last_modified_at | date: "%B %d, %Y" }}">{% endif %}
|
|
|
|
<div class="page__inner-wrap">
|
|
{% unless page.header.overlay_color or page.header.overlay_image %}
|
|
<header>
|
|
{% if page.title %}<h1 class="page__title" itemprop="headline">{{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}</h1>{% endif %}
|
|
{% if page.read_time %}
|
|
<p class="page__meta"><i class="fa fa-clock-o" aria-hidden="true"></i> {% include read-time.html %}</p>
|
|
{% endif %}
|
|
</header>
|
|
{% endunless %}
|
|
|
|
<section class="page__content" itemprop="text">
|
|
{{ content }}
|
|
{% if page.link %}<div><a href="{{ page.link }}" class="btn btn--primary">{{ site.data.ui-text[site.locale].ext_link_label | default: "Direct Link" }}</a></div>{% endif %}
|
|
</section>
|
|
|
|
<footer class="page__meta">
|
|
{% if site.data.ui-text[site.locale].meta_label %}
|
|
<h4 class="page__meta-title">{{ site.data.ui-text[site.locale].meta_label }}</h4>
|
|
{% endif %}
|
|
{% include page__taxonomy.html %}
|
|
{% if page.last_modified_at %}
|
|
<p class="page__date"><strong><i class="fa fa-fw fa-calendar" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].date_label | default: "Updated:" }}</strong> <time datetime="{{ page.last_modified_at | date: "%Y-%m-%d" }}">{{ page.last_modified_at | date: "%B %d, %Y" }}</time></p>
|
|
{% elsif page.date %}
|
|
<p class="page__date"><strong><i class="fa fa-fw fa-calendar" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].date_label | default: "Updated:" }}</strong> <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %d, %Y" }}</time></p>
|
|
{% endif %}
|
|
</footer>
|
|
|
|
{% if page.share %}{% include social-share.html %}{% endif %}
|
|
|
|
{% include post_pagination.html %}
|
|
</div>
|
|
|
|
{% if site.comments.provider and page.comments %}
|
|
{% include comments.html %}
|
|
{% endif %}
|
|
</article>
|
|
|
|
{% comment %}<!-- only show related on a post page when `related: true` -->{% endcomment %}
|
|
{% if page.id and page.related and site.related_posts.size > 0 %}
|
|
<div class="page__related">
|
|
<h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h4>
|
|
<div class="grid__wrapper">
|
|
{% for post in site.related_posts limit:4 %}
|
|
{% include archive-single.html type="grid" %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% comment %}<!-- otherwise show recent posts if no related when `related: true` -->{% endcomment %}
|
|
{% elsif page.id and page.related %}
|
|
<div class="page__related">
|
|
<h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label | default: "You May Also Enjoy" }}</h4>
|
|
<div class="grid__wrapper">
|
|
{% for post in site.posts limit:4 %}
|
|
{% include archive-single.html type="grid" %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|