From f00c12120d3ddb695fa1dbd06baa409c92aceffc Mon Sep 17 00:00:00 2001 From: Harriet Oughton Date: Tue, 20 May 2025 19:44:02 +0100 Subject: [PATCH 1/5] Add h1 and introductory paragraph to blog index --- blog/index.html | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/blog/index.html b/blog/index.html index 1fc311aa..290e6e78 100644 --- a/blog/index.html +++ b/blog/index.html @@ -4,6 +4,17 @@ ---
+
+
+
+

The Rails Blog: News & Release Notes

+

Discover the latest Rails news, version releases, community updates, and feature announcements.

+
+
+
+
+ +
@@ -20,6 +31,7 @@
+
From 0aff6104fdba2083ca49b88289b036671562cfed Mon Sep 17 00:00:00 2001 From: Harriet Oughton Date: Wed, 21 May 2025 08:21:48 +0100 Subject: [PATCH 2/5] Add h2s to blog page buttons but maintain styling --- _sass/modules/_blog.scss | 12 ++++++++++++ blog/index.html | 10 +++++----- 2 files changed, 17 insertions(+), 5 deletions(-) diff --git a/_sass/modules/_blog.scss b/_sass/modules/_blog.scss index 369a239a..5088c5f8 100755 --- a/_sass/modules/_blog.scss +++ b/_sass/modules/_blog.scss @@ -6,6 +6,18 @@ max-width: 1080px; } + h2 { + color: $color-black; + font-size: 23px; + padding: 0px; + font-weight: 600; + line-height: 42px; + } + + span:hover h2 { + color: $color-red; + } + &__posts, &__pagination { margin-left: 30px; diff --git a/blog/index.html b/blog/index.html index 290e6e78..61ec18ff 100644 --- a/blog/index.html +++ b/blog/index.html @@ -14,16 +14,16 @@

Discover the latest Rails news, version releases, community updates, and fea

-
+
From ec1daf9e14bc7e58c493255ceedb25418c1265e4 Mon Sep 17 00:00:00 2001 From: Harriet Oughton Date: Wed, 28 May 2025 18:42:50 +0100 Subject: [PATCH 3/5] Convert h4s to p in heading section on blog, world, community and foundation --- _pages/community.html | 2 +- _pages/foundation.html | 2 +- _sass/common/_headline.scss | 8 ++------ _sass/modules/_heading.scss | 5 ++--- blog/index.html | 2 +- world/index.html | 2 +- 6 files changed, 8 insertions(+), 13 deletions(-) diff --git a/_pages/community.html b/_pages/community.html index 363c85d4..fefc42f2 100644 --- a/_pages/community.html +++ b/_pages/community.html @@ -12,7 +12,7 @@

We make Rails better.

-

Rails is improving every year from the work of thousands of volunteers contributing in ways big and small. Everyone can help make this framework better whether they’ve been using it since the beginning or they just started yesterday.

+

Rails is improving every year from the work of thousands of volunteers contributing in ways big and small. Everyone can help make this framework better whether they’ve been using it since the beginning or they just started yesterday.

diff --git a/_pages/foundation.html b/_pages/foundation.html index 6f0b881a..9eaeac44 100644 --- a/_pages/foundation.html +++ b/_pages/foundation.html @@ -12,7 +12,7 @@

The Rails Foundation.

-

A non-profit organization helping our ecosystem prosper.

+

A non-profit organization helping our ecosystem prosper.

diff --git a/_sass/common/_headline.scss b/_sass/common/_headline.scss index b80cb531..0e215281 100755 --- a/_sass/common/_headline.scss +++ b/_sass/common/_headline.scss @@ -34,7 +34,7 @@ line-height: 34px; } - h4 { + h4, p { color: $color-black; font-size: 26px; @@ -110,14 +110,10 @@ line-height: 43px; } - h4 { + h4, p { font-size: 39px; letter-spacing: -0.01em; line-height: 44px; } - } - - - } diff --git a/_sass/modules/_heading.scss b/_sass/modules/_heading.scss index a3111cb5..315235f3 100755 --- a/_sass/modules/_heading.scss +++ b/_sass/modules/_heading.scss @@ -26,7 +26,7 @@ padding-bottom: 3px; } - h4 { + h4, p { padding-top: 17px; } @@ -166,10 +166,9 @@ padding-top: 4px; } - h4 { + h4, p { padding-top: 20px; } - } &__button { diff --git a/blog/index.html b/blog/index.html index 61ec18ff..dfe52f40 100644 --- a/blog/index.html +++ b/blog/index.html @@ -8,7 +8,7 @@

The Rails Blog: News & Release Notes

-

Discover the latest Rails news, version releases, community updates, and feature announcements.

+

Discover the latest Rails news, version releases, community updates, and feature announcements.

diff --git a/world/index.html b/world/index.html index f28c7453..a410db36 100644 --- a/world/index.html +++ b/world/index.html @@ -9,7 +9,7 @@

Rails World

-

Shaping the future of Ruby on Rails.

+

Shaping the future of Ruby on Rails.

From c60db26119a76311a996482dd519359a7cbf6fd3 Mon Sep 17 00:00:00 2001 From: Harriet Oughton Date: Wed, 28 May 2025 19:31:53 +0100 Subject: [PATCH 4/5] Change h6 to p for post dates, transfer h6 styling to p --- _includes/post.html | 2 +- _sass/modules/_blog.scss | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/_includes/post.html b/_includes/post.html index 3992681d..0c6afa4a 100755 --- a/_includes/post.html +++ b/_includes/post.html @@ -1,5 +1,5 @@
-
{{ post.date | date: '%B %-d, %Y' }}
+

{{ post.date | date: '%B %-d, %Y' }}

{{ post.title | strip_html }}
diff --git a/_sass/modules/_blog.scss b/_sass/modules/_blog.scss index 5088c5f8..b9b792a0 100755 --- a/_sass/modules/_blog.scss +++ b/_sass/modules/_blog.scss @@ -31,7 +31,7 @@ border-top: 3px solid rgba($color-black, 0.1); padding-top: 30px; - h6 { + p { font-size: 21px; font-weight: 600; letter-spacing: -0.006em; @@ -44,7 +44,7 @@ margin-bottom: -6px; margin-top: 1px; - dt { + h3 { color: $color-black; font-size: 31px; @@ -117,7 +117,7 @@ gap: 30px; padding-top: 40px; - h6 { + p { flex: 1; margin-top: -1px; } From 97e186aa992d42ac94f70defc82443f983b998df Mon Sep 17 00:00:00 2001 From: Harriet Oughton Date: Thu, 29 May 2025 08:22:26 +0100 Subject: [PATCH 5/5] Adjust HTML structure of blog posts --- _includes/post.html | 21 +++++++++++++-------- _sass/modules/_blog.scss | 28 +++++++++++++++++++--------- blog/index.html | 4 ++-- 3 files changed, 34 insertions(+), 19 deletions(-) diff --git a/_includes/post.html b/_includes/post.html index 0c6afa4a..26317b23 100755 --- a/_includes/post.html +++ b/_includes/post.html @@ -1,8 +1,13 @@ -
-

{{ post.date | date: '%B %-d, %Y' }}

- -
-
{{ post.title | strip_html }}
-
{{ post.content | strip_html | truncatewords: 30 }}
-
-
+
  • +
    +

    {{ post.date | date: '%B %-d, %Y' }}

    +
    +
    +

    + {{ post.title | strip_html }} +

    +

    + {{ post.content | strip_html | truncatewords: 30 }} +

    +
    +
    • diff --git a/_sass/modules/_blog.scss b/_sass/modules/_blog.scss index b9b792a0..3461c876 100755 --- a/_sass/modules/_blog.scss +++ b/_sass/modules/_blog.scss @@ -30,17 +30,25 @@ border-top: 3px solid rgba($color-black, 0.1); padding-top: 30px; + display: flex; + gap: 30px; - p { + + + .post-date { + flex: 1; + + p { font-size: 21px; font-weight: 600; letter-spacing: -0.006em; line-height: 26px; margin-top: -7px; + } } - dl { - + .post-container { + flex: 3; margin-bottom: -6px; margin-top: 1px; @@ -62,10 +70,9 @@ } } - } - dd { + p { color: $color-grey-5; font-size: 21px; @@ -117,12 +124,15 @@ gap: 30px; padding-top: 40px; - p { - flex: 1; - margin-top: -1px; + .post-date { + p { + flex: 1; + margin-top: -1px; + } } - dl { + + .post-container { flex: 3; margin-top: -8px; } diff --git a/blog/index.html b/blog/index.html index dfe52f40..81035d47 100644 --- a/blog/index.html +++ b/blog/index.html @@ -34,11 +34,11 @@

    The Rails Blog: News & Release Notes

    -
    +
      {% for post in paginator.posts %} {% include post.html %} {% endfor %} -
    + {% if paginator.next_page %}