From 24097c0f12f6df39845253ffa0053550bb200d2b Mon Sep 17 00:00:00 2001
From: Toshaan Bharvani <toshaan@vantosh.com>
Date: Sun, 20 Feb 2022 10:00:55 +0100
Subject: [PATCH] update 404 page and add suggested button

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>
---
 content/404.md                                |   5 ++
 data/fourofour.yaml                           |   9 +++
 .../img/powerlinuxlaptop.png                  | Bin
 themes/openpowerfoundation/layouts/404.html   |  52 +++++++++---------
 4 files changed, 40 insertions(+), 26 deletions(-)
 create mode 100644 content/404.md
 create mode 100644 data/fourofour.yaml
 rename themes/openpowerfoundation/{static => assets}/img/powerlinuxlaptop.png (100%)

diff --git a/content/404.md b/content/404.md
new file mode 100644
index 0000000..7360eca
--- /dev/null
+++ b/content/404.md
@@ -0,0 +1,5 @@
+---
+title: 404 Page not Found
+date: 2022-02-19
+draft: false
+---
diff --git a/data/fourofour.yaml b/data/fourofour.yaml
new file mode 100644
index 0000000..9d1ce0b
--- /dev/null
+++ b/data/fourofour.yaml
@@ -0,0 +1,9 @@
+alternatebuttons:
+  - title: Working Groups
+    link: /groups/
+  - title: Technical Specifications
+    link: /specifications/
+  - title: Compliance Specificiations
+    link: /compliance/
+  - title: Contact Us
+    link: /contact/
diff --git a/themes/openpowerfoundation/static/img/powerlinuxlaptop.png b/themes/openpowerfoundation/assets/img/powerlinuxlaptop.png
similarity index 100%
rename from themes/openpowerfoundation/static/img/powerlinuxlaptop.png
rename to themes/openpowerfoundation/assets/img/powerlinuxlaptop.png
diff --git a/themes/openpowerfoundation/layouts/404.html b/themes/openpowerfoundation/layouts/404.html
index 221dcaa..84ffa92 100644
--- a/themes/openpowerfoundation/layouts/404.html
+++ b/themes/openpowerfoundation/layouts/404.html
@@ -1,34 +1,34 @@
-i{{ partial "header.html" . }}
-
+{{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
-
-<main>
+<main id="lost">
 <section id="lost">
-	<div class="container-fluid">
-
-		<div class="section-header">
-			<h3 class="section-title">You are lost.</h3>
-			<span class="section-divider"></span>
-			<p class="section-description">404 Not Found error</p>
-		</div>
-
-		<div class="row">
-			<div class="col-lg-1">&nbsp;</div>
-			<div class="col-lg-10 col-lg-offset-4 text-center text-center">
-				<div class="gallery-item wow fadeInUp">
-					<img src="/img/powerlinuxlaptop.png" alt="404">
-				</div>
-			</div>
-			<div class="col-lg-1">&nbsp;</div>
+<div class="container">
+	<div class="section-header">
+		<h3 class="section-title">{{ .Title }}</h3>
+		<p class="section-description">{{ .Content }}</p>
+	</div>
+	<div class="row">
+		<p>Maybe you're looking for this :</p>
+		{{ range $.Site.Data.fourofour.alternatebuttons }}
+			<div class="col-lg-3"><a class="btn btn-outline-primary" href="{{ .link | relURL }}">{{ .title }}</a></div>
+		{{ end }}
+	</div>
+	<div class="row">&nbsp;</div>
+	<div class="row">
+		<div class="col-lg-1">&nbsp;</div>
+		<div class="col-lg-10 col-lg-offset-4 text-center text-center">
+			{{ $logoimagefile := "img/openpower-logo.png" }}
+			{{ $logoimageresource := resources.Get $logoimagefile }}
+			{{ $404imagefile := "img/powerlinuxlaptop.png" }}
+			{{ $404imageresource := resources.Get $404imagefile }}
+			{{ $404imageoverlay := $404imageresource.Filter (images.Overlay $logoimageresource 15 15) }}
+			{{ $404image := $404imageoverlay.Fit "800x800 webp" }}
+			<div class="gallery-item wow fadeInUp"><img src="{{ $404image.RelPermalink }}" alt="404"></div>
 		</div>
-
-		<div class="container">&nbsp;</div>
-
+		<div class="col-lg-1">&nbsp;</div>
 	</div>
+</div>
 </section>
-
 </main>
-
 <div class="container">&nbsp;</div>
-
 {{ partial "footer.html" . }}