diff --git a/src/MyWebLog/appsettings.json b/src/MyWebLog/appsettings.json index e2577c7..a9922f3 100644 --- a/src/MyWebLog/appsettings.json +++ b/src/MyWebLog/appsettings.json @@ -3,7 +3,7 @@ "hostname": "data02.bitbadger.solutions", "database": "myWebLog_dev" }, - "Generator": "myWebLog 2.0-alpha27", + "Generator": "myWebLog 2.0-alpha28", "Logging": { "LogLevel": { "MyWebLog.Handlers": "Debug" diff --git a/src/MyWebLog/themes/awftw/index.liquid b/src/MyWebLog/themes/awftw/index.liquid new file mode 100644 index 0000000..b239803 --- /dev/null +++ b/src/MyWebLog/themes/awftw/index.liquid @@ -0,0 +1,183 @@ +
+ {% if is_category or is_tag %} +

{{ page_title }}

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

+ + {{ post.title }} + +

+

+ {{ post.published_on | date: "dddd, MMMM d, yyyy" }}   + {% comment %} TODO: reading time? + #[i.fa.fa-clock-o(title='Clock' aria-hidden='true')] #[= readingTime(post.content, 'minutes', 175)] + {% endcomment %} +

+ {%- assign media = post.meta | value: "media" -%} + {%- unless media == "-- media not found --" %} + + {%- endunless %} + {{ post.text }} +
+ {% endfor %} + +
+
+
+

Author

+

Daniel is a man who wants to be used of God however He sees fit.

+
+ +
+
+

Series

+

Advent Readings

+

+ + About the Series + • + Read All + (-{% comment %} TODO: count + #{catCount('series/advent-readings')}) + {% endcomment %}) +

+
+

Twisted Scripture

+

+ + About the Series + • + Read All + (-{% comment %} TODO: count + #{catCount('series/twisted-scripture')}) + {% endcomment %}) +

+
+

The “3:16s” of the New Testament

+

+ + About the Series + • + Read All + (-{% comment %} TODO: count + #{catCount('series/the-3-16-s-of-the-new-testament')}) + {% endcomment %}) +

+
+ {% comment %} + TODO: group categories by Old Testament / New Testament / Topics + (may work better once the categories are loaded and we can hard-code IDs + {% endcomment %} +
+

Books

+

Each devotion is categorized under the books of the Bible which are referenced within it.

+
+

Old Testament

+

+ + See All + (-{% comment %} TODO: count + #{catCount('old-testament')}) + {% endcomment %}) +

+ +
+

New Testament

+

+ + See All + (-{% comment %} TODO: count + #{catCount('new-testament')}) + {% endcomment %}) +

+ +
+
+ {% comment %} + - var topics = cats.filter(excludeBooks).filter(cat => !cat.slug.startsWith('series')).sort((a, b) => a.name.localeCompare(b.name)) + {% endcomment %} +

Topics

+ +
+
diff --git a/src/MyWebLog/themes/awftw/layout.liquid b/src/MyWebLog/themes/awftw/layout.liquid new file mode 100644 index 0000000..db5a672 --- /dev/null +++ b/src/MyWebLog/themes/awftw/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 -%} + + +
+

{{ web_log.name }}

+ {%- if web_log.subtitle %}

{{ web_log.subtitle.value }}

{% endif -%} +

+ God’s Simple Plan of Salvation +

+

Podcast

+
+ {% comment %}

Loading...

{% endcomment %} +
{{ content }}
+ + + {% page_foot %} + + diff --git a/src/MyWebLog/themes/awftw/single-page.liquid b/src/MyWebLog/themes/awftw/single-page.liquid new file mode 100644 index 0000000..869038e --- /dev/null +++ b/src/MyWebLog/themes/awftw/single-page.liquid @@ -0,0 +1,6 @@ +
+
+

{{ page.title }}

+ {{ page.text }} +
+
diff --git a/src/MyWebLog/themes/awftw/single-post.liquid b/src/MyWebLog/themes/awftw/single-post.liquid new file mode 100644 index 0000000..4fb41c2 --- /dev/null +++ b/src/MyWebLog/themes/awftw/single-post.liquid @@ -0,0 +1,147 @@ +{%- assign post = model.posts | first -%} +
+
+

{{ post.title }}

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

Date

+
+ + {{ post.published_on | date: "dddd, MMMM d, yyyy" }} +
+
+ {% comment %} + TODO: reading time? +
+

Reading Time

+
+ + #[= readingTime(page.content, 'minutes', 175)] +
+
+ {% endcomment %} + {%- if post_ot_book_count > 0 or post_nt_book_count > 0 %} +
+

Scripture

+ {%- if post_ot_book_count > 0 %} + + {%- endif %} + {%- if post_nt_book_count > 0 %} + + {%- endif %} +
+ {%- endif %} + {%- if post_topic_count > 0 %} +
+

Topics

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

Tags

+ +
+ {%- endif %} +
diff --git a/src/MyWebLog/wwwroot/themes/awftw/img/paper.png b/src/MyWebLog/wwwroot/themes/awftw/img/paper.png new file mode 100644 index 0000000..d5f7b8f Binary files /dev/null and b/src/MyWebLog/wwwroot/themes/awftw/img/paper.png differ diff --git a/src/MyWebLog/wwwroot/themes/awftw/img/podcast/awftw.jpg b/src/MyWebLog/wwwroot/themes/awftw/img/podcast/awftw.jpg new file mode 100644 index 0000000..de7fb3f Binary files /dev/null and b/src/MyWebLog/wwwroot/themes/awftw/img/podcast/awftw.jpg differ diff --git a/src/MyWebLog/wwwroot/themes/awftw/img/ribbon.png b/src/MyWebLog/wwwroot/themes/awftw/img/ribbon.png new file mode 100644 index 0000000..6fe763a Binary files /dev/null and b/src/MyWebLog/wwwroot/themes/awftw/img/ribbon.png differ diff --git a/src/MyWebLog/wwwroot/themes/awftw/script.js b/src/MyWebLog/wwwroot/themes/awftw/script.js new file mode 100644 index 0000000..c7eb688 --- /dev/null +++ b/src/MyWebLog/wwwroot/themes/awftw/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/MyWebLog/wwwroot/themes/awftw/style.css b/src/MyWebLog/wwwroot/themes/awftw/style.css new file mode 100644 index 0000000..168a3a5 --- /dev/null +++ b/src/MyWebLog/wwwroot/themes/awftw/style.css @@ -0,0 +1,316 @@ +@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.bible { + 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%); + } + .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; +} +.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:78rem) { + .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: 18rem; + font-size: 1rem; + display: flex; + flex-direction: column; +} +@media all and (max-width:60rem) { + .content { + padding: 0 .4rem; + } +} +@media all and (max-width:78rem) { + .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:78rem) { + .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 1rem 1rem; + border-left: solid 3px var(--accent-color); + padding-left: 1rem; +} +blockquote.bible { + padding: 11px; + margin-left: 2rem; + border: 0; + background: var(--bkg-color) url('img/paper.png') repeat; + font-family: Quicksand, serif; + border-top: solid 1px black; + display: flow-root; +} +blockquote.bible 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; +} +.ref { + color: red; +} +blockquote.bible sup { + color: var(--superscript-color); + padding-right: .35rem; +} +.lord, .sc { + font-variant: small-caps; +} +.u { + text-decoration: underline; +} +blockquote { + font-size: 1.2rem; +} +blockquote footer cite { + font-style: normal; +} +blockquote footer cite::before { + content: ", "; +} +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; + margin-bottom: .4rem; + border-bottom: solid 2px var(--link-color); + 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: -.4rem; + margin-bottom: 1.2rem; + font-size: 1rem; + text-align: center; +} +.date-posted { + padding: 0 1rem; +} +.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); +}