diff --git a/src/_books.liquid b/src/_books.liquid new file mode 100644 index 0000000..6af1293 --- /dev/null +++ b/src/_books.liquid @@ -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: "|" -%} diff --git a/src/index.liquid b/src/index.liquid new file mode 100644 index 0000000..648a91b --- /dev/null +++ b/src/index.liquid @@ -0,0 +1,154 @@ +{% include_template "_books" %} +
+ {%- if is_category or is_tag %} +

{{ page_title }}

+ {%- if is_category %} + {%- assign cat = categories | where: "slug", slug | first -%} + {%- if cat.description %}

{{ cat.description.value }}

{% endif -%} + {%- endif %} + {%- endif %} + {% for post in model.posts %} +
+

+ + {{ post.title }} + +

+

+ {{ post.published_on | date: "dddd, MMMM d, yyyy" }} + {% if logged_on %} • Edit Post{% endif %} +

+ {%- assign media = post.metadata | value: "episode_media_file" -%} + {%- unless media == "-- episode_media_file not found --" %} + + {%- endunless %} + {{ post.text }} +
+ {% endfor %} + +
+ diff --git a/src/layout.liquid b/src/layout.liquid new file mode 100644 index 0000000..db5a672 --- /dev/null +++ b/src/layout.liquid @@ -0,0 +1,47 @@ + + + + + + + + {%- 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 != "" %} » {% endif %}{{ web_log.name }} + {%- endif -%} + + + + + + {% page_head -%} + + + + {% comment %}

Loading...

{% endcomment %} +
{{ content }}
+ + + {% page_foot %} + + diff --git a/src/single-page.liquid b/src/single-page.liquid new file mode 100644 index 0000000..73ca95f --- /dev/null +++ b/src/single-page.liquid @@ -0,0 +1,7 @@ +
+
+

{{ page.title }}

+ {%- if logged_on %}

Edit Page

{% endif %} + {{ page.text }} +
+
diff --git a/src/single-post.liquid b/src/single-post.liquid new file mode 100644 index 0000000..ebcc8f1 --- /dev/null +++ b/src/single-post.liquid @@ -0,0 +1,173 @@ +{% include_template "_books" %} +{%- assign post = model.posts | first -%} +
+
+

{{ post.title }}

+ {%- if logged_on %}

Edit Post

{% endif %} + {% assign media = post.metadata | value: "episode_media_file" %} + {%- unless media == "-- episode_media_file not found --" %} + + {%- endunless %} + {{ post.text }} +
+ +
+
+
+

Date

+
+ + {{ post.published_on | date: "dddd, MMMM d, yyyy" }} +
+
+ {%- 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 %} +
+

Scripture

+ {%- if has_ot %} + + {%- endif %} + {%- if has_nt %} + + {%- endif %} +
+ {%- 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 %} +
+

Series

+ + {{ series_cat.name }} + +
+ {%- 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 %} +
+

Topics

+ +
+ {%- endif %} + {%- assign tag_count = post.tags | size -%} + {%- if tag_count > 0 %} +
+

Tags

+ +
+ {%- endif %} +
diff --git a/src/version.txt b/src/version.txt new file mode 100644 index 0000000..81c236c --- /dev/null +++ b/src/version.txt @@ -0,0 +1,2 @@ +A Word from the Word +1 \ No newline at end of file diff --git a/src/wwwroot/img/paper.png b/src/wwwroot/img/paper.png new file mode 100644 index 0000000..d5f7b8f Binary files /dev/null and b/src/wwwroot/img/paper.png differ diff --git a/src/wwwroot/img/podcast/awftw.jpg b/src/wwwroot/img/podcast/awftw.jpg new file mode 100644 index 0000000..de7fb3f Binary files /dev/null and b/src/wwwroot/img/podcast/awftw.jpg differ diff --git a/src/wwwroot/img/ribbon.png b/src/wwwroot/img/ribbon.png new file mode 100644 index 0000000..6fe763a Binary files /dev/null and b/src/wwwroot/img/ribbon.png differ diff --git a/src/wwwroot/script.js b/src/wwwroot/script.js new file mode 100644 index 0000000..c7eb688 --- /dev/null +++ b/src/wwwroot/script.js @@ -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() + } + } +} diff --git a/src/wwwroot/style.css b/src/wwwroot/style.css new file mode 100644 index 0000000..b04f8e7 --- /dev/null +++ b/src/wwwroot/style.css @@ -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; + } +}