"old" layout draft

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;

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">