From 067ee4d66d0174be408d4051148f33b9a428ac3b Mon Sep 17 00:00:00 2001 From: thinkpadmaster Date: Wed, 28 Jun 2023 21:05:01 -0500 Subject: first commit --- data/blog/FirstPost.html | 24 ++ data/projects/CCSEntryPortfolio.html | 21 ++ data/projects/CCSSophomoreInterior.html | 14 + data/static/favicon.ico | Bin 0 -> 2238 bytes data/static/media/DTR-232-D-Final_Board-Scerba.jpg | Bin 0 -> 3604922 bytes data/static/media/MKE_Skyline_Art_Museum.jpg | Bin 0 -> 1661741 bytes .../Arai_Helmet_720p.jpg | Bin 0 -> 62151 bytes .../Sketch Portfolio early 2021/Bernie_720p.jpg | Bin 0 -> 45277 bytes .../Dorm_Setup_720p.jpg | Bin 0 -> 68019 bytes .../Sketch Portfolio early 2021/Flamingo_720p.jpg | Bin 0 -> 33120 bytes .../Harley_Sportbike_Concept_720p.jpg | Bin 0 -> 75277 bytes .../Peacock_Portrait2_Zoom_720p.jpg | Bin 0 -> 50559 bytes .../Peacock_Portrait_720p.jpg | Bin 0 -> 29568 bytes .../SL350_Bobber_720p.jpg | Bin 0 -> 43971 bytes data/static/oldStyle.css | 348 +++++++++++++++++++++ data/static/script.js | 49 +++ data/static/sitemap.xml | 42 +++ data/static/style.css | 91 ++++++ 18 files changed, 589 insertions(+) create mode 100644 data/blog/FirstPost.html create mode 100644 data/projects/CCSEntryPortfolio.html create mode 100644 data/projects/CCSSophomoreInterior.html create mode 100644 data/static/favicon.ico create mode 100644 data/static/media/DTR-232-D-Final_Board-Scerba.jpg create mode 100644 data/static/media/MKE_Skyline_Art_Museum.jpg create mode 100644 data/static/media/Sketch Portfolio early 2021/Arai_Helmet_720p.jpg create mode 100644 data/static/media/Sketch Portfolio early 2021/Bernie_720p.jpg create mode 100644 data/static/media/Sketch Portfolio early 2021/Dorm_Setup_720p.jpg create mode 100644 data/static/media/Sketch Portfolio early 2021/Flamingo_720p.jpg create mode 100644 data/static/media/Sketch Portfolio early 2021/Harley_Sportbike_Concept_720p.jpg create mode 100644 data/static/media/Sketch Portfolio early 2021/Peacock_Portrait2_Zoom_720p.jpg create mode 100644 data/static/media/Sketch Portfolio early 2021/Peacock_Portrait_720p.jpg create mode 100644 data/static/media/Sketch Portfolio early 2021/SL350_Bobber_720p.jpg create mode 100644 data/static/oldStyle.css create mode 100644 data/static/script.js create mode 100644 data/static/sitemap.xml create mode 100644 data/static/style.css (limited to 'data') diff --git a/data/blog/FirstPost.html b/data/blog/FirstPost.html new file mode 100644 index 0000000..75496b2 --- /dev/null +++ b/data/blog/FirstPost.html @@ -0,0 +1,24 @@ + First Post + +!@# +
+

- First Post

+
+!@# +

First Post

+
+

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.

+

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 www.angel-castaneda.com so go check out his page to see what he is working on.

+

+ The new site structure should be as follows: +

+

+

I am very excited to start posting again! This site refresh has been long overdue. Feel free to send any errors, typos, or strange behavior to my listed email; there are bound to be some problems at first.

+
diff --git a/data/projects/CCSEntryPortfolio.html b/data/projects/CCSEntryPortfolio.html new file mode 100644 index 0000000..f3a98f1 --- /dev/null +++ b/data/projects/CCSEntryPortfolio.html @@ -0,0 +1,21 @@ + CCS Entry Portfolio + +!@# +
+
+ Side view Honda SL350 bobber sketch. +
My 2021 CCS Entry Portfolio
+
+
+!@# +

CCS Entry Portfolio early 2021

+
+ Arai helmet sketch. + Cat, Bernie, sketch. + Zoomed peacock sketch with feathers out. + Flamingo standing on one leg sketch. + Harley Davidson concept sportbike sketch. + Side view Honda SL350 bobber sketch. + Peakcock sketch with feathers tucked. + Sketch of my dorm setup at the Milwaukee School of Engineering. +
\ No newline at end of file diff --git a/data/projects/CCSSophomoreInterior.html b/data/projects/CCSSophomoreInterior.html new file mode 100644 index 0000000..b2807d6 --- /dev/null +++ b/data/projects/CCSSophomoreInterior.html @@ -0,0 +1,14 @@ + CCS Sophomore Interior + +!@# +
+
+ Sophomore interior studio project HONDA S-30. +
HONDA S-30 - Sophomore Interior
+
+
+!@# +

