Skip to content

Commit

Permalink
Update
Browse files Browse the repository at this point in the history
Just pushing the stuff I've got to see if it fixes the images on my latest blog post.
  • Loading branch information
prairiepilotfpv committed Jul 11, 2024
1 parent 5557db3 commit c4efc22
Show file tree
Hide file tree
Showing 6 changed files with 247 additions and 91 deletions.
Binary file removed assets/css/.custom-styles.css.swp
Binary file not shown.
Binary file modified assets/css/.custom-styles.css.un~
Binary file not shown.
5 changes: 5 additions & 0 deletions assets/css/custom-styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -102,3 +102,8 @@ footer a:focus {

/* Add specific styles for more social networks as needed */

/* Custom style for H1 headings */
h1 {
color: #3F2811; /* Dark brown color */
}

98 changes: 9 additions & 89 deletions assets/css/custom-styles.css~
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,12 @@ img[src*="#border"] {
border-radius: 10px;
}

/* Custom CSS to make preview images round */
.post-preview .post-image img {
border-radius: 50%;
}


/* Custom Navbar Styles */
.navbar-custom {
background-color: #001f3f; /* Navy background color */
Expand Down Expand Up @@ -96,94 +102,8 @@ footer a:focus {

/* Add specific styles for more social networks as needed */

/* Responsive Preview Block */
/* Right-align the preview images on desktop */
.post-preview {
padding: 1.25rem 0;
border-bottom: 1px solid #eee;
overflow: hidden;
display: flex;
flex-direction: column;
}

@media (min-width: 768px) {
.post-preview {
padding: 2.1875rem 0;
flex-direction: row;
align-items: center;
justify-content: space-between;
}

.post-preview .post-image {
order: 2;
margin-left: 1rem;
}

.post-preview .post-title,
.post-preview .post-subtitle,
.post-preview .post-meta,
.post-preview .post-entry {
text-align: left;
}


/* Ensure text wraps nicely and remains responsive */
.post-preview .post-title,
.post-preview .post-subtitle,
.post-preview .post-meta,
.post-preview .post-snippet {
word-wrap: break-word;
}

/* Circular Preview Images */
.post-image {
margin-left: auto;
height: 12rem;
width: 12rem;
border-radius: 50%;
overflow: hidden;
display: block;
}

.post-image img {
border-radius: 50%;
max-height: 100%;
max-width: 100%;
}

/* Adjustments for smaller screens */
@media (max-width: 767px) {
.post-preview {
flex-direction: column;
align-items: center;
}

.post-image {
height: 9rem;
width: 9rem;
margin-bottom: 1rem;
align-self: flex-end;
}

.post-title,
.post-subtitle,
.post-meta,
.post-snippet {
text-align: center;
}
}

/* Adjustments for smaller screens */
@media (max-width: 500px) {
.post-preview .post-title {
font-size: 1.5rem;
}
.post-preview .post-meta,
.post-preview .post-subtitle {
font-size: 1rem;
}
.post-preview .post-snippet {
font-size: 0.875rem;
}
/* Custom style for H1 headings */
h1 {
color: #654321; /* Dark brown color */
}

6 changes: 4 additions & 2 deletions projects.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,9 @@ subtitle: A showcase of ongoing projects and progress
<h1 class="section-heading">Frostgrave</h1>

<p>
I am still trying to put together two full Frostgrave warbands and enough monsters for an interesting game. I got distracted, as usual, and have spent an entire year messing around with my printer and starting a One Page Rules army I don't even have plans for playing. This covers what I *am* doing, when I actually do.

I'm the most excited about this. It's been a long time coming, but I'm pumped to finally see the finish line. I've got minis, I've got more and more terrain by the day, I've even got a big stack of character sheets and spell cards. I'm also thinking of some fun ways to show off all the fun stuff I've been working on.

</p>

<!-- Post list for Frostgrave category -->
Expand Down Expand Up @@ -126,7 +128,7 @@ I am still trying to put together two full Frostgrave warbands and enough monste
<h1 class="section-heading">One Page Rules</h1>

<p>
This is dedicated to the One Page Rules army I didn't need to start. I really don't need more projects at all, but I have poor self control so I might as well share my progress.
This is dedicated to the One Page Rules army I didn't need to start. I really don't need more projects but I have poor self control and two different game stores opened a mile away. So now I've got a proxy Killteam list AND a growing OPR Dwarven Guilds list! HURRAH!
</p>

<!-- Post list for OPR category -->
Expand Down
229 changes: 229 additions & 0 deletions projects.md~
Original file line number Diff line number Diff line change
@@ -0,0 +1,229 @@
---
layout: page
title: Projects
subtitle: A showcase of ongoing projects and progress
---

<!-- Style for section headings and dividers -->
<style>
.section-heading {
font-size: 2.5em;
text-align: center;
margin: 40px 0 20px;
color: #333;
font-weight: bold;
border-bottom: 2px solid #ddd;
padding-bottom: 10px;
}
</style>

<!-- Frostgrave Section -->
<h1 class="section-heading">Frostgrave</h1>

<p>
I am still trying to put together two full Frostgrave warbands and enough monsters for an interesting game. I got distracted, as usual, and have spent an entire year messing around with my printer and starting a One Page Rules army I don't even have plans for playing. This covers what I *am* doing, when I actually do.
</p>

<!-- Post list for Frostgrave category -->
<ul class="posts-list list-unstyled" role="list">
{% assign frostgrave_posts = site.posts | where: "category", "Frostgrave" %}
{% for post in frostgrave_posts %}
<li class="post-preview">
<article>
<!-- Capture the thumbnail image -->
{%- capture thumbnail -%}
{% if post.thumbnail-img %}
{{ post.thumbnail-img }}
{% elsif post.cover-img %}
{% if post.cover-img.first %}
{{ post.cover-img[0].first.first }}
{% else %}
{{ post.cover-img }}
{% endif %}
{% else %}
{% endif %}
{% endcapture %}
{% assign thumbnail = thumbnail | strip %}

<!-- Display the thumbnail image if available -->
{% if thumbnail != "" %}
<div class="post-image">
<a href="{{ post.url | absolute_url }}" aria-label="Thumbnail">
<img src="{{ thumbnail | absolute_url }}" alt="Post thumbnail">
</a>
</div>
{% endif %}

<!-- Post title and subtitle -->
<a href="{{ post.url | absolute_url }}">
<h2 class="post-title">{{ post.title | strip_html }}</h2>
{% if post.subtitle %}
<h3 class="post-subtitle">{{ post.subtitle | strip_html }}</h3>
{% endif %}
</a>

<!-- Author and meta information -->
{% if post.author %}
<span>By <strong>{{ post.author | strip_html }}</strong></span>
{% endif %}
<p class="post-meta">
{% assign date_format = site.date_format | default: "%B %-d, %Y" %}
Posted on {{ post.date | date: date_format }}
</p>

<!-- Post excerpt and read more link -->
<div class="post-entry">
{% assign excerpt_length = site.excerpt_length | default: 50 %}
{{ post.excerpt | strip_html | truncatewords: excerpt_length }}
{% assign excerpt_word_count = post.excerpt | number_of_words %}
{% if post.content != post.excerpt or excerpt_word_count > excerpt_length %}
<a href="{{ post.url | absolute_url }}" class="post-read-more">[Read&nbsp;More]</a>
{% endif %}
</div>

<!-- Post tags -->
{% if site.feed_show_tags != false and post.tags.size > 0 %}
<div class="blog-tags">
<span>Tags:</span>
<!-- Inline list of tags -->
<ul class="d-inline list-inline" role="list">
{% for tag in post.tags %}
<li class="list-inline-item">
<a href="{{ '/tags' | absolute_url }}#{{- tag -}}">{{- tag -}}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</article>
</li>
{% endfor %}
</ul>

<!-- Pagination for Frostgrave section -->
{% if paginator.total_pages > 1 %}
<ul class="pagination main-pager">
{% if paginator.previous_page %}
<li class="page-item previous">
<a class="page-link" href="{{ paginator.previous_page_path | absolute_url }}">
<i class="fas fa-arrow-left" alt="Newer Posts"></i>
<span class="d-none d-sm-inline-block">Newer Posts</span>
</a>
</li>
{% endif %}
{% if paginator.next_page %}
<li class="page-item next">
<a class="page-link" href="{{ paginator.next_page_path | absolute_url }}">
<span class="d-none d-sm-inline-block">Older Posts</span>
<i class="fas fa-arrow-right" alt="Older Posts"></i>
</a>
</li>
{% endif %}
</ul>
{% endif %}

<!-- One Page Rules Section -->
<h1 class="section-heading">One Page Rules</h1>

<p>
This is dedicated to the One Page Rules army I didn't need to start. I really don't need more projects at all, but I have poor self control so I might as well share my progress.
</p>

<!-- Post list for OPR category -->
<ul class="posts-list list-unstyled" role="list">
{% assign opr_posts = site.posts | where: "category", "OPR" %}
{% for post in opr_posts %}
<li class="post-preview">
<article>
<!-- Capture the thumbnail image -->
{%- capture thumbnail -%}
{% if post.thumbnail-img %}
{{ post.thumbnail-img }}
{% elsif post.cover-img %}
{% if post.cover-img.first %}
{{ post.cover-img[0].first.first }}
{% else %}
{{ post.cover-img }}
{% endif %}
{% else %}
{% endif %}
{% endcapture %}
{% assign thumbnail = thumbnail | strip %}

<!-- Display the thumbnail image if available -->
{% if thumbnail != "" %}
<div class="post-image">
<a href="{{ post.url | absolute_url }}" aria-label="Thumbnail">
<img src="{{ thumbnail | absolute_url }}" alt="Post thumbnail">
</a>
</div>
{% endif %}

<!-- Post title and subtitle -->
<a href="{{ post.url | absolute_url }}">
<h2 class="post-title">{{ post.title | strip_html }}</h2>
{% if post.subtitle %}
<h3 class="post-subtitle">{{ post.subtitle | strip_html }}</h3>
{% endif %}
</a>

<!-- Author and meta information -->
{% if post.author %}
<span>By <strong>{{ post.author | strip_html }}</strong></span>
{% endif %}
<p class="post-meta">
{% assign date_format = site.date_format | default: "%B %-d, %Y" %}
Posted on {{ post.date | date: date_format }}
</p>

<!-- Post excerpt and read more link -->
<div class="post-entry">
{% assign excerpt_length = site.excerpt_length | default: 50 %}
{{ post.excerpt | strip_html | truncatewords: excerpt_length }}
{% assign excerpt_word_count = post.excerpt | number_of_words %}
{% if post.content != post.excerpt or excerpt_word_count > excerpt_length %}
<a href="{{ post.url | absolute_url }}" class="post-read-more">[Read&nbsp;More]</a>
{% endif %}
</div>

<!-- Post tags -->
{% if site.feed_show_tags != false and post.tags.size > 0 %}
<div class="blog-tags">
<span>Tags:</span>
<!-- Inline list of tags -->
<ul class="d-inline list-inline" role="list">
{% for tag in post.tags %}
<li class="list-inline-item">
<a href="{{ '/tags' | absolute_url }}#{{- tag -}}">{{- tag -}}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</article>
</li>
{% endfor %}
</ul>

<!-- Pagination for OPR section -->
{% if paginator.total_pages > 1 %}
<ul class="pagination main-pager">
{% if paginator.previous_page %}
<li class="page-item previous">
<a class="page-link" href="{{ paginator.previous_page_path | absolute_url }}">
<i class="fas fa-arrow-left" alt="Newer Posts"></i>
<span class="d-none d-sm-inline-block">Newer Posts</span>
</a>
</li>
{% endif %}
{% if paginator.next_page %}
<li class="page-item next">
<a class="page-link" href="{{ paginator.next_page_path | absolute_url }}">
<span class="d-none d-sm-inline-block">Older Posts</span>
<i class="fas fa-arrow-right" alt="Older Posts"></i>
</a>
</li>
{% endif %}
</ul>
{% endif %}

0 comments on commit c4efc22

Please sign in to comment.