danieljsummers/devotions.summershome.org-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

v1 theme

Browse Source
This commit is contained in:
Daniel J. Summers 2022-06-06 21:59:32 -04:00
parent 08e73ed3fa
commit 1ea921042e
11 changed files with 748 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/_books.liquid Normal file
View File

@ -0,0 +1,4 @@
{%- assign ot_books = "ZPSOFpd27EeFQvrTZE296Q|VERPK2rYN0G44bo7LjBSRw|fA6zV4ON002oMPoVUZs17Q|vLsJo3GL1ECOQbSIEMUaig|WZ933xSw6kmo7644X9mmXw|68f2_zVlekaaIZD_BX0sZg|WffJH3t68kuVUyNZXYSFYw|xNlTF35s_UulA7S-NTgcAA|0y4PDhOc7kiw9hp0RwaJCg|59ysY5363EaVCG_g7fUH5A|aBlyuIzm206LTKx-uYIGnA|YoQKqdkrbUivAeUf3DISow|WOAq8A9bB0a8TKmYAB7IdA|TsxpRv1lrUiNNeGGfIx6XA|rJkq5d_MyUGPgACkMm0iTw|F_X9vUdpAUy957_qSejcnw|5jvC66CtG06zRlkKuP1naw|su8Qq5KUwEyoDmssUQhjHQ|FtVxmNkn_EavFJY3jqodfA|oToPYf8OQkCBsB6J65j3SA|rKzSJptZjU6YAOy6nIhfbw|K2lHyseO6UWdHftwLswhgg|rpThtWd1HUuSeyHLIs7gpw|CD8jYdoi0kGyXTbsD6F0aA|ttObDyRHnUudsSNUsdQ8BA|fi4ORg0B90C-DeQGTrOaMA|6AW2cZfbAkWX5HT4XEGjig|Pf6Gllf9gU-IF9xDcmWd0g|7cDaYscN6kmKsgwuiwPt9Q|WG_j96GOH0KzGORwKL8YVA|p7wi1sNiGUWhUa1tqRhS8Q|CgIcCoHtpUiCshdHe8wMoA|V1PTu4Xoq0eUnniYIb8Mkw|1h1LTN1XyU-qWIPHVY398A|t34QuaRN6kOWizvKNPtdSg|Tw5oe-kzfkiqCc6_4AVskQ|At7RBOfiN0aWMKln0Dkreg|JiUy9RgUZUOrjeMdBpln9g|hc7roSimX0mukJPTe6clWA|kTbX-fYdFk6TJ8Tikec-AQ" | split: "|" -%}
{%- assign nt_books = "Ksr4Dto97Um5NxhLpoRk5A|w-4_O87lYE-9_nrIXOuIHw|oJ_dgZir80mv2hat1rK4Qg|9QCQnNlevES8cYwHZWzrJw|DbkcRuTlnUyPXPPQso3L6g|CJZtcewtvUKqJH-rIUoR6g|xMRsXDsvDUiylTlFq6Tv-w|RmItBW75JUG7Iish-KRw1g|lKSYua82uE-YeMAzxqfrMg|Bopzxr31bkWJrFqO6o1oxg|KhiJGiHzvkiHXvkk9fEUOg|vFCY7egZskyaH-0jwDdQTQ|uxYuSzlDzU-AYGK-uo3RTg|VANy1bANREmh2DLujlaKGQ|CyO7saVd8kWHwzs3MaLe5w|71tayZrmnk6E8E-z8IWeIw|5H2xaOfutEyeZ755pY0mmA|uPHRl846Xk-SG-HEmITW-w|DF4Ub1Vqg0GSBIGWYJgCGw|-LfywKHkMEqRb1WVNSkcxg|AgO2o_kbG0GVTNVNT0233A|R6oXNiKgIkqjGhp-42inxg|WI1S5jo5-kOb5bgoNSb8Hg|MVsyPrQ8iUa_M6DJ4IR0CQ|6iDQYEk4yUa6B_-z49KYHA|MznlCejhZUqq_rxf4xrmwg|kG4B-4Pt6ECSxm14f3FWiA|T9GJpphYiUGYVgw7lmkmDA" | split: "|" -%}
{%- assign series_ids = "fpgE1kmfr0-xNBMbxUWxMA|FP7IiNghSEeZLBW21kkAgw|ca1OWFTvMU2H-lHpjsm5MQ|aK4djQBz_UCObjyPq5At_A" | split: "|" -%}
{%- assign series_details = "FP7IiNghSEeZLBW21kkAgw,Advent Readings,2019/advent-readings.html|aK4djQBz_UCObjyPq5At_A,Twisted Scripture,2017/twisted-scripture.html|ca1OWFTvMU2H-lHpjsm5MQ,The “3:16”s of the New Testament,2007/the-316s-of-the-new-testament.html" | split: "|" -%}

