danieljsummers/daniel.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:55:40 -04:00
parent 331887d7b1
commit 5b9dd6e46b
11 changed files with 820 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/index.liquid Normal file
View File

@@ -0,0 +1,84 @@
<div class="content">
{% if is_category or is_tag %}
<h2>{{ page_title }}</h2>
{%- if subtitle %}
<p>{{ subtitle }}</p>
{%- endif %}
{% endif %}
{%- for post in model.posts %}
<article class="item">
<h1 class="item-heading">
<a href="{{ post | relative_link }}"
title="Permanent Link to &quot;{{ post.title | strip_html | escape }}&quot;">
{{ post.title }}
</a>
</h1>
<h4 class="post-meta">
<span title="Published On">
<i class="fa fa-calendar"></i> {{ post.published_on | date: "dddd, MMMM d, yyyy" }}
</span>
<span title="Published At">
<i class="fa fa-clock-o"></i> {{ post.published_on | date: "h:mm tt" | downcase }}
</span>
<span title="Author">
<i class="fa fa-user"></i> {{ model.authors | value: post.author_id }}
</span>
{% if logged_on %}
<span>
<a hx-boost="false" href="{{ post | edit_post_link }}"><i class="fa fa-pencil-square-o"></i> Edit Post</a>
</span>
{% endif %}
</h4>
{{ post.text }}
</article>
{%- endfor %}
<nav aria-label="pagination">
<ul class="pager">
{% if model.newer_link -%}
<li class="previous item"><a href="{{ model.newer_link.value }}">&laquo; Newer Posts</a></li>
{%- else -%}
<li></li>
{% endif %}
{% if model.older_link -%}
<li class="next item"><a href="{{ model.older_link.value }}">Older Posts &raquo;</a></li>
{%- endif -%}
</ul>
</nav>
</div>
<div class="sidebar">
<br>
<div class="item votd-item">
<h4 class="item-heading votd-heading">Verse of the Day</h4>
<div>
<span class="verse"></span> &ndash;
<a class="votd-reference" target="_blank" rel="noopener"></a>
<small> <a class="version-link" target="_blank" rel="noopener">(ESV)</a></small><br>
<div class="votd-credits">
<small>Powered by <a href="https://biblegateway.com" target="_blank" rel="noopener">Bible Gateway</a></small>
</div>
<script src="https://www.biblegateway.com/votd/get/?format=json&amp;version=ESV&amp;callback=djs.displayVotd">
</script>
</div>
</div>
<div class="item">
<h4 class="item-heading">#VoteGold</h4>
<div class="text-center">
<p><em>
(Don't blame me;<br>
I voted for <a href="https://jo20.com/" title="Jorgensen / Cohen 2020" target="_blank" rel="noopener">Jo</a>)
</em></p>
</div>
</div>
<div class="item">
<h4 class="item-heading">Categories</h4>
<ul class="cat-list">
{% for cat in categories -%}
{%- assign indent = cat.parent_names | size -%}
<li class="cat-list-item"{% if indent > 0 %} style="padding-left:{{ indent }}rem;"{% endif %}>
<a href="{{ cat | category_link }}" class="cat-list-link">{{ cat.name }}</a>
<span class="cat-list-count">{{ cat.post_count }}</span>
</li>
{%- endfor %}
</ul>
</div>
</div>

16
src/layout-partial.liquid Normal file
View File

@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<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>
</head>
<body>
{{ content }}
</body>
</html>

151
src/layout.liquid Normal file
View File

