Add a partial for the supporter acknowledgements

This partial uses a json file of: name, url, logo, currently
uses the five acknowledgements on the front page.

This is not included anywhere yet, but it's the first part of
breaking up the front page into reusable sections.

Author: meldra

data/supporters.json

@@ -0,0 +1,27 @@
+[
+  {
+    "name": "National Science Foundation",
+    "logo": "/img/nsf.jpg",
+    "url": "https://www.nsf.gov"
+  },
+  {
+    "name": "DataCite",
+    "logo": "/img/datacite.png",
+    "url": "https://datacite.org"
+  },
+  {
+    "name": "GitHub",
+    "logo": "/img/github.png",
+    "url": "https://github.com"
+  },
+  {
+    "name": "figshare",
+    "logo": "/img/figshare.png",
+    "url": "https://figshare.com"
+  },
+  {
+    "name": "Zenodo",
+    "logo": "/img/zenodo.jpg",
+    "url": "https://zenodo.org"
+  }
+]

themes/CodeMeta-Pyramids/layouts/partials/supporters.html

@@ -0,0 +1,11 @@
+             
+			<div class="row justify-content-center">
+			{{ range sort .Site.Data.supporters "name" }}
+			<div class="card col-3 m-1 pt-3 supporter-card">
+			  <a class="h-100" href="{{ .url }}"><img class="card-img-top" aria-label="Logo of {{ .name }}" src="{{ .logo }}" alt="{{ .name }}"></a>
+			  <div class="card-footer d-none d-md-block text-center">
+				<p class="lead"><a class="fw-bold w-100" href="{{ .url }}">{{ .name }}</a></p>
+			  </div>
+			</div>
+			{{ end }}</div>
+

themes/CodeMeta-Pyramids/static/css/codemeta.css

@@ -101,6 +101,25 @@ div.highlight {
   }
 }
 
+/*!
+ * Card theming
+ */
+
+.card {
+  background-color: var(--bs-dark-bg-subtle);
+}
+
+[data-bs-theme=dark] .card {
+  background-color: var(--bs-border-color) !important;
+  color: var(--bs-body-color);
+}
+
+.supporter-card a {
+ display:flex;
+ flex-direction:column;
+ justify-content:center;
+}
+
 /*!
  * ToC theming
  */