154
src/index.liquid Normal file
View File

@ -0,0 +1,154 @@
{% include_template "_books" %}
<div class="content">
{%- if is_category or is_tag %}
<h1 class="index-title">{{ page_title }}</h1>
{%- if is_category %}
{%- assign cat = categories | where: "slug", slug | first -%}
{%- if cat.description %}<h2 class="index-title">{{ cat.description.value }}</h2>{% endif -%}
{%- endif %}
{%- endif %}
{% for post in model.posts %}
<article class="item">
<h1 class="item-heading">
<a href="{{ post.permalink | relative_link }}"
title="Permanent Link to &ldquo;{{ post.title | strip_html | escape_once }}&rdquo;">
{{ post.title }}
</a>
</h1>
<p class="item-meta">
<i class="fa fa-calendar" title="Date"></i> {{ post.published_on | date: "dddd, MMMM d, yyyy" }}
{% if logged_on %} &bull; <a href="{{ post | edit_post_link }}">Edit Post</a>{% endif %}
</p>
{%- assign media = post.metadata | value: "episode_media_file" -%}
{%- unless media == "-- episode_media_file not found --" %}
<aside class="podcast">
<p class="text-center"><strong>Listen While<br>You Read</strong></p>
<audio controls onplaying="awftw.countPlay('{{ media }}')">
<source src="https://files.bitbadger.solutions/devotions/{{ media }}">
</audio>
<p class="text-center">
<a class="dl" href="https://pdcst.click/c/awftw/files.bitbadger.solutions/devotions/{{ media }}" download>
<i class="fa fa-download" title="Download Audio"></i>
</a>
</p>
</aside>
{%- endunless %}
{{ post.text }}
</article>
{% endfor %}
<nav aria-label="pagination">
<div>{% if model.newer_link %}<a href="{{ model.newer_link.value }}">&#xab; Newer Posts</a>{% endif %}</div>
<div>{% if model.older_link %}<a href="{{ model.older_link.value }}">Older Posts &#xbb;</a>{% endif %}</div>
</nav>
</div>
<div class="sidebar">
<div class="item">
<h4 class="item-heading">Author</h4>
<p>Daniel is a man who wants to be used of God however He sees fit.</p>
<hr class="sidebar-sep">
<ul>
<li><a href="https://daniel.summershome.org/my-testimony">Daniel&rsquo;s Testimony</a></li>
<li><a href="{{ "2007/about-daniels-weekly-devotions.html" | relative_link }}">About This Site</a></li>
</ul>
</div>
<div class="item">
<h4 class="item-heading">Series</h4>
{%- for series in series_details %}
{% assign parts = series | split: "," %}
{% assign cat = categories | where: "id", parts[0] | first %}
<h4 class="text-center">{{ cat.name }}</h4>
<p class="text-center">
<a href="{{ parts[2] | relative_link }}"
title="About the series &ldquo;{{ cat.name | escape_once }}&rdquo; &bull; A Word from the Word">
About the Series
</a> &bull;
<a href="{{ cat | category_link }}">Read All</a> <small class="count">({{ cat.post_count }})</small>
</p>
{% unless forloop.last %}<hr class="sidebar-sep">{% endunless %}
{% endfor %}
</div>
<div class="item">
<h4 class="item-heading">Books</h4>
<p>Each devotion is categorized under the books of the Bible which are referenced within it.</p>
<hr class="sidebar-sep">
<h4 class="text-center">Old Testament</h4>
<p class="text-center">
{%- assign cat_id = ot_books | first -%}
{%- assign cat = categories | where: "id", cat_id | first -%}
<a href="{{ cat | category_link }}"
{%- if cat.description %} title="{{ cat.description.value | escape_once }}"{% endif %}>
See All
</a> <small class="count">({{ cat.post_count }})</small>
</p>
<ul>
{%- assign first_time = true -%}
{% for cat_id in ot_books -%}
{%- if first_time -%}
{%- assign first_time = false -%}
{%- else %}
{%- assign cat = categories | where: "id", cat_id | first -%}
<li>
{% if cat.post_count == 0 -%}
<span{% if cat.description %} title="{{ cat.description.value | escape_once }}"{% endif %}>
{{ cat.name }}
</span> <small class="count">(0)</small>
{%- else -%}
<a href="{{ cat | category_link }}"
{%- if cat.description %} title="{{ cat.description.value | escape_once }}"{% endif %}>
{{ cat.name }}
</a> <small class="count">({{ cat.post_count }})</small>
{%- endif %}
</li>
{%- endif %}
{%- endfor %}
</ul>
<hr class="sidebar-sep">
<h4 class="text-center">New Testament</h4>
<p class="text-center">
{%- assign cat_id = nt_books | first -%}
{%- assign cat = categories | where: "id", cat_id | first -%}
<a href="{{ cat | category_link }}"
{%- if cat.description %} title="{{ cat.description.value | escape_once }}"{% endif %}>
See All
</a> <small class="count">({{ cat.post_count }})</small>
</p>
<ul>
{%- assign first_time = true -%}
{%- for cat_id in nt_books -%}
{%- if first_time -%}
{%- assign first_time = false -%}
{%- else %}
{%- assign cat = categories | where: "id", cat_id | first -%}
<li>
{% if cat.post_count == 0 -%}
<span{% if cat.description %} title="{{ cat.description.value | escape_once }}"{% endif %}>
{{ cat.name }}
</span> <small class="count">(0)</small>
{%- else -%}
<a href="{{ cat | category_link }}"
{%- if cat.description %} title="{{ cat.description.value | escape_once }}"{% endif %}>
{{ cat.name }}
</a> <small class="count">({{ cat.post_count }})</small>
{%- endif %}
</li>
{% endif %}
{% endfor %}
</ul>
</div>
<div class="item">
<h4 class="item-heading">Topics</h4>
<ul>
{%- for cat in categories -%}
{%- unless ot_books contains cat.id or nt_books contains cat.id or series_ids contains cat.id -%}
<li>
{%- for it in cat.parent_names %} &nbsp; {% endfor -%}
<a href="{{ cat | category_link }}"
{%- if cat.description %} title="{{ cat.description.value | escape_once }}"{% endif %}>
{{ cat.name }}
</a> <small class="count">({{ cat.post_count }})</small>
</li>
{% endunless %}
{% endfor %}
</ul>
</div>
</div>