@@ -0,0 +1,151 @@
<!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|Oswald" 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">
<script src="{{ "djs.js" | theme_asset }}"></script>
{% page_head -%}
</head>
<body hx-boost="true" hx-target="main" hx-indicator="#loadOverlay" hx-swap="innerHTML show:body:top">
<nav class="site-header" role="navigation">
<p><a class="nav-home" href="{{ "" | relative_link }}">{{ web_log.name }}</a></p>
{%- if web_log.subtitle %}<p>{{ web_log.subtitle.value }}</p>{% endif -%}
<p class="nav-spacer"></p>
{%- for page in page_list %}
<p class="desktop"><a href="{{ page | relative_link }}">{{ page.title }}</a></p>
{%- endfor %}
<p class="desktop">
<a href="https://devotions.summershome.org" target="_blank" rel="noopener">A Word from the Word</a>
</p>
<p class="mobile"><a href="#links">Site Links</a></p>
</nav>
<div class="load-overlay" id="loadOverlay"><h1>Loading...</h1></div>
<main>{{ content }}</main>
<footer class="part-1" id="links">
{%- for page in page_list %}
<p class="mobile"><a href="{{ page | relative_link }}">{{ page.title }}</a></p>
{%- endfor %}
<p class="mobile">
<a href="https://devotions.summershome.org" target="_blank" rel="noopener">A Word from the Word</a>
</p>
</footer>
<footer class="part-2">
<div>
<div class="item">
<h4 class="item-heading">Tip Jar</h4>
<div class="text-center">
<p style="padding: 5px 0;">What do we holler?<br>&ldquo;Thanks for the dollar!&rdquo;</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted"
value="-----BEGIN PKCS7-----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-----END PKCS7-----">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" style="border:0;"
name="submit" alt="PayPal - The safer, easier way to pay online!">
<img src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" alt="" style="border:0;" width="1"
height="1">
</form>
</div>
</div>
<div class="item">
<h4 class="item-heading">Let&rsquo;s Go Geocaching</h4>
<div class="text-center">
<a href="https://www.geocaching.com/guide/" title="What Is Geocaching?" target="_blank" rel="noopener">
<img src="https://img.geocaching.com/stats/img.aspx?txt=I+am+the+search+engine!&uid=61a3c13b-9dbb-41d2-a695-9e3432d4d5ea"
alt="My Geocaching Stats" title="What Is Geocaching?" style="border:0;">
</a>
</div>
</div>
</div>
<div>
<div class="item">
<h4 class="item-heading">Tennessee Football</h4>
<div class="football-panel">
<span>
<a href="https://utsports.com" style="background:none;padding:0;" target="_blank" rel="noopener">
<img src="{{ "tennessee.png" | theme_asset }}" alt="T" title="Tennessee Sports" style="border:0;"
width="75px">
</a>
</span>
<div>
2021 Season &mdash; <strong>NR</strong><br>
<small>
(7-6 &bull; 4-4 SEC/3<sup>rd</sup> East)<br><br>
Last &mdash; L* (45-48) vs. Purdue<br>
<em>Music City Bowl</em>
</small>
</div>
</div>
</div>
<div class="item">
<h4 class="item-heading">Colorado State Football</h4>
<div class="football-panel">
<span>
<a href="https://csurams.com" style="background:none;padding:0;" target="_blank" rel="noopener">
<img src="{{ "csurams.png" | theme_asset }}" alt="CSU Rams Logo"
title="Colorado State Sports" style="border:0;" height="75px" width="75px">
</a>
</span>
<div>
2021 Season &mdash; <strong>NR</strong><br>
<small>
(3-9 &bull; 2-6 MWC/5<sup>th</sup> Mountain)<br><br>
Last &mdash; L (10-52) at Nevada
</small>
</div>
</div>
</div>
</div>
<div>
<div class="item">
<h4 class="item-heading">Some Other Places to Find Me</h4>
<div class="text-center">
<a class="twitter-timeline" href="https://twitter.com/DanJSum" data-height="300">Tweets by DanJSum</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<br><br>
<a href="https://www.facebook.com/daniel.j.summers" title="Daniel J. Summers&rsquo;s Facebook profile">
<img src="https://badge.facebook.com/badge/1270539383.37.619606444.png" style="border:0;"
alt="Daniel J. Summers&rsquo;s Facebook profile">
</a>
</div>
</div>
</div>
</footer>
<footer class="part-3">
<div class="pull-left">
<a rel="license noopener" href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
<img src="https://licensebuttons.net/l/by-nc/4.0/88x31.png" alt="Creative Commons License"
style="border-width:0;">
</a>
</div>
<div class="copy" hx-boost="false">
&nbsp; Licensed by the
<a rel="license noopener" href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
Creative Commons Attribution-NonCommercial 4.0 International License
</a><br>
&nbsp; Designed by
<a href="https://bitbadger.solutions" title="Building the site you need to ensure your success!">
Bit Badger Solutions
</a>
&bull; Powered by <a href="https://github.com/bit-badger/myWebLog/tree/v2">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 %}
</div>
</footer>
{% page_foot %}
</body>
</html>

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

@@ -0,0 +1,6 @@
<div class="content single">
<article class="item">
<h1 class="item-heading">{{ page.title }}</h1>
{{ page.text }}
</article>
</div>

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

