From d6989ca519a314968976c55ba01f6e3517ec3022 Mon Sep 17 00:00:00 2001
From: David John Gagne <davidjohngagne@gmail.com>
Date: Wed, 7 Aug 2024 10:04:05 -0500
Subject: [PATCH] Add projects

---
 themes/ncar/layouts/projects/list.html   | 44 +++++++++++++++++++++
 themes/ncar/layouts/projects/single.html | 49 ++++++++++++++++++++++++
 2 files changed, 93 insertions(+)
 create mode 100644 themes/ncar/layouts/projects/list.html
 create mode 100644 themes/ncar/layouts/projects/single.html

diff --git a/themes/ncar/layouts/projects/list.html b/themes/ncar/layouts/projects/list.html
new file mode 100644
index 0000000..a78b791
--- /dev/null
+++ b/themes/ncar/layouts/projects/list.html
@@ -0,0 +1,44 @@
+{{ define "main" }}
+
+<section class="site-project-header" style="background-image: url({{ .Params.image | absURL }});">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-lg-8">
+        <div class="site-project-header-content">
+          <h1>
+            {{ .Title | safeHTML }}
+          </h1>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="site-project" id="project">
+  <div class="container">
+    <div class="row">
+      {{ range (.Paginator 4).Pages }}
+      <div class="col-lg-6 col-md-10 mx-auto">
+        <a href="{{ .Permalink }}" class="text-decoration-none">
+        <div class="site-project-item">
+          <div class="site-project-item-thumb">
+            <img src="{{ .Params.Image | absURL }}" alt="project-thumb">
+          </div>
+          <div class="site-project-item-content">
+            <span>{{ delimit .Params.category ", " }}</span>
+            <h3>{{ .Title }}</h3>
+          </div>
+        </div>
+        </a>
+      </div>
+      {{ end }}
+      <div class="col-12">
+        <div class="site-project-pagination">
+          {{ template "_internal/pagination.html" . }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+{{ end }}
diff --git a/themes/ncar/layouts/projects/single.html b/themes/ncar/layouts/projects/single.html
new file mode 100644
index 0000000..12afb5c
--- /dev/null
+++ b/themes/ncar/layouts/projects/single.html
@@ -0,0 +1,49 @@
+{{ define "main" }}
+
+<section class="site-project-single-section">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-8 mx-auto">
+        <div class="site-project-single">
+          <h1>
+            {{ .Title }}
+          </h1>
+          <div class="site-project-single-description">
+            {{ .Content }}
+          </div>
+          <div class="site-project-single-image">
+            {{ range .Params.project_images }}
+            <img src="{{ . | absURL }}" alt="project image">
+            {{ end }}
+          </div>
+          {{ if or .PrevInSection .NextInSection }}
+          <div class="site-project-single-action">
+            {{ if .PrevInSection }}
+            <div class="site-project-single-action-prev">
+              <a href="{{.PrevInSection.Permalink}}">
+                <img src="{{ "images/to-top.svg" | absURL }}" alt="previous">
+                <span class="link-area">
+                  <span data-text="Previous">Previous</span>
+                </span>
+              </a>
+            </div>
+            {{ end }}
+            {{ if .NextInSection }}
+            <div class="site-project-single-action-next">
+              <a href="{{.NextInSection.Permalink}}">
+                <span class="link-area">
+                  <span data-text="Next">Next</span>
+                </span>
+                <img src="{{ "images/to-top.svg" | absURL }}" alt="next">
+              </a>
+            </div>
+            {{ end }}
+          </div>
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+{{ end }}