From feda45f803cebeb3f782e26be9d7455175e014dc Mon Sep 17 00:00:00 2001
From: ayaka <ayaka@kitty.community>
Date: Wed, 5 Jun 2024 10:31:41 +1200
Subject: [PATCH] "old" layout draft

---
 static/style.css        | 77 +++++++++++++++++++++++++++++++++++++++++
 templates/settings.html |  2 +-
 2 files changed, 78 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index 98c968e..b283129 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1325,6 +1325,83 @@ summary.comment_data {
 
 /* Layouts */
 
+.old .post {
+	border-radius: 5px;
+	background: var(--post);
+	box-shadow: var(--shadow);
+	display: grid;
+	transition: 0.2s background;
+	grid-template: 	"post_score post_thumbnail post_header" auto
+			"post_score post_thumbnail post_title" 1fr
+			"post_score post_thumbnail post_media" auto
+			"post_score post_thumbnail post_body" auto
+			"post_score post_thumbnail post_poll" auto
+			"post_score post_thumbnail post_notification" auto
+			"post_score post_thumbnail post_footer" auto
+			/ 4.5em minmax(0, 140px) fit-content(min(90%, 90%))
+}
+
+/* .old .post_thumbnail {
+	margin-left: 20px;
+} */
+
+.old .post_score {
+	background-color: #ff93da08;
+	border-radius: 8px;
+	align-self: center;
+	width: 53px;
+	padding-left: 5px; /* REMINDER:pls compact testing only */
+	border-top-width: 0px;
+  	border-top-style: solid;
+ 	padding-top: 5px;
+ 	padding-bottom: 5px;
+ 	padding-right: 5px;
+ 	margin-left: 5px;
+ 	margin-right: 5px;
+}
+
+.old .post_media_content {
+	max-width: calc(65% - 40px);
+}
+
+.old .highlighted > .post_score {
+	background-color: unset;
+	align-self: unset;
+	margin-top: 20px;
+	margin-left: 20px;
+}
+
+.old .post_score .label {
+	display: block;
+	text-align: center;
+	text-anchor: middle;
+	color: gray;
+}
+
+.old .post_preview {
+	max-height: 72px;
+}
+
+.old #column_one {
+	width: 100%;
+	max-width: 100%;
+}
+
+.old #commentQueryForms { 
+	display: flex; 
+	justify-content: center;
+	justify-self: start;
+}
+
+.old .commentQuery {
+	margin-left: 20px;
+}
+  
+
+.old main {
+	max-width: 100% !important;
+}
+
 .compact .post:not(.highlighted) {
 	border-radius: 0;
 	margin: 0;
diff --git a/templates/settings.html b/templates/settings.html
index 496b9b1..881c817 100644
--- a/templates/settings.html
+++ b/templates/settings.html
@@ -31,7 +31,7 @@
 				<div class="prefs-group">
 					<label for="layout">Layout:</label>
 					<select name="layout" id="layout"> 
-						{% call utils::options(prefs.layout, ["card", "clean", "compact"], "card") %}
+						{% call utils::options(prefs.layout, ["card", "clean", "compact","old"], "card") %}
 					</select>
 				</div>
 				<div class="prefs-group">