@@ -0,0 +1,77 @@
{%- assign post = model.posts | first -%}
<div class="content single">
<article class="item">
<h1 class="item-heading">{{ post.title }}</h1>
<h4 class="post-meta">
{% if post.published_on -%}
<span title="Published On">
<i class="fa fa-calendar"></i> {{ post.published_on | date: "dddd, MMMM d, yyyy" }}
</span>
<span title="Published At">
<i class="fa fa-clock-o"></i> {{ post.published_on | date: "h:mm tt" | downcase }}
</span>
{%- else -%}
<span>**DRAFT**</span>
{% endif %}
<span title="Author"><i class="fa fa-user"></i> {{ model.authors | value: post.author_id }}</span>
{% if logged_on %}
<span>
<a hx-boost="false" href="{{ post | edit_post_link }}">
<i class="fa fa-pencil-square-o"></i> Edit Post
</a>
</span>
{% endif %}
</h4>
<div>{{ post.text }}</div>
{%- assign cat_count = post.category_ids | size -%}
{% if cat_count > 0 -%}
<h4>
Categorized &nbsp;
{% for cat_id in post.category_ids -%}
{% assign cat = categories | where: "id", cat_id | first %}
<span class="no-wrap">
<i class="fa fa-folder-open-o" title="Category"></i>
<a href="{{ cat | category_link }}" title="Categorized under &ldquo;{{ cat.name | escape }}&rdquo;">
{{ cat.name }}
</a> &nbsp; &nbsp;
</span>
{%- endfor %}
</h4>
{%- endif %}
{%- assign tag_count = post.tags | size -%}
{% if tag_count > 0 -%}
<h4>
Tagged &nbsp;
{% for tag in post.tags %}
<span class="no-wrap">
<a href="{{ tag | tag_link }}" title="Posts tagged &ldquo;{{ tag | escape }}&rdquo;" rel="tag">
<i class="fa fa-tag"></i> {{ tag }}
</a> &nbsp; &nbsp;
</span>
{%- endfor %}
</h4>
{%- endif %}
</article>
<div>
<nav aria-label="pagination">
<ul class="pager">
{% if model.newer_link -%}
<li class="previous item">
<h4 class="item-heading">
<a href="{{ model.newer_link.value | relative_link }}">&laquo;</a> Previous Post
</h4>
<a href="{{ model.newer_link.value | relative_link }}">{{ model.newer_name.value }}</a>
</li>
{%- else -%}
<li></li>
{% endif %}
{% if model.older_link -%}
<li class="next item">
<h4 class="item-heading">Next Post <a href="{{ model.older_link.value | relative_ling }}">&raquo;</a></h4>
<a href="{{ model.older_link.value | relative_link }}">{{ model.older_name.value }}</a>
</li>
{%- endif -%}
</ul>
</nav>
</div>
</div>

2
src/version.txt Normal file
View File

@@ -0,0 +1,2 @@
Daniel J. Summers
1

BIN
src/wwwroot/csurams.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

18
src/wwwroot/djs.js Normal file
View File

@@ -0,0 +1,18 @@
djs = {
displayVotd: res => {
const votd = res.votd
const votdItem = document.querySelector('.votd-item')
votdItem.querySelector('.verse').innerHTML = votd.text
const reference = votdItem.querySelector('.votd-reference')
reference.href = votd.permalink.replace('&amp;', '&')
const ref = votd.display_ref
const isPassage = ref.indexOf(',') >= 0 || ref.indexOf('-') >= 0 || ref.indexOf(';') >= 0
if (isPassage) {
document.querySelector('.votd-heading').innerText = 'Passage of the Day'
}
reference.innerHTML = ref
votdItem.querySelector('.version-link').href = votd.copyrightlink.replace('&amp;', '&').replace('&amp;', '&')
votdItem.style.display = 'block'
}
}

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