47
src/layout.liquid Normal file
View File

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
{%- if is_home -%}
{{ web_log.name }}{% if web_log.subtitle %} | {{ web_log.subtitle.value }}{% endif %}
{%- else -%}
{{ page_title | strip_html }}{% if page_title and page_title != "" %} &raquo; {% endif %}{{ web_log.name }}
{%- endif -%}
</title>
<link rel="preload" href="https://fonts.googleapis.com/css?family=Quicksand|Federo|Istok+Web" as="style">
<link rel="preload" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" as="style">
<link rel="preload" href="{{ "style.css" | theme_asset }}" as="style">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{% page_head -%}
</head>
<body {% comment %} hx-boost="true" hx-target="main" hx-indicator="#loadOverlay" hx-swap="innerHTML show:body:top" {% endcomment %}>
<header class="site-header">
<p class="site-title"><a class="navbar-brand" href="{{ "" | relative_link }}">{{ web_log.name }}</a></p>
{%- if web_log.subtitle %}<p class="site-subtitle">{{ web_log.subtitle.value }}</p>{% endif -%}
<p class="site-page">
<a href="{{ "gods-simple-plan-of-salvation/" | relative_link }}">God&rsquo;s Simple Plan of Salvation</a>
</p>
<p class="site-page"><a href="{{ "podcast/" | relative_link }}">Podcast</a></p>
</header>
{% comment %}<div class="load-overlay" id="loadOverlay"><h1>Loading...</h1></div>{% endcomment %}
<main class="container">{{ content }}</main>
<footer class="part-1"></footer>
<footer class="page-footer">
Designed by
<a href="https://bitbadger.solutions" title="Building the site you need to ensure your success!" target="_blank"
rel="noopener">
Bit Badger Solutions
</a> &bull; Powered by
<a href="https://github.com/bit-badger/myWebLog/tree/v2" target="_blank" rel="noopener">myWebLog</a> &bull;
{% if logged_on %}
<a href="{{ "admin/dashboard" | relative_link }}">Dashboard</a>
{% else %}
<a href="{{ "user/log-on" | relative_link }}">Log On</a>
{%- endif %}
</footer>
{% page_foot %}
</body>
</html>

