From 09a34dda989df0f74bbfcd11ac63254d61b92a18 Mon Sep 17 00:00:00 2001
From: Julian Hurst <ark@mansus.space>
Date: Sun, 15 Jan 2023 02:16:35 +0100
Subject: Add images support (inf scroll via htmx of images taken from user
 docs)

This commit also includes a migration from css to scss, some
improvements to the redirection workflow when no session is found and
refactors concerning flash cookies.
---
 static/style.css  |  73 --------------------------------------
 static/style.scss | 102 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 102 insertions(+), 73 deletions(-)
 delete mode 100644 static/style.css
 create mode 100644 static/style.scss

(limited to 'static')

diff --git a/static/style.css b/static/style.css
deleted file mode 100644
index 42ae410..0000000
--- a/static/style.css
+++ /dev/null
@@ -1,73 +0,0 @@
-body {
-	margin: 0;
-}
-
-.error {
-	color: red;
-}
-
-div.content {
-	padding: 5px;
-	margin: 8px;
-}
-
-nav {
-	border-bottom: 1px solid black;
-	/*padding-left: 8px;*/
-}
-
-ul.nav {
-	display: inline-flex;
-	margin: 0;
-	padding: 0;
-	width: 100%;
-}
-
-ul.nav li {
-	display: inline-block;
-	padding: 5px;
-	/*padding-right: 5px;
-	padding-left: 5px;
-	width: 150px;*/
-	width: 50%;
-	text-align: center;
-	background: lightgrey;
-	border-right: 1px solid black;
-}
-
-ul.nav li:hover {
-	background: grey;
-}
-
-ul.nav li a {
-	display: block;
-	width: 100%;
-	height: 100%;
-}
-
-div.docs {
-	overflow: scroll;
-}
-
-table {
-	border-collapse: collapse;
-	/*table-layout: fixed;*/
-}
-
-td, th {
-	border: 1px solid black;
-	padding: 10px;
-}
-
-td.filename {
-	overflow: scroll;
-	white-space: nowrap;
-}
-
-form.inline {
-	display: inline;
-}
-
-form.inlineblk {
-	display: inline-block;
-}
diff --git a/static/style.scss b/static/style.scss
new file mode 100644
index 0000000..ca1fdfb
--- /dev/null
+++ b/static/style.scss
@@ -0,0 +1,102 @@
+body {
+	margin: 0;
+}
+
+.error {
+	color: red;
+}
+
+div.content {
+	padding: 5px;
+	margin: 8px;
+}
+
+nav {
+	border-bottom: 1px solid black;
+	/*padding-left: 8px;*/
+}
+
+%navlist {
+	display: inline-flex;
+	margin: 0;
+	padding: 0;
+	width: 100%;
+	li {
+		@extend %navitem;
+	}
+}
+
+ul.nav {
+	@extend %navlist;
+}
+
+ul.navlogged {
+	@extend %navlist;
+}
+
+%navitem {
+	display: inline-block;
+	/*padding: 5px;
+	padding-right: 5px;
+	padding-left: 5px;
+	width: 150px;*/
+	width: 50%;
+	height: 100%;
+	text-align: center;
+	background: lightgrey;
+	border-right: 1px solid black;
+	&:hover {
+		background: grey;
+	}
+	a {
+		display: block;
+		width: 100%;
+		height: 100%;
+		padding: 5px 0px 5px 0px;
+	}
+}
+
+ul.nav li {
+	@extend %navitem;
+}
+
+ul.navlogged li {
+	@extend %navitem;
+	width: calc(100% - 33%);
+}
+
+div.docs {
+	overflow: scroll;
+}
+
+table {
+	border-collapse: collapse;
+	/*table-layout: fixed;*/
+}
+
+td, th {
+	border: 1px solid black;
+	padding: 10px;
+}
+
+td.filename {
+	overflow: scroll;
+	white-space: nowrap;
+}
+
+form.inline {
+	display: inline;
+}
+
+form.inlineblk {
+	display: inline-block;
+}
+
+img {
+	width: 100%;
+	max-width: 600px;
+}
+
+hr {
+	border-top: 1px dashed black;
+}
-- 
cgit v1.2.3