bit-badger/myWebLog
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases 11 Activity

Tweak personal site theme

Browse Source
This commit is contained in:
Daniel J. Summers 2022-04-30 22:48:07 -04:00
parent c07f1b11c9
commit 22ed55c820
4 changed files with 77 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/MyWebLog/themes/daniel-j-summers/index.liquid
View File

@ -12,12 +12,20 @@
{{ post.title }}
</a>
</h1>
<h4 class="text-center">
<i class="fa fa-calendar" title="Date"></i> {{ post.published_on | date: "MMMM d, yyyy" }} &nbsp;
<i class="fa fa-clock-o" title="Time"></i> {{ post.published_on | date: "h:mm tt" | downcase }} &nbsp;
<i class="fa fa-user" title="Author"></i> {{ model.authors | value: post.author_id }}
<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" title="Time"></i> {{ post.published_on | date: "h:mm tt" | downcase }}
</span>
<span title="Author">
<i class="fa fa-user" title="Author"></i> {{ model.authors | value: post.author_id }}
</span>
{% if logged_on %}
&nbsp; <a href="/post/{{ post.id }}/edit"><i class="fa fa-pencil-square-o"></i> Edit Post</a>
<span>
<a href="/post/{{ post.id }}/edit"><i class="fa fa-pencil-square-o"></i> Edit Post</a>
</span>
{% endif %}
</h4>
{{ post.text }}
@ -41,9 +49,9 @@
<div class="item votd-item">
<h4 class="item-heading votd-heading">Verse of the Day</h4>
<div>
<span class="verse"> &ndash;</span>
<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>
<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>

69
src/MyWebLog/themes/daniel-j-summers/layout.liquid
View File

@ -74,43 +74,39 @@
<div>
<div class="item">
<h4 class="item-heading">Tennessee Football</h4>
<div>
<table style="width:100%;"><tbody><tr>
<td style="width:75px;">
<a href="https://utsports.com" style="background:none;padding:0;" target="_blank" rel="noopener">
<img src="/themes/{{ web_log.theme_path }}/tennessee.png" alt="T" title="Tennessee Sports"
style="border:0;" width="75px">
</a>
</td>
<td class="text-center" style="line-height:1.3em;">
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>
</td>
</tr></tbody></table>
<div class="football-panel">
<span>
<a href="https://utsports.com" style="background:none;padding:0;" target="_blank" rel="noopener">
<img src="/themes/{{ web_log.theme_path }}/tennessee.png" 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>
<table style="width:100%;"><tbody><tr>
<td style="width:75px;">
<a href="https://csurams.com" style="background:none;padding:0;" target="_blank" rel="noopener">
<img src="/themes/{{ web_log.theme_path }}/csurams.png" alt="CSU Rams Logo"
title="Colorado State Sports" style="border:0;" height="75px" width="75px">
</a>
</td>
<td class="text-center" style="line-height:1.3em;">
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>
</td>
</tr></tbody></table>
<div class="football-panel">
<span>
<a href="https://csurams.com" style="background:none;padding:0;" target="_blank" rel="noopener">
<img src="/themes/{{ web_log.theme_path }}/csurams.png" 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>
@ -145,7 +141,12 @@
<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; Powered by <a href="https://github.com/bit-badger/myWebLog/tree/v2">myWebLog</a> &bull;
{% if logged_on %}
<a href="/admin">Dashboard</a>
{% else %}
<a href="/user/log-on">Log On</a>
{%- endif %}
</div>
</footer>
</body>

16
src/MyWebLog/themes/daniel-j-summers/single-post.liquid
View File

@ -2,16 +2,20 @@
<div class="content single">
<article class="item">
<h1 class="item-heading">{{ post.title }}</h1>
<h4 class="text-center">
<h4 class="post-meta">
{% if post.published_on -%}
<i class="fa fa-calendar" title="Date"></i> {{ post.published_on | date: "MMMM d, yyyy" }} &nbsp;
<i class="fa fa-clock-o" title="Time"></i> {{ post.published_on | date: "h:mm tt" | downcase }} &nbsp;
<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 -%}
**DRAFT** &nbsp;
<span>**DRAFT**</span>
{% endif %}
<i class="fa fa-user" title="Author"></i> {{ model.authors | value: post.author_id }}
<span title="Author"><i class="fa fa-user"></i> {{ model.authors | value: post.author_id }}</span>
{% if logged_on %}
&nbsp; <a href="/post/{{ post.id }}/edit"><i class="fa fa-pencil-square-o"></i> Edit Post</a>
<span><a href="/post/{{ post.id }}/edit"><i class="fa fa-pencil-square-o"></i> Edit Post</a></span>
{% endif %}
</h4>
<div>{{ post.text }}</div>

19
src/MyWebLog/wwwroot/themes/daniel-j-summers/style.css
View File

@ -54,7 +54,7 @@ blockquote {
padding-left: 1rem;
}
sup, sub {
font-size: .85rem;
font-size: smaller;
}
sup {
vertical-align: text-top;
@ -130,6 +130,11 @@ sub {
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;
@ -160,7 +165,7 @@ sub {
}
.cat-list li {
list-style-type: none;
padding-bottom: .2rem;
padding-bottom: .25rem;
}
.cat-list ul li ul > li {
padding-top: .2rem;
@ -219,6 +224,16 @@ footer.part-3 {
.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 {