style(series): redesign for cohesion

i18n/en.toml

@@ -65,9 +65,6 @@ table_of_contents = "Table of Contents"
 load_comments = "Load comments"
 
 # Series.
-series = "SERIE"
-series_jump_to_posts = "Jump to posts"
-series_posts = "Series' posts:"
 series_page_headline = "This article is part of the series: $SERIES_HTML_LINK."
 
 # Copy code block button.

i18n/fr.toml

@@ -65,9 +65,6 @@ table_of_contents = "Table des matières"
 load_comments = "Afficher les commentaires"
 
 # Series.
-series = "SERIE"
-series_jump_to_posts = "Aller aux articles"
-series_posts = "Articles de la série :"
 series_page_headline = "Cet article fait partie de la série : $SERIES_HTML_LINK."
 
 # Copy code block button.

sass/main.scss

@@ -190,7 +190,7 @@ article {
     }
 }
 
-.section-title, .seriesposts-title {
+.section-title {
     display: block;
     margin: 0;
     margin-top: -0.15em;
@@ -200,10 +200,6 @@ article {
     line-height: 1.2em;
 }
 
-.seriesposts-title {
-    font-size: 1.5em;
-}
-
 .last-updated {
     margin-top: -5vmin;
 }

sass/parts/_misc.scss

@@ -42,20 +42,6 @@ ul {
     padding-bottom: 8px;
 }
 
-.title-label {
-    margin-right: 0.3rem;
-    background-color: var(--primary-color);
-    padding: 2px 4px;
-    color: var(--hover-color);
-    font-size: 1rem;
-    vertical-align: top;
-}
-
-.title-button {
-    margin-left: 0.3rem;
-    float: right;
-}
-
 .bottom-divider {
     border-bottom: var(--divider-color) solid 0.5px;
 }

templates/series.html

@@ -13,26 +13,13 @@
     {%- include "partials/home_banner.html" -%}
 {% endif -%}
 
-    <article>
+    {{ macros_page_header::page_header(title=section.title) }}
-        <div>
+
-            <span class="title-label">{{ macros_translate::translate(key="series", default="SERIES", language_strings=language_strings) }}</span>
+    <section class="body">
-            {%- set jump_to_series_posts = macros_translate::translate(key="series_jump_to_posts", default="Jump to posts", language_strings=language_strings) -%}
+        {{ section.content | safe }}
-            <a href="#posts-list" class="title-button no-hover-padding" title="{{ jump_to_series_posts }}">
+    </section>
-                {{ jump_to_series_posts }}
-            </a>
-            {{ macros_page_header::page_header(title=section.title) }}
-        </div>
 
-        <section class="body">
-            {{ section.content | safe }}
-        </section>
-    </article>
     <div id="posts-list">
-        <div>
-            <h2 class="seriesposts-title bottom-divider">
-                {{ macros_translate::translate(key="series_posts", default="Series' posts:", language_strings=language_strings) }}
-            </h2>
-        </div>
         {%- if paginator %}
             {%- set pages = paginator.pages -%}
         {% else %}
@@ -41,13 +28,12 @@
 
         {% set max_posts = section.extra.max_posts | default(value=999999) %}
         {{ macros_list_posts::list_posts(posts=pages, max=max_posts, metadata="indexes", language_strings=language_strings, section_path=section.path, paginator=paginator | default(value="")) }}
-
     </div>
 
     {% if paginator %}
         {%- include "partials/paginate.html" -%}
     {% endif %}
-    
+
 </main>
 
 {%- include "partials/extra_features.html" -%}