diff options
| author | thinkpadmaster <a.scerba02@gmail.com> | 2023-11-08 18:08:16 -0500 |
|---|---|---|
| committer | Alex Scerba <alex@scerba.org> | 2024-10-29 13:19:59 -0400 |
| commit | 6115aaceb87ce23c42ef884b13eb0fe152b000f4 (patch) | |
| tree | eeba767f7bf5b94b0d235ca58573682bfd04cead /html | |
| parent | 7d877681d15f016777a405e14facf6ef5797fc87 (diff) | |
Full visual overhaul
Diffstat (limited to 'html')
| -rw-r--r-- | html/main/about.tmpl.html | 6 | ||||
| -rw-r--r-- | html/main/index.tmpl.html | 25 | ||||
| -rw-r--r-- | html/master.tmpl.html | 48 |
3 files changed, 37 insertions, 42 deletions
diff --git a/html/main/about.tmpl.html b/html/main/about.tmpl.html index ec88c22..afb6fcd 100644 --- a/html/main/about.tmpl.html +++ b/html/main/about.tmpl.html @@ -7,11 +7,7 @@ <h1>About</h1> <section class="postBackground"> <div class="postContent"> - <h2>Me and This Website</h2> - <figure> - <img src="/static/media/alex_profile_512.jpg" alt="Highschool senior photo portrait of Alex next to Yerkes Observatory."> - <figcaption>Highschool senior photo.</figcaption> - </figure> + <img src="/static/media/alex_profile_512.jpg" alt="Highschool senior photo portrait of Alex next to Yerkes Observatory."> <p>My name is Alex Scerba, and I am a design student at the College for Creative Studies in Detroit, MI.</p> <blockquote>"It's just a machine. Open it up and see what's wrong."</blockquote> <p>This phrase is mostly what my life revolves around. Tinkering, making, repairing, and improving the world through these outlets is what I strive to do in my lifetime.</p> diff --git a/html/main/index.tmpl.html b/html/main/index.tmpl.html index 6760fae..55acf81 100644 --- a/html/main/index.tmpl.html +++ b/html/main/index.tmpl.html @@ -3,24 +3,13 @@ {{ define "keywords" }}home{{end}} {{ define "main" }} - <h1 style="animation: 1s ease-out 0s 1 fadeIn">alexscerba.com</h1> - <div class="frontpage-subtitle" style="animation: 1s ease-out 0s 1 fadeIn"> - <div class="subtitle-text"> - <p>My place to:</p> - <p><strong>showcase design projects.<br>post life updates.<br>bulid web-development skills.</strong></p> - </div> - </div> - <section class="bottom"> - <h2>Latest Design Projects</h2> - <div class="posts"> + <h1>Design Projects</h1> + <section class="projects even-2-col-grid"> {{ range .Posts.Contents }} - <figure class="thumbnail"> - <a href="/projects/{{ .FileName }}"> - {{ .Image }} - <figcaption>{{ .Title }}</figcaption> - </a> - </figure> + <a href="/projects/{{ .FileName }}" class="thumbnail"> + {{ .Image }} + <p>{{ .Title }}</p> + </a> {{ end }} - </div> - </section> + </section> {{ end }}
\ No newline at end of file diff --git a/html/master.tmpl.html b/html/master.tmpl.html index 145d299..d107826 100644 --- a/html/master.tmpl.html +++ b/html/master.tmpl.html @@ -1,36 +1,46 @@ <!DOCTYPE html> <html lang="en-US"> - <head> - - <meta charset="utf-8" /> + <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>{{block "title" .}}Page{{end}} - Alex Scerba</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.alexscerba.com{{block "canonical" .}}{{end}}"> - <meta name="viewport" content="width=device-width, initial-scale=1" /> - <link rel="stylesheet" href="/static/style.css" /> + <link rel="stylesheet" href="/static/style-revised.css" /> <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon" /> - </head> - <body> - - <input type="checkbox" class="toggler"> - <div class="hamburger"><div></div></div> - <nav aria-labelledby="global-navigation" class="menu"> - <a href="/">Home</a> - <a href="/projects">Projects</a> - <a href="/blog">Blog</a> - <a href="/about">About</a> - </nav> + <header> + <div class="logo-w-name"> + <img src="/static/logo.svg" alt="Logo" class="logo"/> + <span class="name">Alex Scerba</span> + </div> + <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="/">Projects</a> + <a href="/static/Documents/Resume_Scerba_Fall2023.pdf">Résumé</a> + <a href="/about">About</a> + </nav> + </div> + </header> <main> -{{ template "main" . }} + {{ template "main" . }} </main> - </body> -</html> + <footer> + <img src="/static/logo.svg" alt="Logo" class="footer-logo"/> + <address> + <p>Contact: <a href="mailto:alex@alexscerba.com">alex@alexscerba.com</a></p> + <p>LinkedIn: <a href="https://linkedin.com/in/ascerba">linkedin.com/in/ascerba</a></p></p> + </address> + </footer> + </body> +</html>
\ No newline at end of file |