CCS Entry Portfolio early 2021

+
+ Sophomore interior studio project HONDA S-30. +
\ No newline at end of file diff --git a/data/static/favicon.ico b/data/static/favicon.ico new file mode 100644 index 0000000..08ad847 Binary files /dev/null and b/data/static/favicon.ico differ diff --git a/data/static/media/DTR-232-D-Final_Board-Scerba.jpg b/data/static/media/DTR-232-D-Final_Board-Scerba.jpg new file mode 100644 index 0000000..e8fe089 Binary files /dev/null and b/data/static/media/DTR-232-D-Final_Board-Scerba.jpg differ diff --git a/data/static/media/MKE_Skyline_Art_Museum.jpg b/data/static/media/MKE_Skyline_Art_Museum.jpg new file mode 100644 index 0000000..35ec29a Binary files /dev/null and b/data/static/media/MKE_Skyline_Art_Museum.jpg differ diff --git a/data/static/media/Sketch Portfolio early 2021/Arai_Helmet_720p.jpg b/data/static/media/Sketch Portfolio early 2021/Arai_Helmet_720p.jpg new file mode 100644 index 0000000..44aed51 Binary files /dev/null and b/data/static/media/Sketch Portfolio early 2021/Arai_Helmet_720p.jpg differ diff --git a/data/static/media/Sketch Portfolio early 2021/Bernie_720p.jpg b/data/static/media/Sketch Portfolio early 2021/Bernie_720p.jpg new file mode 100644 index 0000000..d378ddc Binary files /dev/null and b/data/static/media/Sketch Portfolio early 2021/Bernie_720p.jpg differ diff --git a/data/static/media/Sketch Portfolio early 2021/Dorm_Setup_720p.jpg b/data/static/media/Sketch Portfolio early 2021/Dorm_Setup_720p.jpg new file mode 100644 index 0000000..699088c Binary files /dev/null and b/data/static/media/Sketch Portfolio early 2021/Dorm_Setup_720p.jpg differ diff --git a/data/static/media/Sketch Portfolio early 2021/Flamingo_720p.jpg b/data/static/media/Sketch Portfolio early 2021/Flamingo_720p.jpg new file mode 100644 index 0000000..b1ece50 Binary files /dev/null and b/data/static/media/Sketch Portfolio early 2021/Flamingo_720p.jpg differ diff --git a/data/static/media/Sketch Portfolio early 2021/Harley_Sportbike_Concept_720p.jpg b/data/static/media/Sketch Portfolio early 2021/Harley_Sportbike_Concept_720p.jpg new file mode 100644 index 0000000..89fcb4d Binary files /dev/null and b/data/static/media/Sketch Portfolio early 2021/Harley_Sportbike_Concept_720p.jpg differ diff --git a/data/static/media/Sketch Portfolio early 2021/Peacock_Portrait2_Zoom_720p.jpg b/data/static/media/Sketch Portfolio early 2021/Peacock_Portrait2_Zoom_720p.jpg new file mode 100644 index 0000000..f61d05f Binary files /dev/null and b/data/static/media/Sketch Portfolio early 2021/Peacock_Portrait2_Zoom_720p.jpg differ diff --git a/data/static/media/Sketch Portfolio early 2021/Peacock_Portrait_720p.jpg b/data/static/media/Sketch Portfolio early 2021/Peacock_Portrait_720p.jpg new file mode 100644 index 0000000..2886e96 Binary files /dev/null and b/data/static/media/Sketch Portfolio early 2021/Peacock_Portrait_720p.jpg differ diff --git a/data/static/media/Sketch Portfolio early 2021/SL350_Bobber_720p.jpg b/data/static/media/Sketch Portfolio early 2021/SL350_Bobber_720p.jpg new file mode 100644 index 0000000..6e87840 Binary files /dev/null and b/data/static/media/Sketch Portfolio early 2021/SL350_Bobber_720p.jpg differ diff --git a/data/static/oldStyle.css b/data/static/oldStyle.css new file mode 100644 index 0000000..73a4838 --- /dev/null +++ b/data/static/oldStyle.css @@ -0,0 +1,348 @@ +/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/ + + +/* Standard elements */ +* { + box-sizing: border-box; +} + +html { + scroll-behavior: smooth; +} + +/* Header */ + +header { + padding: 30px; + text-align: center; + background: rgba(0,0,0,0.1); +} + +.header.sticky { + padding-bottom: 99px; +} + +#name { + font-weight: bold; + font-size: 250%; +} + +/* Navigation */ + +.nav.sticky { + display: inline-block; + position: fixed; + min-width: 100%; + top: 0; + left: 0; +} + +.action { + margin: 0; + padding: 0; + background-color: #333; +} + +.action ul { + display: flex; + justify-content: space-around; + list-style: none; + margin: 0; + padding: 0; +} + +.action ul li a { + margin: 0; + padding: 20px; + color: white; + text-decoration: none; + display: inline-block; +} + +.action ul li { + margin: 5px; + border-radius: 15px; +} + +.action ul li:hover { + background-color: #ddd; +} + +.action ul li a:hover { + color: #333; +} + +.action span { + display: none; +} + +#side-navigation { + padding: 20px; + flex: 25%; +} + +#side-nav-scroll-box { + margin: 10px 0; + padding: 5px; + border: 2px #333 solid; + border-radius: 6px; + background-color: rgba(0,0,0,0.1); +} + +::-webkit-scrollbar-track { + background: rgba(0,0,0,0.1); +} + +#outline-navigation { + max-height: 50vh; + overflow: auto; + margin: 0; + padding: 0 0 0 25px; +} + +#outline-navigation li { + margin: 10px; +} + +/* Main content containers */ + +#root-article { + flex: 75%; +} + +#main-wo-aside { + padding: 20px 20%; +} + +#main-w-aside { + display: flex; + flex-wrap: wrap; + padding: 20px 0; + padding-right: 20%; +} + +/* Body and standard tags */ + +body { + /*font-family: 'Roboto', sans-serif; + font-size: 100%;*/ + font-family: Arial, Helvetica, sans-serif; + margin: 0px; +} + +main h1 { + text-align: center; +} + +/* main h1, h2, h3, h4, h5, h6 { + font-family: 'Arial'; +} */ + +main p { + text-align: justify; +} + +main p a { + text-decoration: underline; +} + +main a { + color: black; + text-decoration: none; +} + +main ul { + padding-left: 20px; +} + +main img { + border-radius: 6px; + max-width: 100%; +} + +main figure { + margin: auto; + /*margin: 10px;*/ + border: 2px #333 solid; + border-radius: 6px; + padding: 20px 20px 5px 20px; + max-width: 50%; +} + +blockquote { + font-style: italic; +} + +/* Special classes */ + +.head-bar { + border: 2px black solid; +} + +.framed-article { + margin: 25px; + padding: 5px 25px; + border: 2px #333 solid; + border-radius: 6px; + max-width: 100%; +} + +.framed-article-half { + flex: 50%; + padding: 5px 25px; + border: 2px #333 solid; + border-radius: 6px; + max-width: 100%; +} + +.tile { + display: flex; + flex-wrap: wrap; + padding: 25px; +} + +.tile article { + flex: 40%; + max-width: auto; + padding: 0px 15px 0px 15px; + border: 2px gray solid; + border-radius: 6px; + margin: 5px; +} + +.tile figure { + flex: 40%; + max-width: auto; + padding: 15px; + border: 2px gray solid; + border-radius: 6px; + margin: 5px; +} + +/* Footer */ + +footer { + margin: 0; + padding: 5px; + text-align: center; + color: white; + background-color: #333; +} + +footer a { + color: rgb(189, 212, 255); + padding: 0; +} + +/* Figure resize at 1500px */ + +@media screen and +(max-width: 1500px) { + figure { + max-width: 60%; + } + .tile figure { + max-width: auto; + } +} + +/* Flex side nav to top of screen and resize figure */ + +@media screen and +(max-width: 1200px) { + header, #main-w-aside{ + flex-direction: column; + } + #main-w-aside, #main-wo-aside { + padding-left: 10%; + padding-right: 10%; + } + figure { + max-width: 70%; + } + .tile figure { + max-width: auto; + } +} + +/* Mobile View */ + +@media only screen +and (max-width: 510px) { + main figure { + max-width: 100%; + } + .tile { + flex-direction: column; + } + .tile article { + max-width: 100%; + } + .tile figure { + max-width: 100%; + } + #side-navigation { + padding: 20px 10%; + } + + main a { + text-decoration: none; + } + + .action { + position: fixed; + bottom: 25px; + left: 25px; + width: 50px; + height: 50px; + cursor: pointer; + background: #333; + border-radius: 50%; + box-shadow: 0 5px 5px rgba(0,0,0,0.1); + } + .action span { + position: relative; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + color: white; + font-size: 2em; + transition: 0.3s ease-in-out + } + .action.active span { + transform: rotate(135deg); + } + .action ul { + position: absolute; + bottom: 25px; + background: #333; + min-width: 150px; + padding: 0; + border-radius: 20px; + opacity: 0; + display: inline; + visibility: hidden; + transition: 0.3s; + } + .action.active ul { + bottom: 70px; + opacity: 1; + visibility: visible; + transition: 0.3s; + } + .action ul li { + list-style: none; + display: flex; + justify-content: center; + align-items: center; + border-radius: 15px; + padding: 0; + margin: 5px; + } + + #outline-navigation { + max-height: 25vh; + } +} \ No newline at end of file diff --git a/data/static/script.js b/data/static/script.js new file mode 100644 index 0000000..a7323f3 --- /dev/null +++ b/data/static/script.js @@ -0,0 +1,49 @@ +function stickyTopNav() { + var nav = document.querySelector('.nav'); + var header = document.querySelector('.header'); + if (document.body.scrollTop > 194 || document.documentElement.scrollTop > 194) { + if (document.querySelector('.sticky') == null) { + nav.classList.toggle('sticky'); + header.classList.toggle('sticky'); + } + } else { + if (document.querySelector('.sticky') != null) { + nav.classList.toggle('sticky'); + header.classList.toggle('sticky'); + } + } +}; + +window.onscroll = function() { + stickyTopNav(); +}; + +window.onload = function() { + stickyTopNav(); +}; + +function actionToggle() { + var action = document.querySelector('.action'); + action.classList.toggle('active') +} + +/*// https://stackoverflow.com/questions/17534661/make-anchor-link-go-some-pixels-above-where-its-linked-to + +// The function actually applying the offset +function offsetAnchor() { + if (location.hash.length !== 0) { + window.scrollTo(window.scrollX, window.scrollY - 69); + } +} + +// Captures click events of all elements with href starting with # +document.addEventListener('click', 'a[href^="#"]', function(event) { + // Click events are captured before hashchanges. Timeout + // causes offsetAnchor to be called after the page jump. + window.setTimeout(function() { + offsetAnchor(); + }, 0); +}); + +// Set the offset when entering page with hash present in the url +window.setTimeout(offsetAnchor, 0);*/ \ No newline at end of file diff --git a/data/static/sitemap.xml b/data/static/sitemap.xml new file mode 100644 index 0000000..1f568c3 --- /dev/null +++ b/data/static/sitemap.xml @@ -0,0 +1,42 @@ + + + + + + + https://alexscerba.com/ + 2023-06-15T04:44:23+00:00 + 1.00 + + + https://alexscerba.com/projects/ + 2023-06-15T04:44:23+00:00 + 0.80 + + + https://alexscerba.com/blog/ + 2023-06-15T04:44:23+00:00 + 0.80 + + + https://alexscerba.com/about/ + 2023-06-15T04:44:23+00:00 + 0.80 + + + https://alexscerba.com/projects/CCSEntryPortfolio + 2023-06-15T04:44:23+00:00 + 0.80 + + + https://alexscerba.com/blog/FirstPost + 2023-06-15T04:44:23+00:00 + 0.64 + + + + \ No newline at end of file diff --git a/data/static/style.css b/data/static/style.css new file mode 100644 index 0000000..28eda95 --- /dev/null +++ b/data/static/style.css @@ -0,0 +1,91 @@ +* { + box-sizing: border-box; +} + +html { + scroll-behavior: smooth; +} + +body { + font-family: Arial, Helvetica, sans-serif; + max-width: 500px; + margin: 0 auto; + padding: 0; +} + +nav { + margin-top: 8px; + text-align: center; + border-radius: 6px; + background-color: rgb(228, 228, 228); +} + +nav ul { + list-style: none; + margin: 0; + padding: 0; +} + +nav li { + display: inline-block; + margin: 10px; +} + +a { + font-weight: bold; + color: black; + text-decoration: none; + border-bottom: 1px dotted black; +} + +h1 { + margin: 60px 0 0 0; +} + +.subtitle { + margin: 8px 0 60px 12px; +} + +figure { + margin: 20px 0; +} + +img { + max-width: 100%; +} + +.imgGrid { + margin: 20px auto; + line-height: 0; + column-count: 2; + column-gap: 0px; +} + +.imgGrid img { + width: 100% !important; + height: auto !important; +} + +footer { + text-align: center; + background-color: rgb(228, 228, 228); + border-radius: 6px; +} + +footer p { + padding: 8px 0; +} + +@media only screen +and (max-width: 520px) { + body { + max-width: 400px; + } +} + +@media only screen +and (max-width: 410px) { + body { + max-width: 375px; + } +} \ No newline at end of file -- cgit v1.2.3