Skip to content

Commit

Permalink
Redesigned the home page, made various tweaks.
Browse files Browse the repository at this point in the history
  • Loading branch information
stickyweather committed Nov 21, 2024
1 parent 1f24579 commit 0ba39d1
Show file tree
Hide file tree
Showing 7 changed files with 128 additions and 5 deletions.
23 changes: 23 additions & 0 deletions _includes/sidebar.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<div class="about-me">
<h2>About me</h2>
<span itemprop="author" itemscope itemtype="http://schema.org/Person"></span>
<p><a href="/author/forrest-brown.html">Forrest Brown</a> is the creator of Sticky Weather and <a href="https://storiesforearth.com" target="_blank">Stories for Earth</a>, a podcast and website about all things climate change in pop culture. His nonfiction has appeared in <em><a href="https://www.facingsouth.org/2023/07/ev-mega-deals-pit-states-against-souths-rural-communities" target="_blank">Facing South</a></em> and the <em><a href="https://longnow.org/ideas/in-the-ministry-for-the-future-new-ideas-from-ancient-wisdom/" target="_blank">Long Now Foundation</a></em>, and his short story "<a href="https://thewritelaunch.com/2020/03/keep-going/" target="_blank">Keep Going</a>" was featured in <em>The Write Launch</em>. He lives in Decatur, GA with his wife and cats.</p>
</div>
<div class="homepage-subscribe">
<form
action="https://buttondown.email/api/emails/embed-subscribe/stickyweather"
method="post"
target="popupwindow"
onsubmit="window.open('https://buttondown.email/stickyweather', 'popupwindow')"
class="embeddable-buttondown-form"
>
<h2 id="sidebar-subscribe-header">Subscribe to the newsletter</h2>
<label for="bd-email"><p>It's free, and you get new posts in your inbox. No emails about anything else, ever, and I won't beg you to become a paid subscriber.</p></label>
<input type="email" name="email" id="bd-email" placeholder="Your email address" /><br>

<input type="submit" value="Subscribe" id="subscribe-button" />
<p>
<a href="https://buttondown.email/refer/stickyweather" target="_blank" id="powered-by">Powered by Buttondown.</a>
</p>
</form>
</div>
3 changes: 1 addition & 2 deletions _layouts/author.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,10 +28,9 @@
</figure>
<div>
<h1>{{ page.author | escape }}</h1>
<h4 style="text-transform: capitalize;">{{ page.jobtitle | escape }}</h4>
<div>
{%- if page.social -%}
<p><strong>Follow {{ page.author | escape }}:</strong> <a href="{{ page.social | escape }}" target="_blank">Mastodon</a></p>
<p><strong>Follow:</strong> <a href="https://theatl.social/@frrstbrwn" target="_blank">Mastodon</a>, <a href="https://bsky.app/profile/frrstbrwn.bsky.social" target="_blank">Bluesky</a></p>
{%- endif -%}
</div>
</div>
Expand Down
7 changes: 6 additions & 1 deletion _layouts/home.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ <h1 class="page-heading">{{ page.title }}</h1>

{{ content }}


<div class="recent-posts">
{% if site.paginate %}
{% assign posts = paginator.posts %}
{% else %}
Expand Down Expand Up @@ -56,5 +56,10 @@ <h3>
{%- endif %}

{%- endif -%}
</div>

<div class="sidebar">
{% include sidebar.html %}
</div>

</div>
1 change: 1 addition & 0 deletions _sass/minima/_layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -223,6 +223,7 @@

.post-list-heading {
@include relative-font-size(1.75);
border-bottom: solid lightgray 1px;
}

.post-list {
Expand Down
96 changes: 95 additions & 1 deletion _sass/minima/custom-styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -91,4 +91,98 @@ footer {
padding: 1% 0.5% 1%;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
}

// Begin homepage styling
.home {
display: grid;
grid-template-columns: 4fr 1fr;
grid-template-rows: auto;
align-items: start;
grid-template-areas:
"recent-posts sidebar";
}

.recent-posts {
grid-area: recent-posts;
border-right: solid lightgray 1px;
margin-right: 1em;
padding-right: 1em;
}

.sidebar {
grid-area: sidebar;
}

.homepage-subscribe {
margin-top: 1em;
border-bottom: solid lightgray 1px;

#sidebar-subscribe-header {
font-size: $base-font-size * 1.1;
}

p {
font-size: $base-font-size * 1;
}

#subscribe-button {
background-color: #FF6D1E;
color: white;
border: none;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
padding: 2% 2% 2%;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

}

@include media-query($on-palm) {
.home {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-template-areas:
"recent-posts"
"sidebar";
}

.recent-posts {
border-right: none;
}

.sidebar {
padding-left: 0;
}

.about-me {
font-size: $base-font-size;

h2 {
font-size: relative-font-size(1.75);
}

}

.homepage-subscribe {
#sidebar-subscribe-header {
font-size: $base-font-size;
}
}

}
.about-me {
border-bottom: solid lightgray 1px;
font-size: $base-font-size * 1;

h2 {
font-size: $base-font-size * 1.1;
border-bottom: solid lightgray 1px;
}

}

// End homepage styling
2 changes: 1 addition & 1 deletion author/forrest-brown.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,4 @@ gravatarimage: https://gravatar.com/avatar/c3737b29db27f55cff00c383997f1260?size
social: https://theatl.social/@frrstbrwn
jobtitle: founder
---
Forrest Brown is the founder of Sticky Weather and the former creator and host of the podcast [Stories for Earth](https://storiesforearth.com){:target="_blank"}. Forrest has also contributed to [Facing South](https://www.facingsouth.org/2023/07/ev-mega-deals-pit-states-against-souths-rural-communities){:target="_blank"} and the [Long Now Foundation](https://longnow.org/ideas/in-the-ministry-for-the-future-new-ideas-from-ancient-wisdom/){:target="_blank"}. He lives in Decatur, GA with his wife and cats.
Forrest Brown is the creator of Sticky Weather and <a href="https://storiesforearth.com" target="_blank">Stories for Earth</a>, a podcast and website about all things climate change in pop culture. His nonfiction has appeared in <em><a href="https://www.facingsouth.org/2023/07/ev-mega-deals-pit-states-against-souths-rural-communities" target="_blank">Facing South</a></em> and the <em><a href="https://longnow.org/ideas/in-the-ministry-for-the-future-new-ideas-from-ancient-wisdom/" target="_blank">Long Now Foundation</a></em>, and his short story "<a href="https://thewritelaunch.com/2020/03/keep-going/" target="_blank">Keep Going</a>" was featured in <em>The Write Launch</em>. He lives in Decatur, GA with his wife and cats.
1 change: 1 addition & 0 deletions index.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,5 @@
# See: https://jekyllrb.com/docs/themes/#overriding-theme-defaults
#
layout: home
list_title: Recent posts
---

0 comments on commit 0ba39d1

Please sign in to comment.