diff options
| -rw-r--r-- | data/blog/FirstPost.html | 8 | ||||
| -rw-r--r-- | data/projects/CCSEntryPortfolio.html | 16 | ||||
| -rw-r--r-- | data/projects/CCSSophomoreInterior.html | 14 | ||||
| -rw-r--r-- | templates/about.html | 6 | ||||
| -rw-r--r-- | templates/blog.html | 9 | ||||
| -rw-r--r-- | templates/index.html | 15 | ||||
| -rw-r--r-- | templates/master.html | 20 | ||||
| -rw-r--r-- | templates/postHelp.tmpl | 3 | ||||
| -rw-r--r-- | templates/projects.html | 9 |
9 files changed, 46 insertions, 54 deletions
diff --git a/data/blog/FirstPost.html b/data/blog/FirstPost.html index a867384..2130e0f 100644 --- a/data/blog/FirstPost.html +++ b/data/blog/FirstPost.html @@ -3,14 +3,12 @@ <title>First Post</title> <meta name="description" content="Blog entry"> {{br}} - <section> - <p>- <a href="/blog/FirstPost">First Post</a></p> - </section> + <p>- <a href="/blog/FirstPost">First Post</a></p> {{br}} - <h1>First Post</h1> <section> + <h2>First Post</h2> <p>This is my first post on the new site! I am very excited to have the new system set up and mostly functional. There is still plenty of work to be done, but this is a great start.</p> - <p>I have moved to Golang for all server side scripting web serving, and it's been a fun language to learn so far. I have had a lot of encouragement from my friend over at <a href="https://www.angel-castaneda.com" target="_blank" rel="noopener noreferrer">www.angel-castaneda.com</a> so go check out his page to see what he is working on.</p> + <p>I have moved to Golang for all server side scripting and web serving, and it's been a fun language to learn so far. I have had a lot of encouragement from my friend over at <a href="https://www.angel-castaneda.com" target="_blank" rel="noopener noreferrer">www.angel-castaneda.com</a> so go check out his page to see what he is working on.</p> <p> The new site structure should be as follows: <ul> diff --git a/data/projects/CCSEntryPortfolio.html b/data/projects/CCSEntryPortfolio.html index 7bf39ae..cdf5012 100644 --- a/data/projects/CCSEntryPortfolio.html +++ b/data/projects/CCSEntryPortfolio.html @@ -3,15 +3,15 @@ <title>CCS Entry Portfolio</title> <meta name="description" content="Project post"> {{br}} - <section> - <figure> + <figure class="thumbnail"> + <a href="/projects/CCSEntryPortfolio"> <img src="/static/media/Sketch Portfolio early 2021/SL350_Bobber_720p.jpg" alt="Side view Honda SL350 bobber sketch."> - <figcaption><a href="/projects/CCSEntryPortfolio">My 2021 CCS Entry Portfolio</a></figcaption> - </figure> - </section> + <figcaption>My 2021 CCS Entry Portfolio</figcaption> + </a> + </figure> {{br}} - <h1>CCS Entry Portfolio early 2021</h1> - <section class="imgGrid"> + <h2>CCS Entry Portfolio early 2021</h2> + <div class="imgGrid"> <img src="/static/media/Sketch Portfolio early 2021/Arai_Helmet_720p.jpg" alt="Arai helmet sketch."> <img src="/static/media/Sketch Portfolio early 2021/Bernie_720p.jpg" alt="Cat, Bernie, sketch."> <img src="/static/media/Sketch Portfolio early 2021/Peacock_Portrait2_Zoom_720p.jpg" alt="Zoomed peacock sketch with feathers out."> @@ -20,4 +20,4 @@ <img src="/static/media/Sketch Portfolio early 2021/SL350_Bobber_720p.jpg" alt="Side view Honda SL350 bobber sketch."> <img src="/static/media/Sketch Portfolio early 2021/Peacock_Portrait_720p.jpg" alt="Peakcock sketch with feathers tucked."> <img src="/static/media/Sketch Portfolio early 2021/Dorm_Setup_720p.jpg" alt="Sketch of my dorm setup at the Milwaukee School of Engineering."> - </section>
\ No newline at end of file + </div>
\ No newline at end of file diff --git a/data/projects/CCSSophomoreInterior.html b/data/projects/CCSSophomoreInterior.html index ba8a0a9..a18c436 100644 --- a/data/projects/CCSSophomoreInterior.html +++ b/data/projects/CCSSophomoreInterior.html @@ -3,15 +3,15 @@ <title>CCS Sophomore Interior</title> <meta name="description" content="Project post"> {{br}} - <section> - <figure> - <!--Move to 720p Image--> + <figure class="thumbnail"> + <!--Move to 720p Image--> + <a href="/projects/CCSSophomoreInterior"> <img src="/static/media/DTR-232-D-Final_Board-Scerba.jpg" alt="Sophomore interior studio project HONDA S-30."> - <figcaption><a href="/projects/CCSSophomoreInterior">HONDA S-30 - Sophomore Interior</a></figcaption> - </figure> - </section> + <figcaption>HONDA S-30 - Sophomore Interior</figcaption> + </a> + </figure> {{br}} - <h1>CCS Sophomore Interior</h1> + <h2>CCS Sophomore Interior</h2> <figure> <img src="/static/media/DTR-232-D-Final_Board-Scerba.jpg" alt="Sophomore interior studio project HONDA S-30."> <figcaption>Final board for DTR.232.D interior studio class.</figcaption> diff --git a/templates/about.html b/templates/about.html index a6a432b..9f8fcab 100644 --- a/templates/about.html +++ b/templates/about.html @@ -3,12 +3,12 @@ <meta name="description" content="About me, Alex Scerba"> {{ end }} {{ define "main" }} - <h1>About</h1> - <p class="subtitle">Me and my site.</p> - <hr> + <h1>alexscerba.com/about</h1> + <section class="postContent"> <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> <p>This site is my anti social media and is where I post about my life and school projects (when allowed) and serves as a way to keep up with my appreciation for software programming. The backend is written in <a href="https://go.dev" target="_blank" rel="noopener noreferrer">Go</a> (source can be found <a href="https://notabug.org/thinkpadmaster/alexscerba.com" target="_blank" rel="noopener noreferrer">at notabug.org</a>) and uses a templating system to keep hand-editing of pages to a bare minimum.</p> <p>For posterity, I keep my <a href="http://alexscerba.com:8080" target="_blank" rel="noopener noreferrer">old site</a> deployed. The blog page is extremely slow to load along with a couple others due to amount of content on the pages and size of images, but it is a fun project to look back on.</p> + </section> {{ end }}
\ No newline at end of file diff --git a/templates/blog.html b/templates/blog.html index d90c19e..a6f1713 100644 --- a/templates/blog.html +++ b/templates/blog.html @@ -3,13 +3,12 @@ <meta name="description" content="Site blog featuring personal and project updates as well as anything random I want to share."> {{ end }} {{ define "main" }} - <h1>Blog</h1> - <p class="subtitle">Personal and site updates.</p> - <hr> + <h1>alexscerba.com/blog</h1> + <section class="postContent"> + <h2>Entries</h2> {{ range .Contents }} {{ printf "%s" .Thumbnail }} {{ end }} - - <a href="/blog">Top</a> + </section> {{ end }}
\ No newline at end of file diff --git a/templates/index.html b/templates/index.html index 491bd55..794eefb 100644 --- a/templates/index.html +++ b/templates/index.html @@ -3,17 +3,14 @@ <meta name="description" content="Homepage"> {{ end }} {{ define "main" }} - <h1>Alex Scerba</h1> - <p class="subtitle">Designer. Maker.</p> - <hr> - <p>Student at College for Creative Studies in Detroit, MI. Love for tinkering, making, and building.</p> - - <h2>Featured Projects</h2> - <hr> + <h1 style="animation: 1s ease-out 0s 1 fadeIn">alexscerba.com</h1> + <section class="bottom"> + <h2>Featured Projects</h2> + <div class="posts"> {{ range .Contents }} {{ printf "%s" .Thumbnail }} {{ end }} - - <a href="/projects">See More Projects</a> + </div> + </section> {{ end }}
\ No newline at end of file diff --git a/templates/master.html b/templates/master.html index c2ef78a..26e2d0b 100644 --- a/templates/master.html +++ b/templates/master.html @@ -14,25 +14,21 @@ <body> - <nav aria-labelledby="global-navigation" class="nav"> - <ul> - <li><a href="/">Home</a></li> - <li><a href="/projects">Projects</a></li> - <li><a href="/blog">Blog</a></li> - <li><a href="/about">About</a></li> - </ul> + <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> + <div class="bg-nav-block"></div> <main> {{ template "main" . }} </main> - - <footer> - <p>Contact: <a href="mailto:ascerba@collegeforcreativestudies.edu">ascerba@collegeforcreativestudies.edu</a></p> - </footer> - </body> </html> diff --git a/templates/postHelp.tmpl b/templates/postHelp.tmpl index ca2e319..d7124eb 100644 --- a/templates/postHelp.tmpl +++ b/templates/postHelp.tmpl @@ -2,5 +2,8 @@ {{ printf "%s" .Meta }} {{ end }} {{ define "main" }} + <h1>Post</h1> + <div class="postContent"> {{ printf "%s" .Content }} + </div> {{ end }} diff --git a/templates/projects.html b/templates/projects.html index 9c7f12d..6e90ffe 100644 --- a/templates/projects.html +++ b/templates/projects.html @@ -3,13 +3,12 @@ <meta name="description" content="Site blog featuring personal and project updates as well as anything random I want to share."> {{ end }} {{ define "main" }} - <h1>Projects</h1> - <p class="subtitle">Current posted industrial and automotive design projects.</p> - <hr> + <h1>alexscerba.com/projects</h1> + <section class="postContent"> + <h2>Completed</h2> {{ range .Contents }} {{ printf "%s" .Thumbnail }} {{ end }} - - <a href="/projects">Top</a> + </section> {{ end }}
\ No newline at end of file |