7
src/single-page.liquid Normal file
View File

@ -0,0 +1,7 @@
<div class="content">
<article class="item">
<h1 class="item-heading">{{ page.title }}</h1>
{%- if logged_on %}<p class="item-meta"><a href="{{ page | edit_page_link }}">Edit Page</a></p>{% endif %}
{{ page.text }}
</article>
</div>

173
src/single-post.liquid Normal file
View File

@ -0,0 +1,173 @@
{% include_template "_books" %}
{%- assign post = model.posts | first -%}
<div class="content">
<article class="item">
<h1 class="item-heading">{{ post.title }}</h1>
{%- if logged_on %}<p class="item-meta"><a href="{{ post | edit_post_link }}">Edit Post</a></p>{% endif %}
{% assign media = post.metadata | value: "episode_media_file" %}
{%- unless media == "-- episode_media_file not found --" %}
<aside class="podcast">
<p class="text-center"><strong>Listen While<br>You Read</strong></p>
<audio controls onplaying="awftw.countPlay('{{ media }}')">
<source src="https://files.bitbadger.solutions/devotions/{{ media }}">
</audio>
<p class="text-center">
<a class="dl" href="https://pdcst.click/c/awftw/files.bitbadger.solutions/devotions/{{ media }}" download>
<i class="fa fa-download" title="Download Audio"></i>
</a>
</p>
</aside>
{%- endunless %}
{{ post.text }}
</article>
<nav aria-label="pagination">
<div class="nav-previous">
{% if model.newer_link %}
<span class="post-nav">Previous Post</span><br>
<a class="post-nav-title" href="{{ model.newer_link.value | relative_link }}">{{ model.newer_name.value }}</a>
{% endif %}
</div>
<div class="nav-next">
{% if model.older_link %}
<span class="post-nav">Next Post</span> <br>
<a class="post-nav-title" href="{{ model.older_link.value | relative_link }}">{{ model.older_name.value }}</a>
{% endif %}
</div>
</nav>
</div>
<div class="sidebar post-sidebar">
<div class="item">
<h4 class="item-heading">Date</h4>
<div class="date-posted">
<i class="fa fa-calendar" title="Date" aria-hidden="true"></i>
{{ post.published_on | date: "dddd, MMMM d, yyyy" }}
</div>
</div>
{%- assign has_ot = false -%}
{%- for ot_id in ot_books -%}
{%- if post.category_ids contains ot_id %}{% assign has_ot = true %}{% endif -%}
{%- endfor -%}
{%- assign has_nt = false -%}
{%- for nt_id in nt_books -%}
{%- if post.category_ids contains nt_id %}{% assign has_nt = true %}{% endif -%}
{%- endfor -%}
{%- if has_ot or has_nt %}
<div class="item">
<h4 class="item-heading">Scripture</h4>
{%- if has_ot %}
<ul>
<li>
{%- assign cat_id = ot_books | first -%}
{%- assign cat = categories | where: "id", cat_id | first -%}
<i class="fa fa-book" title="Book" aria-hidden="true"></i>
<a href="{{ cat | category_link }}"
{%- if cat.description %} title="{{ cat.description.value | escape_once }}"{% endif %}>
{{ cat.name }}
</a>
<ul>
{%- assign first_time = true -%}
{%- for cat_id in ot_books %}
{%- if first_time %}
{%- assign first_time = false -%}
{%- elsif post.category_ids contains cat_id %}
{% assign cat = categories | where: "id", cat_id | first %}
<li>
<i class="fa fa-book" title="Book" aria-hidden="true"></i>
<a href="{{ cat | category_link }}"
{%- if cat.description %} title="{{ cat.description.value | escape_once }}"{% endif %}>
{{ cat.name }}
</a>
</li>
{%- endif %}
{%- endfor %}
</ul>
</li>
</ul>
{%- endif %}
{%- if has_nt %}
<ul>
<li>
{%- assign cat_id = nt_books | first -%}
{%- assign cat = categories | where: "id", cat_id | first -%}
<i class="fa fa-book" title="Book" aria-hidden="true"></i>
<a href="{{ cat | category_link }}"
{%- if cat.description %} title="{{ cat.description.value | escape_once }}"{% endif %}>
{{ cat.name }}
</a>
<ul>
{%- assign first_time = true -%}
{%- for cat_id in nt_books %}
{%- if first_time %}
{%- assign first_time = false -%}
{%- elsif post.category_ids contains cat_id %}
{% assign cat = categories | where: "id", cat_id | first %}
<li>
<i class="fa fa-book" title="Book" aria-hidden="true"></i>
<a href="{{ cat | category_link }}"
{%- if cat.description %} title="{{ cat.description.value | escape_once }}"{% endif %}>
{{ cat.name }}
</a>
</li>
{%- endif %}
{%- endfor %}
</ul>
</li>
</ul>
{%- endif %}
</div>
{%- endif %}
{%- assign in_series = false -%}
{%- for series_id in series_ids %}
{%- if post.category_ids contains series_id -%}
{%- assign in_series = true -%}
{%- assign series_cat = categories | where: "id", series_id | first -%}
{%- endif -%}
{%- endfor -%}
{%- if in_series %}
<div class="item text-center">
<h4 class="item-heading">Series</h4>
<a href="{{ series_cat | category_link }}"
{% if series_cat.description %} title="{{ series_cat.description.value | escape_once }}"{% endif %}>
{{ series_cat.name }}
</a>
</div>
{%- endif %}
{%- assign has_topics = false -%}
{% for cat_id in post.category_ids -%}
{%- unless ot_books contains cat_id or nt_books contains cat_id or series_ids contains cat_id -%}
{% assign has_topics = true -%}
{%- endunless -%}
{% endfor %}
{%- if has_topics %}
<div class="item">
<h4 class="item-heading">Topics</h4>
<ul>
{%- for cat_id in post.category_ids %}
{% unless ot_books contains cat_id or nt_books contains cat_id or series_ids contains cat_id %}
{%- assign cat = categories | where: "id", cat_id | first -%}
<li>
<i class="fa fa-folder-open-o" title="Category" aria-hidden="true"></i>
<a href="{{ cat | category_link }}" rel="tag" title="Categorized under {{ cat.name | escape }}">
{{ cat.name }}
</a>
</li>
{% endunless %}
{%- endfor %}
</ul>
</div>
{%- endif %}
{%- assign tag_count = post.tags | size -%}
{%- if tag_count > 0 %}
<div class="item">
<h4 class="item-heading">Tags</h4>
<ul>
{%- for tag in post.tags %}
<li>
<a href="{{ tag | tag_link }}" title="Tagged &ldquo;{{ tag }}&rdquo;">
<i class="fa fa-tag" aria-hidden="true"></i> {{ tag }}
</a>
{%- endfor %}
</ul>
</div>
{%- endif %}
</div>

