4 files changed, 102 insertions, 0 deletions
diff --git a/html/about.tmpl.html b/html/about.tmpl.html
new file mode 100644
index 0000000..dda674c
--- /dev/null
+++ b/html/about.tmpl.html
@@ -0,0 +1,16 @@
+{{ define "title" }}About{{end}}
+{{ define "description" }}About me.{{end}}
+{{ define "keywords" }}info{{end}}
+
+{{ define "main" }}
+      <h1>About</h1>
+      <h2>Who I Am</h2>
+      <p>My name is Alex Scerba, and I am an undergrad design student at the College for Creative Studies (CCS) in Detroit, MI. I enjoy drawing, web development, bicycles, motorcycles, and just overall messing around/tinkering with products and objects.</p>
+      <p>I use this site to practice graphic design and web development. It's a place to share what I'm up to. Check out the <a href="/faq">FAQ</a> for more info.</p>
+      <figure>
+        <img src="./static/media/alex_profile_512.jpg" alt="Close up of Alex standing in front of red brick wall wearing a medium gray button down." width="511" height="512"/>
+        <figcaption>Portrait, 2023. Credits: Chelsea Rogers</figcaption>
+      </figure>
+      <h2>Future Plans</h2>
+      <p>I hope to start my own business designing, manufacturing, and selling custom parts for cars and motorcycles after spending time in the automotive and powersports industry as a designer or digital sculptor.</p>
+{{ end }}
diff --git a/html/index.tmpl.html b/html/index.tmpl.html
new file mode 100644
index 0000000..582bc24
--- /dev/null
+++ b/html/index.tmpl.html
@@ -0,0 +1,17 @@
+{{ define "title" }}Home{{end}}
+{{ define "description" }}Homepage{{end}}
+{{ define "keywords" }}home{{end}}
+
+{{ define "main" }}
+      <h1>Design Projects</h1>
+      <div>
+        <div class="projects even-2-col-grid">
+{{ range .Posts.Contents }}
+          <a href="/projects/{{ .FileName }}" class="thumbnail">
+            {{ .Image }}
+            <span class="title">{{ .Title }}</span>
+          </a>
+{{ end }}
+        </div>
+      </div>
+{{ end }}
+\ No newline at end of file
diff --git a/html/master.tmpl.html b/html/master.tmpl.html
new file mode 100644
index 0000000..275ea40
--- /dev/null
+++ b/html/master.tmpl.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="author" content="Chelsea Rogers" />
+    <title>{{block "title" .}}Page{{end}} - Chelsea Rogers</title>
+    <meta name="description" content="{{block "description" .}}Alex's personal site{{end}}" />
+    <meta name="keywords" content="{{block "keywords" .}}personal site{{end}}">
+    <link rel="canonical" href="https://www.chelsea-rogers.com{{block "canonical" .}}{{end}}">
+    <link rel="stylesheet" href="/static/style.css" />
+    <link rel="shortcut icon" href="/static/assets/favicon.ico" type="image/x-icon" />
+  </head>
+  <body>
+    <header>
+      <div class="main-nav-position">
+        <input type="checkbox" class="toggler">
+        <div class="hamburger"><div></div></div>
+        <nav aria-labelledby="global-navigation" class="main-nav">
+          <a href="/">HOME</a>
+          <a href="/about">ABOUT</a>
+          <a href="/static/Resume_Chelsea_Rogers.pdf">RESUME</a>
+        </nav>
+      </div>
+      <a href="/" class="logo-w-name">
+        <span class="name">Chelsea Rogers</span>
+        <span class="sub-head">Communication Designer</span>
+      </a>
+    </header>
+
+    <main>
+
+        {{ template "main" . }}
+
+    </main>
+
+    <footer>
+      <img src="/static/assets/logo.svg" alt="Logo" class="footer-logo"/>
+      <address>
+        <p>CONTACT: <a href="mailto:crogers16@ccsdetroit.edu">crogers16@ccsdetroit.edu</a></p>
+        <p>LINKEDIN: <a href="https://linkedin.com/in/chelsea-rogers-b9997a227" target="_blank" rel="noopener noreferrer">linkedin.com/in/chelsea-rogers-b9997a227</a></p></p>
+        <p>RESUME: <a href="/static/Resume_Scerba.pdf">view</a></p>
+      </address>
+    </footer>
+  </body>
+</html>
diff --git a/html/projects/Husqvarna_Val.tmpl.html b/html/projects/Husqvarna_Val.tmpl.html
new file mode 100644
index 0000000..ab32eb2
--- /dev/null
+++ b/html/projects/Husqvarna_Val.tmpl.html
@@ -0,0 +1,22 @@
+{{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