diff options
| author | Alex Scerba <alex@scerba.org> | 2024-09-27 18:56:29 -0400 |
|---|---|---|
| committer | Alex Scerba <alex@scerba.org> | 2024-09-27 18:56:29 -0400 |
| commit | 2782bafcfdb69ef7b69a51a717a6bd35095e9369 (patch) | |
| tree | 32d69f68fe2dbc6b9cc5a5ac8ff970d79f348156 /html | |
| parent | 1208c2e7e7e79cfe122f8d5f38160a0611cc9dfe (diff) | |
Add base files
Diffstat (limited to 'html')
| -rw-r--r-- | html/about.tmpl.html | 16 | ||||
| -rw-r--r-- | html/index.tmpl.html | 17 | ||||
| -rw-r--r-- | html/master.tmpl.html | 47 | ||||
| -rw-r--r-- | html/projects/Husqvarna_Val.tmpl.html | 22 |
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 |