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, 39 insertions, 10 deletions

diff --git a/static/style.css b/static/style.scss
index 42ae410..ca1fdfb 100644
--- a/static/style.css
+++ b/static/style.scss
@@ -16,33 +16,53 @@ nav {
 	/*padding-left: 8px;*/
 }
 
-ul.nav {
+%navlist {
 	display: inline-flex;
 	margin: 0;
 	padding: 0;
 	width: 100%;
+	li {
+		@extend %navitem;
+	}
 }
 
-ul.nav li {
+ul.nav {
+	@extend %navlist;
+}
+
+ul.navlogged {
+	@extend %navlist;
+}
+
+%navitem {
 	display: inline-block;
-	padding: 5px;
-	/*padding-right: 5px;
+	/*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:hover {
-	background: grey;
+ul.nav li {
+	@extend %navitem;
 }
 
-ul.nav li a {
-	display: block;
-	width: 100%;
-	height: 100%;
+ul.navlogged li {
+	@extend %navitem;
+	width: calc(100% - 33%);
 }
 
 div.docs {
@@ -71,3 +91,12 @@ form.inline {
 form.inlineblk {
 	display: inline-block;
 }
+
+img {
+	width: 100%;
+	max-width: 600px;
+}
+
+hr {
+	border-top: 1px dashed black;
+}