Refactored news handling (#359)

CommanderStorm · louwers · web-flow · commit 0ee2472f8745 · 2024-11-25T12:39:44.000+01:00
* fixed a few news entries being badly formatted

* refactored how the news look

* formatting fixes

* formatting fixes, prettier needed two runs

* minor tweaks for mobile

* formatting fixes

* adress comments

- made sure that the spacing is not buggy
- move the tags are at the top
- make sure that categorys are

* formatting fix

* Work around formatter

* Run formatter

* fix space before comma

* changed from nbsp to regular spaces around author names

* removed the x minutes read from the news sections

* reverted changes to the news single page

* minor tweaks

---------

Co-authored-by: Bart Louwers &lt;bart@emeel.net&gt;
diff --git a/assets/custom.scss b/assets/custom.scss
@@ -19,10 +19,6 @@ body {
   }
 }
 
-.post-meta-date {
-  color: rgb(177, 177, 230) !important;
-}
-
 object {
   pointer-events: none;
   display: block;
@@ -152,20 +148,24 @@ ul.projects {
 ul.section-list {
   list-style: none;
   padding: 0;
+  .card {
+    background-color: transparent;
+    color: var(--bs-body-color);
+    border: 1px solid rgba(0, 0, 0, 0);
+  }
+  .card:hover {
+    background-color: rgba(0, 0, 0, 0.1);
+    color: white;
+    border: 1px solid rgba(0, 0, 0, 0.125);
+  }
 
   li {
     margin: 10px 0;
-
-    &:before {
-      margin-right: 5px;
-      color: $secondary;
-      content: "# ";
-    }
   }
 }
 
 .post-meta-date {
-  color: #7a7a7a;
+  color: rgb(177, 177, 230);
 }
 
 .inline-icon {
diff --git a/content/news/2023-02-16-maplibre-newsletter-february-2023.md b/content/news/2023-02-16-maplibre-newsletter-february-2023.md
@@ -6,8 +6,6 @@ authors: [wipfli]
 draft: false
 ---
 
-# MapLibre Newsletter - February 2023
-
 ## General
 
 We have successfully registered the MapLibre trademark in the [US](https://tsdr.uspto.gov/#caseNumber=97744197&caseType=SERIAL_NO&searchType=statusSearch) and in the [EU](https://euipo.europa.eu/eSearch/#details/trademarks/018773096). Open Source Collective, our fiscal host, holds the MapLibre trademarks.
diff --git a/content/news/2023-03-20-maplibre-newsletter-march-2023/index.md b/content/news/2023-03-20-maplibre-newsletter-march-2023/index.md
@@ -6,8 +6,6 @@ authors: [wipfli]
 draft: false
 ---
 
-# MapLibre Newsletter - March 2023
-
 ## General
 
 #### Bounty Program
diff --git a/content/news/2023-04-14-maplibre-newsletter-april-2023/index.md b/content/news/2023-04-14-maplibre-newsletter-april-2023/index.md
@@ -6,8 +6,6 @@ authors: [wipfli]
 draft: false
 ---
 
-# MapLibre Newsletter - April 2023
-
 ## Highlights
 
 <img style="max-width:100%;" src="https://maplibre.org/news/2023-04-06-komoot-becomes-a-maplibre-silver-sponsor/maplibre-komoot-logo.svg" width=450>
diff --git a/content/news/2023-05-18-maplibre-newsletter-may-2023/index.md b/content/news/2023-05-18-maplibre-newsletter-may-2023/index.md
@@ -6,8 +6,6 @@ authors: [duje]
 draft: false
 ---
 
-# MapLibre Newsletter - May 2023
-
 ## Highlights
 
 #### Mierune
diff --git a/content/news/2023-06-23-maplibre-newsletter-june-2023/index.md b/content/news/2023-06-23-maplibre-newsletter-june-2023/index.md
@@ -6,8 +6,6 @@ authors: [duje]
 draft: false
 ---
 
-# MapLibre Newsletter - June 2023
-
 ## Highlights
 
 ### JawgMaps
diff --git a/content/news/2023-07-30-maplibre-newsletter-july-2023/index.md b/content/news/2023-07-30-maplibre-newsletter-july-2023/index.md
@@ -6,8 +6,6 @@ authors: [duje]
 draft: false
 ---
 
-# MapLibre Newsletter - July 2023
-
 ## Highlights
 
 ### COVTiles
diff --git a/content/news/2023-08-26-maplibre-newsletter-august-2023/index.md b/content/news/2023-08-26-maplibre-newsletter-august-2023/index.md
@@ -6,8 +6,6 @@ authors: [duje]
 draft: false
 ---
 
-# MapLibre Newsletter - August 2023
-
 ## Highlights
 
 ### Governing Board Elections
diff --git a/content/news/2023-09-18-maplibre-newsletter-september-2023/index.md b/content/news/2023-09-18-maplibre-newsletter-september-2023/index.md
@@ -6,8 +6,6 @@ authors: [wipfli, harel, bart]
 draft: false
 ---
 
-# MapLibre Newsletter - September 2023
-
 ### Governing Board Elections
 
 It is already one year now that MapLibre has an elected Governing Board, and as the Board members serve a one-year-term, it was time for new Governing Board Elections. We held the Elections and all existing Board members have been re-elected. Read more [here](https://maplibre.org/news/2023-08-30-results-governing-board-election/).
diff --git a/content/news/2023-10-30-maplibre-newsletter-october-2023/index.md b/content/news/2023-10-30-maplibre-newsletter-october-2023/index.md
@@ -6,8 +6,6 @@ authors: [wipfli, harel, bart]
 draft: false
 ---
 
-# MapLibre Newsletter - October 2023
-
 ## MapLibre GL JS
 
 Just in time for this newsletter, MapLibre GL JS has gained over [5000 Stars on GitHub](https://github.com/maplibre/maplibre-gl-js/stargazers). Great that we got so far and thanks to everyone who contributed in the past and made this possible!
diff --git a/content/news/2023-11-30-maplibre-newsletter-november-2023/index.md b/content/news/2023-11-30-maplibre-newsletter-november-2023/index.md
@@ -6,8 +6,6 @@ authors: [wipfli, yuri, bart]
 draft: false
 ---
 
-# MapLibre Newsletter - November 2023
-
 ## MapLibre GL JS
 
 ### v4
diff --git a/content/news/2023-12-30-maplibre-newsletter-december-2023/index.md b/content/news/2023-12-30-maplibre-newsletter-december-2023/index.md
@@ -6,8 +6,6 @@ authors: [wipfli]
 draft: false
 ---
 
-# MapLibre Newsletter - December 2023
-
 <a href="https://demotiles.maplibre.org"><img src="./happy-2024.jpg" style="max-width: 100%"></a>
 
 MapLibre wishes you all the best for 2024! https://demotiles.maplibre.org
diff --git a/content/news/2024-01-30-maplibre-newsletter-january-2024/index.md b/content/news/2024-01-30-maplibre-newsletter-january-2024/index.md
@@ -6,8 +6,6 @@ authors: [wipfli]
 draft: false
 ---
 
-# MapLibre Newsletter - January 2024
-
 A lot of great things happened this January: Maputnik, Metal, new releases of MapLibre Native Node bindings and Martin, and hopefully our last prerelease of MapLibre GL JS v4 all appeared this month.
 
 # MapLibre GL JS
diff --git a/content/news/2024-02-29-maplibre-newsletter-february-2024/index.md b/content/news/2024-02-29-maplibre-newsletter-february-2024/index.md
@@ -6,8 +6,6 @@ authors: [wipfli, harel, bart]
 draft: false
 ---
 
-# MapLibre Newsletter - February 2024
-
 In February 2024, we were happy to [announce](https://maplibre.org/news/2024-02-20-msft-announcement/) that Microsoft has joined the MapLibre Sponsorship Program. With Amazon, Meta, and Microsoft we now have three companies that have a seat in the MapLibre Advisory Council which meets with members of the MapLibre Governing Board on a quarterly basis.
 
 MapLibre's fiscal host is called Open Source Collective, a non-profit organization based in the US. We would like to emphasize that Open Source Collective is a fully independent organization from Open Collective Foundation despite the similarity in name. Since the two entities are fully independent, the announced dissolution of the Open Collective Foundation will have no consequences to the operations of Open Source Collective and therefore will also have **no consequences for MapLibre and its sponsors**. You can read more about it in this in [blog post](https://opencollective.com/opensource/updates/regarding-the-announcement-to-dissolve-open-collective-foundation) of Lauren Gardner, the Executive Director of Open Source Collective.
diff --git a/content/news/2024-03-25-maplibre-newsletter-march-2024/index.md b/content/news/2024-03-25-maplibre-newsletter-march-2024/index.md
@@ -6,8 +6,6 @@ authors: [wipfli, harel, bart]
 draft: false
 ---
 
-# MapLibre Newsletter - March 2024
-
 In March 2024, we onboarded [maplibre-gl-inspect](https://github.com/maplibre/maplibre-gl-inspect) into the MapLibre GitHub organization. MapLibre GL Inspect is a small plugin for MapLibre GL JS that allows you to inspect the contents of vector tiles including the attributes of vector tile features. Special thanks to [Andrew Calcutt](https://github.com/acalcutt) who maintained this plugin over the last years and made sure it works with MapLibre GL JS.
 
 ## MapLibre GL JS
diff --git a/content/news/2024-04-30-maplibre-newsletter-april-2024/index.md b/content/news/2024-04-30-maplibre-newsletter-april-2024/index.md
@@ -6,8 +6,6 @@ authors: [wipfli, harel, bart, boldtrn]
 draft: false
 ---
 
-# MapLibre Newsletter - April 2024
-
 At the end of March, we were happy to announce that Mappedin, a global leader in indoor mapping and spatial data management, joined the MapLibre Sponsorship Program. Let us give a warm welcome to our latest sponsor Mappedin!
 
 <div id="sponsor-list">
diff --git a/content/news/2024-05-31-maplibre-newsletter-may-2024/index.md b/content/news/2024-05-31-maplibre-newsletter-may-2024/index.md
@@ -6,8 +6,6 @@ authors: [wipfli, harel, bart, yuri]
 draft: false
 ---
 
-# MapLibre Newsletter - May 2024
-
 [Mierune](https://www.mierune.co.jp/), our first-ever sponsor, has made a donation again to support MapLibre in 2024 for the third year in a row. Thank you so much Mierune!
 
 <img src="maplibre-mierune-logo.svg" width="100%"/>
diff --git a/content/news/2024-06-30-maplibre-newsletter-june-2024/index.md b/content/news/2024-06-30-maplibre-newsletter-june-2024/index.md
@@ -6,8 +6,6 @@ authors: [wipfli, harel, bart, yuri]
 draft: false
 ---
 
-# MapLibre Newsletter - June 2024
-
 We would like to open the June newsletter by thanking [komoot](https://komoot.com/) for their continued support as a member of the MapLibre Sponsorship Program!
 
 <a href="https://komoot.com/">
diff --git a/content/news/2024-07-31-maplibre-newsletter-july-2024/index.md b/content/news/2024-07-31-maplibre-newsletter-july-2024/index.md
@@ -6,8 +6,6 @@ authors: [wipfli, harel, bart, hactar]
 draft: false
 ---
 
-# MapLibre Newsletter - July 2024
-
 [Jawg Maps](https://www.jawg.io/en/) continues to support MapLibre in 2024 - Thank You!
 
 <a href="https://www.jawg.io/en/">
diff --git a/content/news/2024-09-02-maplibre-newsletter-august-2024/index.md b/content/news/2024-09-02-maplibre-newsletter-august-2024/index.md
@@ -6,8 +6,6 @@ authors: [wipfli, harel, bart]
 draft: false
 ---
 
-# MapLibre Newsletter - August 2024
-
 We are glad to open the August newsletter with a cordial THANK YOU to [Radar](https://radar.com) for continuing to sponsor MapLibre in 2024!
 
 <a href="https://www.radar.com/">
diff --git a/content/news/2024-09-30-maplibre-newsletter-september-2024/index.md b/content/news/2024-09-30-maplibre-newsletter-september-2024/index.md
@@ -6,8 +6,6 @@ authors: [ramyaragupathy, ianthetechie, harel, bart]
 draft: false
 ---
 
-# MapLibre Newsletter - September 2024
-
 We’re delighted to begin the September newsletter with a heartfelt THANK YOU to Microsoft for their unwavering support as a sponsor of MapLibre in 2024!
 
 <a href="https://www.microsoft.com/">
diff --git a/content/news/2024-10-30-maplibre-newsletter-october-2024/index.md b/content/news/2024-10-30-maplibre-newsletter-october-2024/index.md
@@ -6,8 +6,6 @@ authors: [meena, bart, harel]
 draft: false
 ---
 
-# MapLibre Newsletter - October 2024
-
 We’re delighted to begin the October newsletter with a gracious and hearty Thank You to Meta for their unwavering support as a sponsor of MapLibre in 2024! We look forward to what is to come.
 
 <a href="https://www.meta.com/">
diff --git a/layouts/categories/taxonomy.html b/layouts/categories/taxonomy.html
@@ -1,23 +1,15 @@
 {{ define "main" }}
-  {{ partial "title-header.html" (dict "sitetitle" $.Site.Title "title" .Title) }}
-  <div class="container">
+  {{ partial "title-header.html" (dict "sitetitle" $.Site.Title "title" .Title) 100100 }}
+  <main class="container">
     {{ if .Content }}{{ .Content }}{{ end }}
     <div class="row">
       <div class="d-flex justify-content-center align-items-center">
         <div class="col-md-10 col-lg-8">
-          <ul class="section-list">
-            {{ range .Paginator.Pages }}
-              <li>
-                <a href="{{ .RelPermalink }}"> {{- .Title | markdownify }} </a>
-                {{ partial "post_meta.html" . }}
-              </li>
-            {{ end }}
-          </ul>
+          {{ partial "post-list.html" .Paginator }}
+
+          {{ template "_internal/pagination.html" . }}
         </div>
       </div>
-
-      {{/* Display paginator */}}
-      {{ template "_internal/pagination.html" . }}
     </div>
-  </div>
+  </main>
 {{ end }}
diff --git a/layouts/news/.gitkeep b/layouts/news/.gitkeep
diff --git a/layouts/news/single.html b/layouts/news/single.html
@@ -7,30 +7,29 @@
         <div>
           Categories:
           {{ range (.GetTerms "categories") }}
-            <span class="badge bg-light"
-              ><a href="{{ .Permalink }}">{{ .LinkTitle }}</a></span
-            >
+            <span class="badge bg-light">
+              <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+            </span>
           {{ end }}
-
         </div>
         <div>
           Authors:
           <span>
-            {{- range .Params.authors }}
+            {{- range $author := .Params.authors }}
               {{- with $.Site.GetPage "taxonomyTerm" (printf "authors/%s" (urlize .)) }}
-                <span class="badge bg-light"
-                  ><a href="{{ .Permalink }}">{{ .Params.title }}</a></span
-                >
+                <span class="badge bg-light">
+                  <a href="{{ .Permalink }}"
+                    >{{ .Params.title | default $author }}</a
+                  >
+                </span>
               {{ end }}
             {{ end }}
           </span>
         </div>
       </div>
-      <div class="col-md-10 col-lg-8">
-        <div>
-          {{ .Content }}
-        </div>
-      </div>
+      <article class="col-md-10 col-lg-8">
+        {{ .Content }}
+      </article>
     </div>
   </div>
 {{ end }}
diff --git a/layouts/partials/post-list.html b/layouts/partials/post-list.html
@@ -1,10 +1,12 @@
-<ul class="section-list">
+<ul class="section-list gx-5">
   {{ range .Pages }}
-    <li class="mb-5">
-      <a href="{{ .RelPermalink }}">
-        <strong> {{- .Title | markdownify }} </strong>
-      </a>
-      {{ partial "post_meta.html" . }}
-    </li>
+    <a href="{{ .RelPermalink }}">
+      <li class="card">
+        <div class="card-body">
+          <h2 class="h3">{{- .Title | markdownify }}</h2>
+          {{ partial "post_meta.html" . }}
+        </div>
+      </li>
+    </a>
   {{ end }}
 </ul>
diff --git a/layouts/partials/post_meta.html b/layouts/partials/post_meta.html
@@ -1,5 +1,4 @@
 <div class="post-meta">
+  <p>{{ .Summary | plainify }}</p>
   {{ partial "post_meta_date.html" . }}
-  {{/* Display summary */}}
-  <div>{{ .Summary }}</div>
 </div>
diff --git a/layouts/partials/post_meta_date.html b/layouts/partials/post_meta_date.html
@@ -1,16 +1,15 @@
-{{ $dateFormat := default "Jan 2, 2006" (index .Site.Params "datefmt") }}
-
-{{ $readTime := mul (div (countwords .Content) 200.0) 60 }}
-{{ $minutes := math.Ceil (div $readTime 60) }}
+{{- $dateFormat := default "Jan 2, 2006" (index .Site.Params "datefmt") -}}
 
+{{- $readTime := mul (div (countwords .Content) 200.0) 60 -}}
+{{- $minutes := math.Ceil (div $readTime 60) -}}
 {{- if not .Date.IsZero -}}
-  <div class="post-meta-date">
+  <p class="post-meta-date mb-0">
     <time datetime="{{ .Date.Format " 2006-01-02" }}"
       >{{ .Date.Format $dateFormat }}</time
     >
     <span> · </span>
     <span
       >{{ $minutes }} {{ cond (eq $minutes 1) "minute" "minutes" }} read</span
     >
-  </div>
+  </p>
 {{ end }}
