From a9b3b28d001941921aa70d37fdc87c758a163a44 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Fri, 05 Jun 2026 16:47:03 +0000
Subject: [PATCH] =Some hefty changes to FeedBlock. Transitioning to loading first page in php to save on extra requests. Got a bit to do yet, but I have to work on Northeh for a bit here.

---
 src/timeline/style.scss |  166 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 166 insertions(+), 0 deletions(-)

diff --git a/src/timeline/style.scss b/src/timeline/style.scss
new file mode 100644
index 0000000..059dcfb
--- /dev/null
+++ b/src/timeline/style.scss
@@ -0,0 +1,166 @@
+main {
+	--gap: 0;
+	section:last-of-type {
+		margin-bottom: 0;
+	}
+}
+
+
+
+#at-a-glance {
+	padding: 0 10vw;
+	--gap: 0;
+	img {
+		width: 100%;
+		height: auto;
+		border: 2px solid rgb(var(--action-0));
+	}
+	h3 {
+		font-size: var(--txt-x-small);
+	}
+	.before {
+		img {
+			border-right-width: 1px;
+			border-left: 0;
+			border-top: 0;
+		}
+	}
+	.after {
+		img {
+			border-left-width: 1px;
+			border-right: 0;
+			border-bottom: 0;
+		}
+	}
+}
+main > header {
+	grid-column: wider;
+
+	ul.timeline.terms {
+		max-width: none;
+		margin: 0;
+		font-size: var(--txt-x-small);
+	}
+	.buttons {
+		margin-bottom: 0;
+	}
+}
+
+.timeline-point.timeline-point.row {
+	--lineWidth: 1px;
+	--gap: 2rem;
+	padding: 0;
+	margin:0;
+	background-color: rgb(var(--base));
+	max-width: 100vw;
+	position: relative;
+	//overflow: hidden;
+	img {
+		width: 40%;
+		border-radius: 4px;
+		position: sticky;
+		padding: .5rem;
+	}
+	.info {
+		padding: 1rem .5rem .5rem;
+		width: 60%;
+		position: relative;
+		.icon-logo-triangle {
+			--w: 2.2rem;
+			transform: rotate(-90deg);
+			position: absolute;
+			left: -3rem;
+			top: .25rem;
+			background-color: rgb(var(--action-100));
+		}
+		h2 {
+			margin: 0 0 .5rem;
+			font-size: var(--txt-medium);
+			position: relative;
+		}
+
+	}
+	.term-list {
+		margin: 0;
+		font-size: var(--txt-x-small);
+
+		li {
+			display: block;
+			a {
+				vertical-align: top;
+			}
+		}
+	}
+	&::before,
+	&::after {
+		content: '';
+		display: block;
+		position: absolute;
+		left: 45%;
+		height: 100%;
+		width: var(--lineWidth);
+		background-color: rgb(var(--action-0));
+		//box-shadow: var(--action-shadow);
+	}
+	&::before {
+		height: 1rem;
+	}
+	&::after {
+		top: 4.25rem;
+	}
+	&#before-treatment::before,
+	&:last-of-type::after {
+		display: none;
+	}
+}
+@media (min-width:768px) {
+	#at-a-glance {
+		h3  {
+			font-size: var(--txt-x-large);
+		}
+	}
+	.timeline-point.timeline-point.row {
+		--gap: 4rem;
+		img {
+			width: 50%;
+		}
+		.info {
+			width: 50%;
+			padding: 25vh 1rem 1rem;
+			h2 {
+				.icon {
+					--w: 4rem;
+					left: -6.15rem;
+					top: 0;
+				}
+			}
+			small {
+				display: inline-flex;
+				flex-wrap: wrap;
+				gap: .25rem;
+				align-items: center;
+			}
+			a {
+				display: flex;
+				flex-wrap: wrap;
+				align-items: center;
+			}
+
+			time {
+				text-transform: uppercase;
+				font-size: var(--txt-x-small);
+			}
+		}
+		&::before,
+		&::after {
+			left: calc(50% + 2rem);
+		}
+
+		&::before {
+			height: calc(25vh - 2rem);
+		}
+		&::after {
+			top: calc(25vh + 6rem);
+		}
+	}
+}

--
Gitblit v1.10.0