add cncf footer

Signed-off-by: encalada <[email protected]>

assets/scss/_styles_project.scss

@@ -10,4 +10,13 @@ img.height-50 {
 
 .td-navbar .navbar-brand__name {
     display: none;
-  }
+}
+
+.td-footer__all_rights_reserved {
+    display: inline;
+}
+
+.tradem img {
+    width: 500px;
+    height: auto;
+}

content/en/_index.html

@@ -1,10 +1,10 @@
 +++
 title = "Shipwright"
 linkTitle = "Shipwright"
-
 +++
 
-{{< blocks/cover title="Shipwright: A framework for building container images on Kubernetes" image_anchor="top" height="full" color="orange" >}}
+
+{{< blocks/cover title="Shipwright: A framework for building container images on Kubernetes" image_anchor="top" height="full" color="dark">}}
 <div class="mx-auto">
 	<!-- <a class="btn btn-lg btn-primary mr-3 mb-4" href="{{< relref "/docs" >}}">
 		Learn More <i class="fas fa-arrow-alt-circle-right ml-2"></i>

hugo.yaml

@@ -87,7 +87,7 @@ params:
   version_menu: Releases
 
 
-  copyright: 2024 The Shipwright Contributors
+  copyright: The Shipwright Contributors
 
   # Flag used in the "version-banner" partial to decide whether to display a
   # banner on every page indicating that this is an archived version of the docs.

i18n/en.toml

@@ -2,3 +2,6 @@
 
 [main_license]
 other = """The Shipwright Contributors | Licensed under <a href="https://github.com/shipwright-io/website/LICENSE">CC BY 4.0</a>"""
+
+[footer_all_rights_reserved]
+other = " "

layouts/partials/footer.html

@@ -1,55 +1,15 @@
-{{ $links := .Site.Params.links }}
-<footer class="bg-dark py-5 row d-print-none">
-  <div class="container-fluid mx-sm-5">
-    <div class="row">
-      <div class="col-6 col-sm-4 text-xs-center order-sm-2">
-        {{ with $links }}
-        {{ with index . "user"}}
-        {{ template "footer-links-block"  . }}
-        {{ end }}
-        {{ end }}
+<footer class="td-footer row d-print-none">
+  <div class="container-fluid">
+    <div class="row mx-md-2">
+      <div class="col-6 col-sm-4 text-xs-center order-sm-1">
+        {{ partial "footer/left.html"  . }}
       </div>
-      <div class="col-6 col-sm-4 text-right text-xs-center order-sm-3">
-        {{ with $links }}
-        {{ with index . "developer"}}
-        {{ template "footer-links-block"  . }}
-        {{ end }}
-        {{ end }}
+      <div class="col-6 col-sm-4 text-end text-xs-center order-sm-3">
+        {{ partial "footer/right.html"  . }}
       </div>
-      <div class="col-12 col-sm-4 text-center py-2 order-sm-2">
-        {{ with .Site.Params.copyright }}<small class="text-white">&copy; {{ now.Year}} {{ T "main_license" | safeHTML }}</small>{{ end }}
-        <small class="text-white"></small>
-        {{ with .Site.Params.privacy_policy }}<small class="ml-1"><a href="{{ . }}" target="_blank">{{ T "footer_privacy_policy" }}</a></small>{{ end }}
-	{{ if not .Site.Params.ui.footer_about_disable }}
-		{{ with .Site.GetPage "about" }}<p class="mt-2"><a href="{{ .RelPermalink }}">{{ .Title }}</a></p>{{ end }}
-  {{ end }}
-      </div>
-    </div>
-    <div class="row">
-      <div class="col text-left order-sm-2">
-        <a href="https://cd.foundation">
-          <img class="height-50" src="https://raw.githubusercontent.com/cdfoundation/artwork/main/cdf/stacked/white/cdf-stacked-white.svg" alt="CD Foundation" />
-        </a>
-      </div>
-      <div class="col text-center order-sm-2">
-        <small class="text-white">A <a href="https://cd.foundation">CD Foundation</a> Incubating Project</small>
-      </div>
-      <div class="col text-right order-sm-2">
-        <a href="https://www.netlify.com">
-          <img src="https://www.netlify.com/img/global/badges/netlify-color-bg.svg" alt="Deploys by Netlify" />
-        </a>
+      <div class="td-footer__copyright-etc col-12 col-sm-4 text-center py-2 order-sm-2">
+        {{ partial "footer/center.html"  . }}
       </div>
     </div>
   </div>
-</footer>
-{{ define "footer-links-block" }}
-<ul class="list-inline mb-0">
-  {{ range . }}
-  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="{{ .name }}" aria-label="{{ .name }}">
-    <a class="text-white" target="_blank" rel="noopener noreferrer" href="{{ .url }}">
-      <i class="{{ .icon }}"></i>
-    </a>
-  </li>
-  {{ end }}
-</ul>
-{{ end }}
+</footer>

layouts/partials/footer/center.html

@@ -0,0 +1,14 @@
+<div class="cncf">
+	<div class="tradem">
+		{{ $cncf := resources.Get "/img/cncf-logo.png" }}
+		<h2>We are a Cloud Native Computing Foundation sandbox project.</h2>
+		<img src="{{ $cncf.RelPermalink }}" alt="opened box" loading="lazy"/>
+		<p>The Linux Foundation® (TLF) has registered trademarks and uses trademarks. For a list of TLF trademarks, see <a href="https://www.linuxfoundation.org/trademark-usage/" target="_blank">Trademark Usage</a>.</p>
+	</div>
+</div>
+{{ with .Site.Params.copyright -}}
+<span>&copy; {{ now.Year }} {{ . }} {{ T "footer_all_rights_reserved" }}</span>
+{{- end }}
+{{ with .Site.Params.privacy_policy -}}
+<span class="ms-1"><a href="{{ . }}" target="_blank" rel="noopener">{{ T "footer_privacy_policy" }}</a></span>
+{{- end }}

layouts/partials/footer/left.html

@@ -0,0 +1,5 @@
+{{ with .Site.Params.links }}
+{{ with index . "user" }}
+{{ partial "footer/links.html"  . }}
+{{ end }}
+{{ end }}

layouts/partials/footer/links.html

@@ -0,0 +1,9 @@
+<ul class="td-footer__links-list">
+    {{ range . }}
+    <li class="td-footer__links-item" data-bs-toggle="tooltip" title="{{ .name }}" aria-label="{{ .name }}">
+      <a target="_blank" rel="noopener" href="{{ .url }}" aria-label="{{ .name }}">
+        <i class="{{ .icon }}"></i>
+      </a>
+    </li>
+    {{ end }}
+  </ul>

layouts/partials/footer/right.html

@@ -0,0 +1,5 @@
+{{ with .Site.Params.links }}
+{{ with index . "developer" }}
+{{ partial "footer/links.html"  . }}
+{{ end }}
+{{ end }}