From e2e28cb7c7e89caf95d78a77a9e2e963ddd66876 Mon Sep 17 00:00:00 2001
From: shazz <604708+shazz@users.noreply.github.com>
Date: Wed, 26 Mar 2025 22:49:38 -0400
Subject: [PATCH 1/2] Add files via upload

---
 themes/pelican-chunk/static/css/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/themes/pelican-chunk/static/css/style.css b/themes/pelican-chunk/static/css/style.css
index 9c96a61..be04441 100644
--- a/themes/pelican-chunk/static/css/style.css
+++ b/themes/pelican-chunk/static/css/style.css
@@ -190,7 +190,8 @@ ol ul {
 ----------------------------------------------- */
 
 body {
-	--_wrapper-size: 75rem;
+	/* shazz: page width*/
+	--_wrapper-size: 85rem;
 	--_side-nav-w: 190px;
 	--_disc-w: 20vw;
 	--_content-space-x: 2rem;

From 0d66e80e163379ab166e12d37dbd89a38642a637 Mon Sep 17 00:00:00 2001
From: shazz <604708+shazz@users.noreply.github.com>
Date: Wed, 26 Mar 2025 22:50:14 -0400
Subject: [PATCH 2/2] Add files via upload

---
 themes/pelican-chunk/static/css/entry.css   | 197 ++++++++++++++++++++
 themes/pelican-chunk/static/css/gallery.css | 100 ++++++++++
 themes/pelican-chunk/static/css/header.css  |  52 ++++++
 3 files changed, 349 insertions(+)
 create mode 100644 themes/pelican-chunk/static/css/entry.css
 create mode 100644 themes/pelican-chunk/static/css/gallery.css
 create mode 100644 themes/pelican-chunk/static/css/header.css

diff --git a/themes/pelican-chunk/static/css/entry.css b/themes/pelican-chunk/static/css/entry.css
new file mode 100644
index 0000000..79550cf
--- /dev/null
+++ b/themes/pelican-chunk/static/css/entry.css
@@ -0,0 +1,197 @@
+/* =Content
+----------------------------------------------- */
+.hentry {
+    height: auto;
+    clear: both;
+    position: relative;
+}
+
+.hentry:after {
+    clear: both;
+    content: ".";
+    display: block;
+    height: 0;
+    visibility: hidden;
+}
+
+.hentry .main {
+    border-bottom: 1px dashed #ddd;
+    float: left;
+    line-height: 175%;
+    padding: 29px 5px 15px 15px;
+    text-align: justify;
+    width: 90%;
+}
+
+.hentry .entry-meta {
+    font-family: 'Oswald', Helvetica, Arial, sans-serif;
+    font-size: 25px;
+    float: left;
+    margin: 35px 0 0 -199px;
+    padding: 0px;
+    text-align: right;
+    text-transform: uppercase;
+    width: 190px;
+}
+
+.hentry .entry-meta a {
+    text-decoration: none;
+}
+
+.hentry .entry-meta div {
+    margin: 10px;
+}
+
+.hentry .entry-meta .date {
+    color: #000;
+    font-weight: bold;
+    margin: 0px;
+}
+
+.hentry .entry-meta .comments {
+    color: #36bcab;
+    display: block;
+    font-size: 16px;
+    margin: -4px 0 0;
+}
+
+.hentry .entry-meta .comments a {
+    color: #36bcab;
+    font-size: 22px;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.hentry .entry-meta .cat-links {
+    color: #aaa;
+    font-size: 16px;
+    line-height: 20px;
+    margin-top: 10px;
+}
+
+.hentry .entry-meta .cat-links a {
+    color: #777;
+}
+
+.hentry .entry-meta .cat-links a:hover {
+    color: #36bcab;
+}
+
+.hentry .entry-meta .edit-link a {
+    font-size: 16px;
+}
+
+.hentry div.margin {
+    margin: 10px;
+}
+
+.entry-title {
+    color: #666;
+    font-family: 'Oswald', Helvetica, Arial, sans-serif;
+    font-size: 25px;
+    line-height: 0px;
+    margin: -10px 0px 25px 0px;
+    text-align: left;
+    text-decoration: none;
+    text-transform: uppercase;
+}
+
+.entry-title a {
+    color: #666;
+    text-decoration: none;
+}
+
+.entry-meta .byline {
+    color: #aaa;
+    font-size: 16px;
+    line-height: 20px;
+    margin-top: 10px;
+}
+
+.entry-meta .byline a {
+    color: #777;
+}
+
+.single-author .entry-meta .byline {
+    display: none;
+}
+
+.hentry .main {
+    padding-inline: var(--_content-space-x);
+    padding-block: var(--_content-space-y);
+    border-bottom: none;
+    width: 100%;
+}
+
+.hentry .entry-meta {
+    top: var(--_content-space-y) - 10px;
+    height: max-content;
+    margin-top: 0;
+    padding-block: 0;
+    margin-left: 0;
+    z-index: 2;
+}
+
+/* Sticky */
+.sticky .main {
+    background: #eee;
+}
+
+.sticky .date {
+    display: none;
+}
+
+.sticky .entry-meta .comments {
+    margin-top: 2px;
+}
+
+/* Page */
+.page .entry-meta .comments {
+    margin-top: 2px;
+}
+
+pre {
+    overflow: auto;
+    scrollbar-width: 0px;
+    width: 100%;
+    background: white;
+    margin: 0 0;
+    padding: 1rem;
+    max-width: auto;
+}
+
+.cat-links {
+    display: inline-block;
+    text-align: left;
+    margin-left: 0px;
+    padding-left: 0px;
+}
+
+.article-tag-links {
+    display: inline-block;
+    text-align: right;
+    font-size: 13px;
+    padding-top: 20px;
+}
+
+.article-tag-links strong {
+    text-align: right;
+    background: #eee;
+    border-radius: 3px;
+    color: #666;
+    font-weight: normal;
+    font-size: 13px;
+    margin-right: 0px;
+    padding: 3px 6px;
+}
+
+.post {
+    display: grid;
+    gap: var(--_content-space-x);
+    grid-template-columns: var(--_side-nav-w) auto;
+    border-bottom: 1px dashed #ddd;
+}
+
+.post .main {
+    border-left: 1px solid #ccc;
+}
\ No newline at end of file
diff --git a/themes/pelican-chunk/static/css/gallery.css b/themes/pelican-chunk/static/css/gallery.css
new file mode 100644
index 0000000..45c2507
--- /dev/null
+++ b/themes/pelican-chunk/static/css/gallery.css
@@ -0,0 +1,100 @@
+/* **********************  Gallery  ********************** */
+
+div.photo-search {
+    width: 98.2%;
+    padding: 12px 12px 2px 12px;
+    border: 1px solid #ddd;
+    border-radius: 15px;
+}
+
+div.photo-search input {
+    background-image: url('/theme/searchicon.png');
+    background-position: 10px 12px;
+    background-repeat: no-repeat;
+    width: 100%;
+    font-size: 16px;
+    padding: 12px 12px 12px 40px;
+    border: 1px solid #ddd;
+    margin-bottom: 12px;
+}
+
+
+div.photo-gallery {
+    border: 1px solid #ccc;
+    height: 350px;
+    border-radius: 15px;
+    margin-top: 10px;
+}
+
+
+div.photo-gallery:hover {
+    border: 1px solid #7a1616;
+    height: 350px;
+    border-radius: 15px;
+    background-color: #ddd;
+}
+
+div.photo-gallery-image a img {
+    margin-top: 0.5em;
+    border: 0px;
+    margin-top: 15px;
+    margin-left: 15px;
+    width: 85%;
+}
+
+div.photo-gallery-image a:hover img {
+    margin-top: 0.5em;
+    border: 0px;
+    margin-top: 15px;
+    margin-left: 15px;
+    width: 85%;
+}
+
+div.photo-gallery-image {
+    position: relative;
+    display: inline-block;
+    align-items: center;
+    left: 10px;
+    top: 10px;
+    padding-bottom: 60px;
+    padding: 0.5em;
+    width: 230px;
+    height: auto;
+}
+
+div.photo-gallery-image::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 110%;
+    background-image: url('/images/retro-computer4-tb.png');
+    background-size: cover;
+    opacity: 1.0;
+    pointer-events: none;
+}
+
+div.photo-link {
+    padding: 0;
+    margin-top: 30px;
+    text-align: center;
+}
+
+div.photo-link a {
+    padding: 0;
+    margin-top: 0;
+    text-decoration: none;
+}
+
+div.photo-desc {
+    padding: 1em;
+    margin-top: 0;
+    text-align: justify;
+    font-size: 0.8em;
+    line-height: 1.5em;
+}
+
+.gallery-caption {
+    color: #666;
+}
\ No newline at end of file
diff --git a/themes/pelican-chunk/static/css/header.css b/themes/pelican-chunk/static/css/header.css
new file mode 100644
index 0000000..a9507e3
--- /dev/null
+++ b/themes/pelican-chunk/static/css/header.css
@@ -0,0 +1,52 @@
+#header {
+    padding-top: 40px !important;
+    background: var(--_body-bg);
+    max-height: 14rem;
+}
+
+.header-banner {
+    position: relative;
+    display: block;
+    min-height: 18rem;
+    width: 100%;
+    align-items: right;
+}
+
+.header-banner img {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 60%;
+    object-fit: cover;
+}
+
+:root .entry-meta {
+    width: var(--_side-nav-w);
+}
+
+:root #contents {
+    max-width: var(--_wrapper-size);
+    margin-inline: auto;
+    padding-top: calc(var(--_disc-w)*.3);
+    border-left: none;
+}
+
+:root #floppy {
+    display: block;
+    position: absolute;
+    max-width: 100%;
+    top: 10px;
+    left: 10%;
+    max-height: 15rem;
+    /* left: calc(var(--_side-nav-w) + var(--_content-space-x)); */
+    /* top: 220px; */
+    /* transform: translate(-50%, -50%); */
+    /* max-height: none; */
+    /* max-width: none; */
+    /* width: min(var(--_disc-w), 20rem); */
+    /* bottom: auto; */
+    /* box-shadow: 0 -20px 30px -10px #0000009c; */
+    z-index: 11;
+}
\ No newline at end of file