From 7f6f5549fe6d1bd03772c13e96f9d92a26660929 Mon Sep 17 00:00:00 2001
From: alyx <alyx@aleteoryx.me>
Date: Mon, 6 Jun 2022 18:16:16 +0000
Subject: goofy bits of gass and such, more typing

---
 style.css | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)

(limited to 'style.css')

diff --git a/style.css b/style.css
index d8f884f..cf84ede 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
+@import url('https://circuits.aleteoryx.me/oi.css');
 
 html {
 	--foreforeground: #3788ae;
@@ -20,6 +21,7 @@ html {
 }
 body > * {
 	width: max(60vw, 8cm);
+	--body-width: max(60vw, 8cm);
 }
 
 hr {
@@ -139,4 +141,65 @@ section#changelog > article {
 	100% {
 		box-shadow: 0mm 0mm 1cm white, 0mm 0mm 0mm white;
 	}
+}
+
+ul.links > li::marker {
+	font-family: "Icons";
+	font-size: 2.5mm;
+	content: "\e064   ";
+}
+
+#projects {
+	display: grid;
+	box-shadow: inset 0mm 0mm 5mm black;
+	padding: 1cm;
+	background: #020d12;
+	grid-gap: 1cm;
+	justify-content: center;
+}
+
+#projects > a {
+	border: solid white 1mm;
+	padding: 0;
+	background-size: cover;
+	background-position: center center;
+	overflow: hidden;
+	box-shadow: inset 0 0 3mm black , 0 0 3mm black;
+	position: relative;
+	color: white;
+}
+
+#projects > a * {
+	margin: 0mm;
+}
+#projects > a > div {
+	background-color: #0008;
+	backdrop-filter: blur(5px);
+	width: 100%;
+	margin: 0;
+	padding: 0.5cm;
+	position: absolute;
+	bottom: 0;
+}
+
+@media (orientation:portrait) {
+	#projects {
+		grid-template-columns: 100%;
+		grid-auto-rows: var(--body-width);
+	}
+	#projects > a {
+		display: block;
+		min-height: var(--body-width);
+	}
+}
+
+@media (orientation:landscape) {
+	#projects {
+		--widhei: calc(var(--body-width) / 2 - 2cm);
+		grid-template-columns: var(--widhei) var(--widhei);
+	}
+	#projects > a {
+		display: block;
+		height: calc(var(--widhei) - 2cm);
+	}
 }
\ No newline at end of file
-- 
cgit v1.2.3-54-g00ecf