Tweak personal site theme

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

View File

@ -12,12 +12,20 @@
{{ post.title }} {{ post.title }}
</a> </a>
</h1> </h1>
<h4 class="text-center"> <h4 class="post-meta">
<i class="fa fa-calendar" title="Date"></i> {{ post.published_on | date: "MMMM d, yyyy" }} &nbsp; <span title="Published On">
<i class="fa fa-clock-o" title="Time"></i> {{ post.published_on | date: "h:mm tt" | downcase }} &nbsp; <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 }} <i class="fa fa-user" title="Author"></i> {{ model.authors | value: post.author_id }}
</span>
{% if logged_on %} {% 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 %} {% endif %}
</h4> </h4>
{{ post.text }} {{ post.text }}
@ -41,9 +49,9 @@
<div class="item votd-item"> <div class="item votd-item">
<h4 class="item-heading votd-heading">Verse of the Day</h4> <h4 class="item-heading votd-heading">Verse of the Day</h4>
<div> <div>
<span class="verse"> &ndash;</span> <span class="verse"></span> &ndash;
<a class="votd-reference" target="_blank" rel="noopener"></a> <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"> <div class="votd-credits">
<small>Powered by <a href="https://biblegateway.com" target="_blank" rel="noopener">Bible Gateway</a></small> <small>Powered by <a href="https://biblegateway.com" target="_blank" rel="noopener">Bible Gateway</a></small>
</div> </div>

View File

@ -74,43 +74,39 @@
<div> <div>
<div class="item"> <div class="item">
<h4 class="item-heading">Tennessee Football</h4> <h4 class="item-heading">Tennessee Football</h4>
<div> <div class="football-panel">
<table style="width:100%;"><tbody><tr> <span>
<td style="width:75px;">
<a href="https://utsports.com" style="background:none;padding:0;" target="_blank" rel="noopener"> <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" <img src="/themes/{{ web_log.theme_path }}/tennessee.png" alt="T" title="Tennessee Sports"
style="border:0;" width="75px"> style="border:0;" width="75px">
</a> </a>
</td> </span>
<td class="text-center" style="line-height:1.3em;"> <div>
2021 Season &mdash; <strong>NR</strong><br> 2021 Season &mdash; <strong>NR</strong><br>
<small> <small>
(7-6 &bull; 4-4 SEC/3<sup>rd</sup> East)<br><br> (7-6 &bull; 4-4 SEC/3<sup>rd</sup> East)<br><br>
Last &mdash; L* (45-48) vs. Purdue<br> Last &mdash; L* (45-48) vs. Purdue<br>
<em>Music City Bowl</em> <em>Music City Bowl</em>
</small> </small>
</td> </div>
</tr></tbody></table>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<h4 class="item-heading">Colorado State Football</h4> <h4 class="item-heading">Colorado State Football</h4>
<div> <div class="football-panel">
<table style="width:100%;"><tbody><tr> <span>
<td style="width:75px;">
<a href="https://csurams.com" style="background:none;padding:0;" target="_blank" rel="noopener"> <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" <img src="/themes/{{ web_log.theme_path }}/csurams.png" alt="CSU Rams Logo"
title="Colorado State Sports" style="border:0;" height="75px" width="75px"> title="Colorado State Sports" style="border:0;" height="75px" width="75px">
</a> </a>
</td> </span>
<td class="text-center" style="line-height:1.3em;"> <div>
2021 Season &mdash; <strong>NR</strong><br> 2021 Season &mdash; <strong>NR</strong><br>
<small> <small>
(3-9 &bull; 2-6 MWC/5<sup>th</sup> Mountain)<br><br> (3-9 &bull; 2-6 MWC/5<sup>th</sup> Mountain)<br><br>
Last &mdash; L (10-52) at Nevada Last &mdash; L (10-52) at Nevada
</small> </small>
</td> </div>
</tr></tbody></table>
</div> </div>
</div> </div>
</div> </div>
@ -145,7 +141,12 @@
<a href="https://bitbadger.solutions" title="Building the site you need to ensure your success!"> <a href="https://bitbadger.solutions" title="Building the site you need to ensure your success!">
Bit Badger Solutions Bit Badger Solutions
</a> </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> </div>
</footer> </footer>
</body> </body>

View File

@ -2,16 +2,20 @@
<div class="content single"> <div class="content single">
<article class="item"> <article class="item">
<h1 class="item-heading">{{ post.title }}</h1> <h1 class="item-heading">{{ post.title }}</h1>
<h4 class="text-center"> <h4 class="post-meta">
{% if post.published_on -%} {% if post.published_on -%}
<i class="fa fa-calendar" title="Date"></i> {{ post.published_on | date: "MMMM d, yyyy" }} &nbsp; <span title="Published On">
<i class="fa fa-clock-o" title="Time"></i> {{ post.published_on | date: "h:mm tt" | downcase }} &nbsp; <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 -%} {%- else -%}
**DRAFT** &nbsp; <span>**DRAFT**</span>
{% endif %} {% 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 %} {% 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 %} {% endif %}
</h4> </h4>
<div>{{ post.text }}</div> <div>{{ post.text }}</div>

View File

@ -54,7 +54,7 @@ blockquote {
padding-left: 1rem; padding-left: 1rem;
} }
sup, sub { sup, sub {
font-size: .85rem; font-size: smaller;
} }
sup { sup {
vertical-align: text-top; vertical-align: text-top;
@ -130,6 +130,11 @@ sub {
color: var(--accent-color); color: var(--accent-color);
background-color: var(--hdr-bkg-color); background-color: var(--hdr-bkg-color);
} }
.post-meta {
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
}
.pager { .pager {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
@ -160,7 +165,7 @@ sub {
} }
.cat-list li { .cat-list li {
list-style-type: none; list-style-type: none;
padding-bottom: .2rem; padding-bottom: .25rem;
} }
.cat-list ul li ul > li { .cat-list ul li ul > li {
padding-top: .2rem; padding-top: .2rem;
@ -219,6 +224,16 @@ footer.part-3 {
.copy a:hover { .copy a:hover {
text-decoration: underline; 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 ----- */ /* ----- UTILITY CLASSES ----- */
.desktop { .desktop {