feat: add latest news

Signed-off-by: Felipe Zipitria <[email protected]>

assets/scss/_sponsors.scss

@@ -0,0 +1,9 @@
+.gold-sponsor {
+    width: 100%;
+}
+.silver-sponsor {
+    width: 80%;
+}
+.bronze-sponsor {
+    width: 60%; 
+}

assets/scss/styles.scss

@@ -24,4 +24,5 @@
 @import "shortcodes/toc";
 @import "shortcodes/intro";
 @import "shortcodes/youtube-enhanced";
+@import "sponsors";
 @import "home";

layouts/index.html

@@ -14,7 +14,7 @@ <h2 class="subhero">{{ i18n "subhero" }}</h2>
         width="585"
         height="530"
         src="{{ "images/undraw_safe_re_kiil.svg" | relURL }}"
-        alt="Teamwork"
+        alt="Rules protecting a safe"
         loading="eager"
         decoding="async"
       />
@@ -47,6 +47,10 @@ <h2>{{ i18n "sectionTitle3" }}</h2>
 
   <hr />
 
+  {{ partial "latest-news.html" . }}
+
+  <hr />
+
   {{ partial "sponsors.html" . }}
 
 {{ end }}

layouts/partials/latest-news.html

@@ -0,0 +1,5 @@
+<h3>Latest Blog Posts</h3>
+
+{{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
+  <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
+{{end}}

layouts/partials/sponsors.html

@@ -7,20 +7,23 @@ <h3>Call for Sponsors</h3>
 
 {{ range $name, $kind := .Site.Data.sponsors }}
 <h3>{{  strings.FirstUpper $name }} Sponsors</h3>
-
-<div class="columns columns-2">
+{{ $colnum := 2 }}
+<div class="columns columns-{{ $colnum }}">
 {{ range $kind }}
-<div class="column">
-    <img
-        caption="{{ .caption }}"
-        width="300"
-        height="150"
-        loading="lazy"
-        src="{{ relURL .logo }}"
-        link="{{ .link }}"
-    />
+<div class="column {{ lower $name }}-sponsor">
+    <a href="{{ .link }}">
+        <img
+            caption="{{ .caption }}"
+            width="300"
+            height="150"
+            loading="lazy"
+            src="{{ relURL .logo }}"
+            link="{{ .link }}"
+        />
+    </a> 
 </div>
 {{ end }}
+{{ $colnum = add $colnum 1 }}
 </div>
 {{ end }}