@@ -0,0 +1,345 @@
@import "https://fonts.googleapis.com/css?family=Quicksand|Oswald";
:root {
--text-color: rgb(0, 0, 0);
--accent-color: rgb(21, 140, 186);
--bkg-color: rgb(68, 68, 68);
--hdr-text-color: hsl(0, 0%, 100%);
--hdr-bkg-color: hsl(0, 0%, 95%);
--item-bkg-color: hsl(0, 0%, 100%);
--overlay-bkg-color: rgba(0, 0, 0, .5)
}
@media ( prefers-color-scheme: dark ) {
:root {
--text-color: rgb(210, 210, 210);
--hdr-bkg-color: hsl(0, 0%, 7%);
--item-bkg-color: hsl(0, 0%, 12%);
--overlay-bgk-color: rgba(255, 255, 255, .2)
}
}
html {
background-color: var(--bkg-color);
}
body {
font-family: Quicksand, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.2rem;
background-color: var(--bkg-color);
margin: 0;
color: var(--text-color);
}
a:link, a:visited {
color: var(--accent-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1, h2, h3, h4, p {
margin-top: 0;
margin-bottom: 1rem;
}
h1, h2, h3, h4 {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
h1 {
font-size: 2rem;
}
h1 a:link, h1 a:visited {
color: var(--accent-color);
}
blockquote {
margin: 1rem 2rem 1rem 1rem;
border-left: solid 3px var(--accent-color);
padding-left: 1rem;
}
sup, sub {
font-size: smaller;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: baseline;
}
main {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.content img {
max-width: 100%;
border-radius: 1rem;
}
.content img.flat {
border-radius: 0;
}
/* ----- SITE HEADER ----- */
.site-header p, footer.part-1 p {
margin-top: .8rem;
margin-right: 1.2rem;
color: var(--hdr-text-color);
}
.site-header p a:link, .site-header p a:visited {
font-size: 1rem;
color: var(--hdr-text-color);
}
.site-header {
min-height: 4rem;
padding: 0 .4rem;
margin-bottom: 1rem;
display: flex;
flex-flow: row wrap;
align-items: flex-end;
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 p {
margin: 0;
}
.site-header p a.nav-home {
font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: bold;
margin-left: .2rem;
color: var(--hdr-text-color);
font-size: 1.5rem;
}
.nav-spacer {
flex-grow: 1;
}
/* ----- CONTENT STYLES ----- */
.index-title {
color: var(--hdr-text-color);
border-bottom: solid 2px var(--accent-color);
}
.content {
max-width: 60rem;
margin: 0 auto auto;
padding: 0 .4rem;
}
.item {
border: solid 1px black;
border-radius: .5rem;
background-color: var(--item-bkg-color);
padding: .4rem;
margin-bottom: 1.2rem;
}
.item-heading {
margin: -.4rem -.4rem .4rem;
border-top-left-radius: .5rem;
border-top-right-radius: .5rem;
border-bottom: solid 1px darkgray;
padding-bottom: .2rem;
text-align: center;
color: var(--accent-color);
background-color: var(--hdr-bkg-color);
}
.post-meta {
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
}
.pager {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
}
.pager li {
list-style-type: none;
display: inline-block;
}
/* ----- SIDEBAR STYLES ----- */
.sidebar {
font-size: 1rem;
}
.votd-item {
display: none;
}
.votd-credits {
margin-top: 1rem;
text-align: right;
}
.cat-list {
padding-left: 0
}
.cat-list ul {
padding-left: 1rem;
}
.cat-list li {
list-style-type: none;
padding-bottom: .25rem;
}
.cat-list ul li ul > li {
padding-top: .2rem;
}
.cat-list-count {
font-size: .8rem;
padding-left: .4rem;
}
.cat-list-count:before {
content: '(';
}
.cat-list-count:after {
content: ')';
}
/* ----- FOOTER STYLES ----- */
footer.part-1 {
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));
min-height: 2rem;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: center;
padding-bottom: 1rem;
}
footer.part-2 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
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));
padding-bottom: .4rem;
}
footer.part-2 > div {
flex-basis: 30%;
min-width: 400px;
}
footer.part-2 sup {
line-height: 1;
}
footer.part-3 {
padding: 0 .4rem 1rem .4rem;
background-color: var(--bkg-color);
}
.copy, .copy a:link, .copy a:visited {
font-size: 1rem;
color: #dddddd;
text-decoration: none;
}
.copy a:hover {
text-decoration: underline;
}
.football-panel {
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
align-items: center;
}
.football-panel div {
text-align: center;
line-height: 1.6rem;
}
/* ----- UTILITY CLASSES ----- */
.desktop {
display: none;
}
.float-left {
float: left;
padding-right: .5rem;
}
.float-right {
float: right;
padding-left: .5rem;
}
.small-caps {
font-variant: small-caps;
}
.text-center {
text-align: center;
}
.no-wrap {
white-space: nowrap;
}
/* ----- OVERLAY ----- */
.load-overlay {
position: fixed;
top: 4rem;
left: 1rem;
width: 50%;
height: 0;
z-index: 2000;
background-color: var(--overlay-bgk-color);
border-radius: 1rem;
animation: fadeOut .25s ease-in-out;
overflow: hidden;
}
.load-overlay h1 {
color: white;
background-color: rgba(0, 0, 0, .75);
margin: 1.5rem auto;
border-radius: 1rem;
width: 50%;
padding: 1rem;
text-align: center;
}
.load-overlay.htmx-request {
height: unset;
animation: fadeIn .25s ease-in-out;
}
@keyframes fadeIn {
0% {
opacity: 0;
height: unset;
}
100% {
opacity: 1;
height: unset;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
height: unset;
}
99% {
opacity: 0;
height: unset;
}
100% {
opacity: 0;
height: 0;
}
}
/* ----- SCALE UP STYLES ----- */
@media screen and ( min-width: 50rem ) {
main {
grid-template-columns: 1fr 16rem;
}
.desktop {
display: unset;
}
.mobile {
display: none;
}
.site-header p {
margin-inline-end: 1.2rem;
margin-bottom: 1rem;
}
.load-overlay {
width: 25%;
}
main > .single {
grid-column: 1 / -1;
}
.sidebar {
max-width: 15rem;
}
footer.part-2 {
grid-gap: 0;
}
}

BIN
src/wwwroot/tennessee.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 756 B