2
src/version.txt Normal file
View File

@ -0,0 +1,2 @@
A Word from the Word
1

BIN
src/wwwroot/img/paper.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
src/wwwroot/img/podcast/awftw.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 120 KiB

BIN
src/wwwroot/img/ribbon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

12
src/wwwroot/script.js Normal file
View File

@ -0,0 +1,12 @@
const awftw = {
counted: false,
countPlay: function (fileLink) {
if (!this.counted) {
const request = new XMLHttpRequest()
request.open('HEAD', 'https://pdcst.click/c/awftw/files.bitbadger.solutions/devotions/' + fileLink, true)
request.onload = function () { awftw.counted = true }
request.onerror = function () { }
request.send()
}
}
}

349
src/wwwroot/style.css Normal file
View File

@ -0,0 +1,349 @@
@import url('https://fonts.googleapis.com/css?family=Quicksand|Federo|Istok+Web');
:root {
--text-color: hsl(0, 0%, 10%);
--accent-color: green;
--link-color: green;
--superscript-color: #707070;
--bkg-color: lightgray;
--heading-bkg-color: darkgray;
--item-bkg-color: white;
--title-text-color: white;
--audio-bkg-color: hsla(0, 0%, 0%, .05);
--audio-text-color: hsla(0, 0%, 0%, .5);
}
@media (prefers-color-scheme: dark) {
:root {
--text-color: hsl(0, 0%, 80%);
--accent-color: hsl(120, 100%, 15%);
--link-color: hsl(120, 100%, 34%);
--superscript-color: hsl(0, 0%, 70%);
--bkg-color: hsl(0, 0%, 20%);
--heading-bkg-color: hsla(0, 0%, 100%, .2);
--item-bkg-color: hsla(0, 0%, 7%);
--audio-bkg-color: hsl(0, 0%, 10%);
--audio-text-color: hsl(0, 0%, 50%);
}
blockquote {
background-color: var(--bkg-color);
background-image: linear-gradient(hsl(0, 0%, 85%), hsl(0, 0%, 85%)), url('../img/paper.png') repeat;
background-blend-mode: soft-light;
color: hsl(0, 0%, 95%);
}
blockquote.standard {
background: unset;
color: unset;
border-top: none;
}
.ref {
text-shadow: white 0 0 6px, white 0 0 6px, white 0 0 6px, white 0 0 6px;
}
.ref sup {
text-shadow: none;
}
.index-title {
text-shadow: white 0 0 6px, white 0 0 6px;
}
}
html {
background-color: var(--accent-color);
}
body {
font-family: "Istok Web",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 1.1rem;
margin: 0;
color: var(--text-color);
background-color: var(--bkg-color);
}
a {
text-decoration: none;
}
a:link, a:visited {
color: var(--link-color);
}
a:hover {
text-decoration: underline;
}
h1, h2, h3, h4, p, ul {
margin-top: 0;
margin-bottom: 1rem;
}
sup {
vertical-align: text-top;
}
.site-header {
display: flex;
flex-flow: row wrap;
align-items: flex-end;
margin-bottom: 1rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--accent-color)), to(var(--bkg-color)));
background-image: -webkit-linear-gradient(top, var(--accent-color), var(--bkg-color));
background-image: -moz-linear-gradient(top, var(--accent-color), var(--bkg-color));
background-image: linear-gradient(to bottom, var(--accent-color), var(--bkg-color));
}
.site-header a {
color: var(--title-text-color);
}
.site-header p {
padding-right: 2rem;
}
.site-title,
.index-title,
.item-heading,
.item-meta,
.post-meta,
.post-nav-title,
.page-footer a {
font-family: Federo,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.site-title {
font-size: 2rem;
font-weight: bold;
padding-left: 1rem;
padding-top: .3rem;
}
.site-title a {
color: var(--title-text-color);
}
.container {
display: flex;
flex-direction: row;
justify-content: space-around;
max-width: 1400px;
margin: auto;
}
@media all and (max-width:81rem) {
.container {
flex-direction: column;
align-items: center;
}
}
.index-title {
color: black;
text-align: center;
}
.content {
max-width: 60rem;
margin: 0;
}
.sidebar {
min-width: 10rem;
max-width: 20rem;
font-size: 1rem;
display: flex;
flex-direction: column;
}
@media all and (max-width:60rem) {
.content {
padding: 0 .4rem;
}
}
@media all and (max-width:81rem) {
.sidebar {
width: 100%;
max-width: 60rem;
padding: 0;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-around;
}
.sidebar .item {
max-width: 12rem;
}
}
.sidebar h4 {
font-size: 1.2rem;
}
.sidebar ul {
padding-left: 1rem;
margin-bottom: .5rem;
}
.sidebar ul li {
list-style-type: none;
margin-bottom: .5rem;
}
.sidebar ul li ul > li {
margin-top: .5rem;
}
.sidebar .item > ul {
padding-left: 0;
}
.post-sidebar {
margin-top: 4rem;
}
@media all and (max-width:81rem) {
.post-sidebar {
margin-top: 0;
}
}
hr.sidebar-sep {
margin: 0 -.4rem .5rem -.4rem;
height: 1px;
border: 0;
color: var(--accent-color);
background-color: var(--accent-color);
}
blockquote {
margin: 1rem 2rem;
/* from bible */
padding: 11px;
border: 0;
background: var(--bkg-color) url('img/paper.png') repeat;
font-family: Quicksand, serif;
border-top: solid 1px black;
display: flow-root;
font-size: 1.2rem;
}
blockquote p:last-of-type {
margin-bottom: 0;
}
blockquote p:nth-last-of-type(2) {
margin-bottom: .5rem;
}
blockquote.standard p:nth-last-of-type(2) {
margin-bottom: inherit;
}
blockquote.standard, blockquote blockquote {
margin: 1rem 2rem 1rem 1rem;
border-left: solid 3px var(--accent-color);
border-top: unset;
font-family: inherit;
}
blockquote cite {
display: block;
padding-right: 11px;
text-align: right;
background: var(--item-bkg-color) url('img/ribbon.png') no-repeat bottom left;
color: var(--text-color);
height: 28px;
font-style: normal;
position: relative;
top: 5px;
margin: 0 -11px -11px -12px;
}
blockquote cite::before {
content: "— ";
}
.ref {
color: red;
}
blockquote sup {
color: var(--superscript-color);
padding-right: .25rem;
}
.lord, .sc {
font-variant: small-caps;
}
.u {
text-decoration: underline;
}
blockquote.standard footer {
padding-top: 1rem;
}
blockquote.standard footer cite {
font-style: italic;
background: unset;
display: inline;
text-align: left;
height: unset;
background: unset;
position: unset;
top: unset;
margin: inherit;
}
cite {
font-size: 1rem;
}
nav {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin-bottom: 1rem;
}
.nav-next {
text-align: right;
}
.post-nav {
font-size: .8rem;
text-transform: uppercase;
}
footer.part-1 {
height: 2rem;
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--bkg-color)), to(var(--accent-color)));
background-image: -webkit-linear-gradient(top, var(--bkg-color), var(--accent-color));
background-image: -moz-linear-gradient(top, var(--bkg-color), var(--accent-color));
background-image: linear-gradient(to bottom, var(--bkg-color), var(--accent-color));
}
footer.page-footer {
padding: 0 .5rem .5rem 0;
text-align: right;
background-color: var(--accent-color);
color: var(--title-text-color);
font-size: 1rem;
}
footer.page-footer a:link,
footer.page-footer a:visited {
color: var(--title-text-color);
}
small.count {
padding-left: .35rem;
}
h1 {
font-size: 2rem;
}
.item {
border: solid 1px black;
background-color: var(--item-bkg-color);
padding: .4rem;
margin-bottom: 1.2rem;
}
.item-heading {
margin: -.4rem -.4rem .4rem -.4rem;
border-bottom: solid 2px var(--link-color);
padding-top: .4rem;
padding-bottom: .2rem;
text-align: center;
background-color: var(--heading-bkg-color);
}
.item-heading,
.item-heading a {
color: var(--title-text-color);
}
.item-meta {
margin-bottom: 1.2rem;
font-size: 1rem;
text-align: center;
}
.date-posted {
padding: 0 1rem;
text-align: center;
}
.text-center {
text-align: center;
}
aside.podcast {
display: flex;
justify-content: space-around;
align-items: center;
background: var(--audio-bkg-color);
border: solid 1px var(--accent-color);
border-radius: .5rem;
color: var(--audio-text-color);
margin: 0 .5rem 1rem .5rem;
}
aside.podcast audio {
width: 100%;
}
aside.podcast p {
margin: 0 .5rem;
white-space: nowrap;
}
a.dl:link,
a.dl:visited {
color: var(--audio-text-color);
}
@media all and (max-width: 40rem) {
blockquote {
margin: 2rem 0;
}
}