diff options
| -rw-r--r-- | faq.html | 58 | ||||
| -rw-r--r-- | html/about.tmpl.html (renamed from about.html) | 51 | ||||
| -rw-r--r-- | html/blog.tmpl.html (renamed from blog.html) | 62 | ||||
| -rw-r--r-- | html/faq.tmpl.html | 15 | ||||
| -rw-r--r-- | html/gallery.tmpl.html (renamed from gallery.html) | 51 | ||||
| -rw-r--r-- | html/index.tmpl.html | 25 | ||||
| -rw-r--r-- | html/master.tmpl.html (renamed from wip.html) | 24 | ||||
| -rw-r--r-- | html/wip.tmpl.html | 10 | ||||
| -rw-r--r-- | index.html | 63 |
9 files changed, 82 insertions, 277 deletions
diff --git a/faq.html b/faq.html deleted file mode 100644 index 57b537f..0000000 --- a/faq.html +++ /dev/null @@ -1,58 +0,0 @@ -<!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="Alexander Rees Scerba" />
- <title>FAQ - Scerba.org</title>
- <meta name="description" content="FAQ" />
- <meta name="keywords" content="faq">
- <link rel="canonical" href="https://www.scerba.org/faq.html">
- <link rel="stylesheet" href="./static/style.css" />
- <link rel="shortcut icon" href="./static/favicon.ico" type="image/x-icon" />
- </head>
- <body>
- <header>
- <div class="top-bar">
- <a href="/" class="logo-w-name">
- <!--<img src="/static/logo.svg" alt="Logo" class="logo"/>-->
- <span class="name">Alex Scerba</span>
- </a>
- <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="./index.html">Home</a>
- <a href="./blog.html">Blog</a>
- <a href="./gallery.html">Gallery</a>
- <a href="./about.html">About</a>
- <a href="./faq.html">FAQ</a>
- </nav>
- </div>
- </div>
- </header>
-
- <main>
- <section>
- <h1>FAQ</h1>
- <p>General information about this website and other things to know.</p>
- <h2>Purpose</h2>
- <p>This site serves as my place to share my thoughts and experiences, akin to a social media page but a bit more personal.</p>
- <p>It has gone through many revisions, and was once hosted on the <a href="https://alexscerba.com" target="_blank" rel="noopener noreferrer">alexscerba.com</a> domain. I still need to make an archive of the intermediate sites, but you can view the original as it was left at <a href="https://old.scerba.org" target="_blank" rel="noopener noreferrer">old.scerba.org</a>.</p>
- <h2>Web-Hosting</h2>
- <p>I locally host this page and its cousin, <a href="https://alexscerba.com" target="_blank" rel="noopener noreferrer">alexscerba.com</a>, on an old Dell Latitude E6500 in my basement. Currently, it is a static site served through Nginx, but it will be moved to Go in the near future.</p>
- <h2>TO-DO</h2>
- <p>You can view the <a href="./README.md">README</a> for info on site plans.</p>
- </section>
- </main>
-
- <footer>
- <!-- <img src="/static/logo.svg" alt="Logo" class="footer-logo"/> -->
- <address>
- <p>Contact: <a href="mailto:alex@scerba.org">alex@scerba.org</a></p>
- <p>Design Site: <a href="https://alexscerba.com" target="_blank" rel="noopener noreferrer">alexscerba.com</a></p>
- </address>
- </footer>
- </body>
-</html>
diff --git a/about.html b/html/about.tmpl.html index a91ddb4..4065877 100644 --- a/about.html +++ b/html/about.tmpl.html @@ -1,39 +1,8 @@ -<!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="Alexander Rees Scerba" />
- <title>About - Scerba.org</title>
- <meta name="description" content="About" />
- <meta name="keywords" content="about">
- <link rel="canonical" href="https://www.scerba.org/about.html">
- <link rel="stylesheet" href="./static/style.css" />
- <link rel="shortcut icon" href="./static/favicon.ico" type="image/x-icon" />
- </head>
- <body>
- <header>
- <div class="top-bar">
- <a href="/" class="logo-w-name">
- <!--<img src="/static/logo.svg" alt="Logo" class="logo"/>-->
- <span class="name">Alex Scerba</span>
- </a>
- <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="./index.html">Home</a>
- <a href="./blog.html">Blog</a>
- <a href="./gallery.html">Gallery</a>
- <a href="./about.html">About</a>
- <a href="./faq.html">FAQ</a>
- </nav>
- </div>
- </div>
- </header>
+{{ define "title" }}About{{end}}
+{{ define "description" }}About me.{{end}}
+{{ define "keywords" }}info{{end}}
- <main>
+{{ define "main" }}
<section>
<h1>About</h1>
<h2>TL; DR - An Intro</h2>
@@ -46,14 +15,4 @@ <p>When I was in elementary school, I would doodle and draw pretty decently, but never did anything with it. Throughout my first year of college, though, I made it a point to try and fill a sketchbook with drawings, so when I decided to leave MSOE it was a guiding factor in choosing where I wanted to go next.</p>
<p>Growing up around motorcycles and cars, and finding enjoyment in working on and fixing them, I looked for a career path that merged vehichles and drawing, and that's how I discovered the Transportation Design department at CCS.</p>
</section>
- </main>
-
- <footer>
- <!-- <img src="/static/logo.svg" alt="Logo" class="footer-logo"/> -->
- <address>
- <p>Contact: <a href="mailto:alex@scerba.org">alex@scerba.org</a></p>
- <p>Design Site: <a href="https://alexscerba.com" target="_blank" rel="noopener noreferrer">alexscerba.com</a></p>
- </address>
- </footer>
- </body>
-</html>
+{{ end }}
diff --git a/blog.html b/html/blog.tmpl.html index 6c5c93e..c51f83d 100644 --- a/blog.html +++ b/html/blog.tmpl.html @@ -1,47 +1,18 @@ -<!DOCTYPE html>
-<html lang="en-US">
+{{ define "title" }}Blog{{end}}
+{{ define "description" }}Site blog.{{end}}
+{{ define "keywords" }}blog{{end}}
-<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="Alexander Rees Scerba" />
- <title>Blog - Scerba.org</title>
- <meta name="description" content="Blog" />
- <meta name="keywords" content="blog">
- <link rel="canonical" href="https://www.scerba.org/blog.html">
- <link rel="stylesheet" href="./static/style.css" />
- <link rel="shortcut icon" href="./static/favicon.ico" type="image/x-icon" />
-</head>
-
-<body>
- <header>
- <div class="top-bar">
- <a href="/" class="logo-w-name">
- <!--<img src="/static/logo.svg" alt="Logo" class="logo"/>-->
- <span class="name">Alex Scerba</span>
- </a>
- <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="./index.html">Home</a>
- <a href="./blog.html">Blog</a>
- <a href="./gallery.html">Gallery</a>
- <a href="./about.html">About</a>
- <a href="./faq.html">FAQ</a>
- </nav>
- </div>
- </div>
- </header>
-
- <main>
+{{ define "main" }}
<section>
<h1>Blog</h1>
<p>A collection of thoughts, life updates, projects, and images in reverse chronological order.</p>
<hr />
+ <h2 id="202405041">May the 4th be with You</h2>
+ <p>Happy Star Wars Day! I haven't really been keeping up with all the new shows recently due to school and not liking most of the new content's storytelling and delivery. I'll probably watch something tonight though just because.</p>
+ <p>Side rant, what's up with new big budget movies looking uncanny. I recently saw a trailer for <em>Furiosa: A Mad Max Saga</em>, I couldn't take it seriously. This franchise is built on grit and practical effects, and whatever their doing, at least for the trailers, looks like CGI, even if it isn't. Also, Chris Hemsworth? Anya Tayor-Joy? I think I've just seen too much of them recently, so I'm not that thrilled with the casting. It could have been a cool opportunity for some lesser known actors.</p>
+ <p>Anyways, time to figure out what to watch.</p>
+ <p><b>Created:</b> 2024-05-04</p>
+ <hr />
<h2 id="202403131">My Git Server is Live</h2>
<p>After a long while, I finally have my <a href="https://git.scerba.org" targen="_blank" rel="noopener noreferrer">git server</a> in a good spot. There's only a couple public repos on there currently (well one if we're being fair), but that will change as time goes on.</p>
<p><b>Created:</b> 2024-03-13</p>
@@ -454,15 +425,4 @@ <hr />
<h2 class="end">End</h2>
</section>
- </main>
-
- <footer>
- <!-- <img src="/static/logo.svg" alt="Logo" class="footer-logo"/> -->
- <address>
- <p>Contact: <a href="mailto:alex@scerba.org">alex@scerba.org</a></p>
- <p>Design Site: <a href="https://alexscerba.com" target="_blank" rel="noopener noreferrer">alexscerba.com</a></p>
- </address>
- </footer>
-</body>
-
-</html>
\ No newline at end of file +{{ end }}
diff --git a/html/faq.tmpl.html b/html/faq.tmpl.html new file mode 100644 index 0000000..b37937d --- /dev/null +++ b/html/faq.tmpl.html @@ -0,0 +1,15 @@ +{{ define "title" }}FAQ{{end}}
+{{ define "description" }}Frequently asked questions.{{end}}
+{{ define "keywords" }}info{{end}}
+
+{{ define "main" }}
+ <section>
+ <h1>FAQ</h1>
+ <p>General information about this website and other things to know.</p>
+ <h2>Purpose</h2>
+ <p>This site serves as my place to share my thoughts and experiences, akin to a social media page but a bit more personal.</p>
+ <p>It has gone through many revisions and was once hosted on the <a href="https://alexscerba.com" target="_blank" rel="noopener noreferrer">alexscerba.com</a> domain. I still need to make an archive of the intermediate sites, but you can view the original as it was left at <a href="https://old.scerba.org" target="_blank" rel="noopener noreferrer">old.scerba.org</a>.</p>
+ <h2>Web-Hosting</h2>
+ <p>I locally host this page and its cousin, <a href="https://alexscerba.com" target="_blank" rel="noopener noreferrer">alexscerba.com</a>, on an old Dell Latitude E6500 in my basement. The site runs on a go webserver for template functionality. Dynamic features like tags and masonry layout on the gallery will be coming soon.</p>
+ </section>
+{{ end }}
diff --git a/gallery.html b/html/gallery.tmpl.html index 59591b8..089a0e4 100644 --- a/gallery.html +++ b/html/gallery.tmpl.html @@ -1,39 +1,8 @@ -<!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="Alexander Rees Scerba" />
- <title>WIP - Scerba.org</title>
- <meta name="description" content="Work in progress" />
- <meta name="keywords" content="wip">
- <link rel="canonical" href="https://www.scerba.org/wip.html">
- <link rel="stylesheet" href="./static/style.css" />
- <link rel="shortcut icon" href="./static/favicon.ico" type="image/x-icon" />
- </head>
- <body>
- <header>
- <div class="top-bar">
- <a href="/" class="logo-w-name">
- <!--<img src="/static/logo.svg" alt="Logo" class="logo"/>-->
- <span class="name">Alex Scerba</span>
- </a>
- <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="./index.html">Home</a>
- <a href="./blog.html">Blog</a>
- <a href="./gallery.html">Gallery</a>
- <a href="./about.html">About</a>
- <a href="./faq.html">FAQ</a>
- </nav>
- </div>
- </div>
- </header>
+{{ define "title" }}Gallery{{end}}
+{{ define "description" }}Collection of every image on the site in reverse-chronological order.{{end}}
+{{ define "keywords" }}gallery, image{{end}}
- <main>
+{{ define "main" }}
<section>
<h1>Gallery</h1>
<p>A collection of images on the site.</p>
@@ -96,14 +65,4 @@ <img src="./static/media/Jeep_CJ7_Turn_Signal_Repair/images/Final_Rear.webp" alt="Rear of final lamp assembly" width="1280" height="960" />
<video src="./static/media/Jeep_CJ7_Turn_Signal_Repair/images/Flasher_Test.mp4" alt="Turn signal test, and lamp flashes as expected" controls="" width="1920" height="1080"><a href="./static/media/Jeep_CJ7_Turn_Signal_Repair/images/Flasher_Test.mp4">CJ7 Signal Test</a></video>
</div>
- </main>
-
- <footer>
- <!-- <img src="/static/logo.svg" alt="Logo" class="footer-logo"/> -->
- <address>
- <p>Contact: <a href="mailto:alex@scerba.org">alex@scerba.org</a></p>
- <p>Design Site: <a href="https://alexscerba.com" target="_blank" rel="noopener noreferrer">alexscerba.com</a></p>
- </address>
- </footer>
- </body>
-</html>
+{{ end }}
diff --git a/html/index.tmpl.html b/html/index.tmpl.html new file mode 100644 index 0000000..8deceba --- /dev/null +++ b/html/index.tmpl.html @@ -0,0 +1,25 @@ +{{ define "title" }}Home{{end}}
+{{ define "description" }}Homepage{{end}}
+{{ define "keywords" }}home{{end}}
+
+{{ define "landing" }}
+ <div class="landing-page">
+ <div class="landing-text">
+ <span>Design.</span>
+ <span>Make.</span>
+ <span>Tinker.</span>
+ </div>
+ <a href="#intro" style="display: block;" class="arrow-container"><span class="down-arrow"></span></a>
+ </div>
+{{ end }}
+
+{{ define "main" }}
+ <section id="intro">
+ <hr style="margin-top: 0;">
+ <h1 style="font-size: 2rem; margin-top: 3rem;">Scerba.org</h1>
+ <p><i style="color: black;">The personal website of Alex Scerba.</i></p>
+ <p>Check out my <a href="/blog">blog</a> where I write about various projects, adventures, and life updates.</p>
+ <p>You can see an overview collection of every image in the blog on the <a href="/gallery">gallery</a> page and learn more about me and the site through the <a href="/about">about</a> and <a href="/faq">FAQ</a> pages.</p>
+ <p>Thanks for stopping by!</p>
+ </section>
+{{ end }}
diff --git a/wip.html b/html/master.tmpl.html index 21992b6..2857701 100644 --- a/wip.html +++ b/html/master.tmpl.html @@ -5,10 +5,10 @@ <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Alexander Rees Scerba" />
- <title>WIP - Scerba.org</title>
- <meta name="description" content="Work in progress" />
- <meta name="keywords" content="wip">
- <link rel="canonical" href="https://www.scerba.org/wip.html">
+ <title>{{block "title" .}}Page{{end}} - Scerba.org</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.scerba.org{{block "canonical" .}}{{end}}">
<link rel="stylesheet" href="./static/style.css" />
<link rel="shortcut icon" href="./static/favicon.ico" type="image/x-icon" />
</head>
@@ -23,21 +23,19 @@ <input type="checkbox" class="toggler">
<div class="hamburger"><div></div></div>
<nav aria-labelledby="global-navigation" class="main-nav">
- <a href="./index.html">Home</a>
- <a href="./blog.html">Blog</a>
- <a href="./wip.html">Gallery</a>
- <a href="./about.html">About</a>
- <a href="./faq.html">FAQ</a>
+ <a href="/">Home</a>
+ <a href="/blog">Blog</a>
+ <a href="/gallery">Gallery</a>
+ <a href="/about">About</a>
+ <a href="/faq">FAQ</a>
</nav>
</div>
</div>
+ {{ block "landing" . }}{{ end }}
</header>
<main>
- <section>
- <h1>Work In Progress</h1>
- <p>You can view the <a href="./README.md">README</a> for info on site plans.</p>
- </section>
+ {{ template "main" . }}
</main>
<footer>
diff --git a/html/wip.tmpl.html b/html/wip.tmpl.html new file mode 100644 index 0000000..cfc323d --- /dev/null +++ b/html/wip.tmpl.html @@ -0,0 +1,10 @@ +{{ define "title" }}WIP{{end}}
+{{ define "description" }}Work in progress. Page under construction.{{end}}
+{{ define "keywords" }}hide{{end}}
+
+{{ define "main" }}
+ <section>
+ <h1>Whoops! Page under construction!</h1>
+ <p>Check back later.</p>
+ </section>
+{{ end }}
diff --git a/index.html b/index.html deleted file mode 100644 index 6735ec4..0000000 --- a/index.html +++ /dev/null @@ -1,63 +0,0 @@ -<!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="Alexander Rees Scerba" />
- <title>Home - Scerba.org</title>
- <meta name="description" content="Homepage" />
- <meta name="keywords" content="home">
- <link rel="canonical" href="https://www.scerba.org/index.html">
- <link rel="stylesheet" href="./static/style.css" />
- <link rel="shortcut icon" href="./static/favicon.ico" type="image/x-icon" />
- </head>
- <body>
- <header>
- <div class="top-bar">
- <a href="/" class="logo-w-name">
- <!--<img src="/static/logo.svg" alt="Logo" class="logo"/>-->
- <span class="name">Alex Scerba</span>
- </a>
- <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="./index.html">Home</a>
- <a href="./blog.html">Blog</a>
- <a href="./gallery.html">Gallery</a>
- <a href="./about.html">About</a>
- <a href="./faq.html">FAQ</a>
- </nav>
- </div>
- </div>
- <div class="landing-page">
- <div class="landing-text">
- <span>Design.</span>
- <span>Make.</span>
- <span>Tinker.</span>
- </div>
- <a href="#intro" style="display: block;" class="arrow-container"><span class="down-arrow"></span></a>
- </div>
- </header>
-
- <main style="padding-top: 0;">
- <section id="intro">
- <hr style="margin-top: 0;">
- <h1 style="font-size: 2rem; margin-top: 3rem;">Scerba.org</h1>
- <p><i style="color: black;">The personal website of Alex Scerba.</i></p>
- <p>Check out my <a href="./blog.html">blog</a> where I write about various projects, adventures, and life updates.</p>
- <p>You can see an overview collection of every image in the blog on the <a href="./gallery.html">gallery</a> page and learn more about me and the site through the <a href="./about.html">about</a> and <a href="./faq.html">FAQ</a> pages.</p>
- <p>Thanks for stopping by!</p>
- </section>
- </main>
-
- <footer>
- <!-- <img src="/static/logo.svg" alt="Logo" class="footer-logo"/> -->
- <address>
- <p>Contact: <a href="mailto:alex@scerba.org">alex@scerba.org</a></p>
- <p>Design Site: <a href="https://alexscerba.com" target="_blank" rel="noopener noreferrer">alexscerba.com</a></p>
- </address>
- </footer>
- </body>
-</html>
|