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.

1 files changed, 102 insertions, 0 deletions

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;
+}