Add temporary projects

5 files changed, 128 insertions, 22 deletions

diff --git a/html/projects/Husqvarna_Val.tmpl.html b/html/projects/Husqvarna_Val.tmpl.html
deleted file mode 100644
index ab32eb2..0000000
--- a/html/projects/Husqvarna_Val.tmpl.html
+++ /dev/null
@@ -1,22 +0,0 @@
-{{define "title"}}{{.Post.Title}}{{end}}
-{{define "description"}}Husqvarna Val CCS unsponsored project.{{end}}
-{{define "uploaded-on"}}2024-05-08{{end}}
-{{define "keywords"}}project CCS{{end}}
-{{ define "canonical" }}/projects{{end}}
-
-{{define "main"}}
-    <h1>Project</h1>
-    <div class="postBackground">
-      <article class="projectContent">
-        <h2>{{.Post.Title}}</h2>
-        <p>Husqvarna Val powersports project. Extend electric range through the sidecar for longer and more remote adventures.</p>
-        <p><b>Final Deliverable:</b> Digital model and animation.</p>
-        <div class="hide">
-        <img src="/static/media/Husqvarna_Val/Bar_Shot.jpg" class="mainImage" alt="Husqvarna Val UI." width="1435" height="929" />
-        </div>
-        <img src="/static/media/Husqvarna_Val/HUSQVARNA_Scerba_3k_rev2.jpg" alt="Husqvarna Val sidecar motorcycle project." />
-        <!-- <video src="/static/media/Husqvarna_Val/Val_Animation.mp4" alt="Husqvarna Val animation." controls="" width="1920" height="1080"><a href="/static/media/Husqvarna_Val/Val_Animation.mp4">CJ7 Signal Test</a></video> -->
-        <iframe width="1920" src="https://www.youtube.com/embed/RXhwG4fjCKw?si=Bj5jhNxfdjiXy_Ch" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-      </article>
-    </div>
-{{end}}
\ No newline at end of file
diff --git a/html/projects/project.tmpl.html b/html/projects/project.tmpl.html
new file mode 100644
index 0000000..d48b985
--- /dev/null
+++ b/html/projects/project.tmpl.html
@@ -0,0 +1,32 @@
+{{define "title"}}{{.Post.Title}}{{end}}
+{{define "description"}}Husqvarna Val CCS unsponsored project.{{end}}
+{{define "uploaded-on"}}2024-05-08{{end}}
+{{define "keywords"}}project CCS{{end}}
+{{ define "canonical" }}/projects{{end}}
+
+{{define "main"}}
+    <div class="project-grid">
+      <h1>{{.Post.Title}}</h1>
+      <div>
+        <h2>channel</h2>
+        <p>One Two</p>
+        <h2>tags</h2>
+        <p>One Two Three Four</p>
+      </div>
+      <img src="/static/media/test21.jpg" alt="test-wide" width="1000" height="500" class="main-image" />
+      <div>
+        <h2>heading</h2>
+        <p>This is a bunch of extra content and stuff that you'll probably want obviously.</p>
+        <p>Another paragraph.</p>
+      </div>
+      <img src="/static/media/test43.jpg" alt="test image." width="1000" height="750" />
+      <div>
+        <h2>heading</h2>
+        <p>This is a bunch of extra content and stuff that you'll probably want obviously.</p>
+        <p>Another paragraph.</p>
+      </div>
+      <img src="/static/media/test11.jpg" alt="test image." width="1000" height="1000" />
+      <img src="/static/media/test11.jpg" alt="test image." width="1000" height="1000" />
+      <iframe width="1920" src="https://www.youtube.com/embed/RXhwG4fjCKw?si=Bj5jhNxfdjiXy_Ch" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+    </div>
+{{end}}
\ No newline at end of file
diff --git a/html/projects/project2.tmpl.html b/html/projects/project2.tmpl.html
new file mode 100644
index 0000000..352c427
--- /dev/null
+++ b/html/projects/project2.tmpl.html
@@ -0,0 +1,32 @@
+{{define "title"}}{{.Post.Title}}{{end}}
+{{define "description"}}Husqvarna Val CCS unsponsored project.{{end}}
+{{define "uploaded-on"}}2024-05-08{{end}}
+{{define "keywords"}}project CCS{{end}}
+{{ define "canonical" }}/projects{{end}}
+
+{{define "main"}}
+    <div class="project-grid">
+      <h1>{{.Post.Title}}</h1>
+      <div>
+        <h2>channel</h2>
+        <p>One Two</p>
+        <h2>tags</h2>
+        <p>One Two Three Four</p>
+      </div>
+      <img src="/static/media/test11.jpg" alt="test-wide" width="1000" height="1000" class="main-image" />
+      <div>
+        <h2>heading</h2>
+        <p>This is a bunch of extra content and stuff that you'll probably want obviously.</p>
+        <p>Another paragraph.</p>
+      </div>
+      <img src="/static/media/test.jpg" alt="test image." width="1000" height="667" />
+      <div>
+        <h2>heading</h2>
+        <p>This is a bunch of extra content and stuff that you'll probably want obviously.</p>
+        <p>Another paragraph.</p>
+      </div>
+      <img src="/static/media/test.jpg" alt="test image." width="1000" height="667" />
+      <img src="/static/media/test.jpg" alt="test image." width="1000" height="667" />
+      <iframe width="1920" src="https://www.youtube.com/embed/RXhwG4fjCKw?si=Bj5jhNxfdjiXy_Ch" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+    </div>
+{{end}}
\ No newline at end of file
diff --git a/html/projects/project3.tmpl.html b/html/projects/project3.tmpl.html
new file mode 100644
index 0000000..352c427
--- /dev/null
+++ b/html/projects/project3.tmpl.html
@@ -0,0 +1,32 @@
+{{define "title"}}{{.Post.Title}}{{end}}
+{{define "description"}}Husqvarna Val CCS unsponsored project.{{end}}
+{{define "uploaded-on"}}2024-05-08{{end}}
+{{define "keywords"}}project CCS{{end}}
+{{ define "canonical" }}/projects{{end}}
+
+{{define "main"}}
+    <div class="project-grid">
+      <h1>{{.Post.Title}}</h1>
+      <div>
+        <h2>channel</h2>
+        <p>One Two</p>
+        <h2>tags</h2>
+        <p>One Two Three Four</p>
+      </div>
+      <img src="/static/media/test11.jpg" alt="test-wide" width="1000" height="1000" class="main-image" />
+      <div>
+        <h2>heading</h2>
+        <p>This is a bunch of extra content and stuff that you'll probably want obviously.</p>
+        <p>Another paragraph.</p>
+      </div>
+      <img src="/static/media/test.jpg" alt="test image." width="1000" height="667" />
+      <div>
+        <h2>heading</h2>
+        <p>This is a bunch of extra content and stuff that you'll probably want obviously.</p>
+        <p>Another paragraph.</p>
+      </div>
+      <img src="/static/media/test.jpg" alt="test image." width="1000" height="667" />
+      <img src="/static/media/test.jpg" alt="test image." width="1000" height="667" />
+      <iframe width="1920" src="https://www.youtube.com/embed/RXhwG4fjCKw?si=Bj5jhNxfdjiXy_Ch" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+    </div>
+{{end}}
\ No newline at end of file
diff --git a/html/projects/project4.tmpl.html b/html/projects/project4.tmpl.html
new file mode 100644
index 0000000..d48b985
--- /dev/null
+++ b/html/projects/project4.tmpl.html
@@ -0,0 +1,32 @@
+{{define "title"}}{{.Post.Title}}{{end}}
+{{define "description"}}Husqvarna Val CCS unsponsored project.{{end}}
+{{define "uploaded-on"}}2024-05-08{{end}}
+{{define "keywords"}}project CCS{{end}}
+{{ define "canonical" }}/projects{{end}}
+
+{{define "main"}}
+    <div class="project-grid">
+      <h1>{{.Post.Title}}</h1>
+      <div>
+        <h2>channel</h2>
+        <p>One Two</p>
+        <h2>tags</h2>
+        <p>One Two Three Four</p>
+      </div>
+      <img src="/static/media/test21.jpg" alt="test-wide" width="1000" height="500" class="main-image" />
+      <div>
+        <h2>heading</h2>
+        <p>This is a bunch of extra content and stuff that you'll probably want obviously.</p>
+        <p>Another paragraph.</p>
+      </div>
+      <img src="/static/media/test43.jpg" alt="test image." width="1000" height="750" />
+      <div>
+        <h2>heading</h2>
+        <p>This is a bunch of extra content and stuff that you'll probably want obviously.</p>
+        <p>Another paragraph.</p>
+      </div>
+      <img src="/static/media/test11.jpg" alt="test image." width="1000" height="1000" />
+      <img src="/static/media/test11.jpg" alt="test image." width="1000" height="1000" />
+      <iframe width="1920" src="https://www.youtube.com/embed/RXhwG4fjCKw?si=Bj5jhNxfdjiXy_Ch" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+    </div>
+{{end}}
\ No newline at end of file