From ab5540af9b1d373f6f0930dfffaa02360b03aa9a Mon Sep 17 00:00:00 2001
From: Wirlaburla <wirlaburla@worlio.com>
Date: Sun, 16 Jul 2023 22:25:47 -0500
Subject: [PATCH] Update home styles

---
 style.css | 89 +++++++++++++++++++++++++++++--------------------------
 1 file changed, 47 insertions(+), 42 deletions(-)

diff --git a/style.css b/style.css
index 03df0c4..689c01f 100644
--- a/style.css
+++ b/style.css
@@ -730,61 +730,66 @@ nav.top.alert p {
 }
 
 /* == HOME PAGE */
+@media (orientation: portrait) {
+	body.home .page-container {
+		display: flex;
+		flex-direction: column-reverse;
+	}
 
-body.home .home-container {}
-body.home .home-container img.logo { 
-	max-height: 256px;
-	max-width: 100%;
-	display: block; 
-	margin-left: auto;
-	margin-right: auto;
+	body.home .page-container .section {
+		width: 100%;
+		margin: 0px 4px;
+	}
 }
 
-body.home .home-container .slogan {
+@media (orientation: landscape) {
+	body.home .page-container .section { margin: 0px -2px; }
+	body.home .page-container .section .container { padding: 4px; }
+	body.home .page-container .section.primary,
+	body.home .page-container .section.sidebar { width: 50%; }
+}
+
+body.home .page-container .logo img {
+	max-height: 256px;
+	max-width: 100%;
+}
+
+body.home .page-container .slogan {
 	font-family: var(--primary-font);
 	font-weight: bold;
 	font-size: 24px;
 	text-align: center;
 }
 
-body.home .home-container .link-contents {
-	display: flex;
-}
-
-body.home .home-container .link-contents .link-item {
-	margin: 8px;
-}
-
-body.home .home-container .link-contents .link-item img {
-	margin: 2px;
-	vertical-align: middle;
-}
-
-body.home .home-container .footer {
-	max-width: 512px;
-	margin: auto;
-	text-align: right;
-}
-body.home .home-container .blog-contents {
-	max-width: 512px;
-	margin: auto;
-	border-bottom: 1px solid black;
-}
-body.home .home-container .blog-contents .title {
-	border-bottom: 1px solid black;
-	font-family: var(--primary-font);
-	font-weight: bold;
-	font-size: 16px;
-	padding: 2px;
-}
-body.home .home-container .blog-contents .blog-item {
+body.home .page-container .section .mainbox {
 	background: var(--primary-container-background);
 	border: var(--primary-container-border);
-	margin: 2px;
-	padding: 4px;
+	padding: 2px;
 }
-body.home .home-container .blog-contents .blog-item i { text-align: right; }
 
+body.home .page-container .section {
+	display: inline-block;
+	vertical-align: top;
+}
+
+body.home .page-container .section .container {
+	margin: 8px 0px;
+}
+
+body.home .page-container .section .container .title {
+	border: var(--primary-container-border);
+	border-bottom: none;
+	background: var(--primary-container-background);
+	display: inline-block;
+	padding: 8px;
+	font-weight: bold;
+	font-family: var(--primary-font);
+	margin-bottom: -2px;
+}
+
+body.home .page-container .footer {
+	display: flex;
+}
 /* == BLOG */
 body.blog .page-container .month {
 	display: grid;