lite3dp draft + no margin right

config.toml

@@ -4,12 +4,10 @@ title = "nilsschulte.de"
 copyright = "This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License."
 
 theme = "nils-theme"
-[author]
+[params.author]
 	name = "Nils Schulte"
 	email = "blog@nilsschulte.de"
 
-[params]
-author = "Nils Schulte"
 description = "Nils' Blog"
 
 ## Set one of:

content/posts/lite3dp-gen2.md

@@ -0,0 +1,14 @@
+---
+title: "lite3dp gen2"
+date: 2024-01-23T16:50:00+01:00
+draft: true
+summary: Mini SLA printing
+---
+
+I bought[^1] a mini SLA printer called [Lite3DP Gen2](https://github.com/Lite3DP/Lite3DP-Gen-2) on [crowdsupply](https://www.crowdsupply.com/lite3dp/lite3dp-gen-2).
+
+{{< figure src="/img/lite3dp-gen2.jpg#floatright" width="300px" alt="Lite3DP on top of kitchen-roll-paper">}}
+
+The resin i bought is [Formfutura economy lcd resin grey](https://formfutura.com/product/economy-lcd-resin/) and the settings i settled for are 
+
+[^1]: technically crowdfunded

static/css/style.css

@@ -1,239 +0,0 @@
-html {
-	background-color: black;
-	color: #dfdfdf;
-}
-
-/* ubuntu-font */
-@font-face {
-    font-family: "UbuntuMono";
-    src: local('UbuntuMono-B'), url("../fonts/UbuntuMono-Bold.ttf");
-    font-weight: bold;
-}
-@font-face {
-    font-family: "UbuntuMono";
-    src: local('UbuntuMono-RI'), url("../fonts/UbuntuMono-Italic.ttf");
-    font-style: italic;
-}
-@font-face {
-    font-family: "UbuntuMono";
-    src: local('UbuntuMono-R'), url("../fonts/UbuntuMono-Regular.ttf");
-}
-
-#background {
-    position: fixed;
-    z-index: -1;
-    background-color: rgb(47, 41, 41);/*rgb(153, 34, 13);*/
-    width: 100%;
-    height: 100%;
-}
-
-@keyframes backgroundFallin {
-    00% {height: 0%;}
-    10% {height: 0%;}
-    50% {height: 100%;}
-    65% {height: 80%;}
-    80% {height: 100%;}
-    90% {height: 90%;}
-    100% {height: 100%;}
-}
-
-@keyframes headspin {
-    0% {transform: rotate(-760deg) scale(0,0);}
-    100% {transform: rotate(0deg) scale(1,1);}
-}
-
-@keyframes dealfall {
-    0% {transform: translateY(-2000%) }
-    1% {transform: translateY(-200%) }
-    100% {transform: translateY(0%) }
-}
-
-body {
-	font-family: 'UbuntuMono';
-	display: flex;
-	flex-flow: row;
-	text-align: center;
-	font-size: 20px;
-}
-
-body > header {
-	width: 100%;
-	position: absolute;
-	text-align: center;
-	align-content: center;
-	display: flex;
-	flex-flow: row;
-}
-
-body > header h1 {
-	display: flex;
-	flex-flow: row;
-	margin: 0;
-}
-
-
-#main {
-	flex: auto;
-	min-height: 100vh;
-	overflow: hidden;
-
-	display: flex;
-	flex-flow: column;
-	align-items: center;
-}
-
-#main > nav, #main > main, #main > footer {
-	padding: 15px;
-}
-
-
-#main > main {
-	flex: 1;
-	margin-right: 25px;
-}
-
-#main > footer {
-	padding-top: 50px;
-}
-
-@media (prefers-color-scheme: dark) {
-	html {
-		background-color: black;
-		color: #dfdfdf;
-	}
-
-	article img:not([src$=".jpg"]):not([src$=".jpeg"]) {
-		/* prevent transparent images from showing the black background */
-		background-color: white;
-		border: 5px solid white;
-		box-sizing: border-box;
-	}
-}
-
-
-/* Article list */
-.article-list {
-    max-width: 45em;
-    width: 90vw;
-}
-
-.article-list article{
-    margin: 1.2em 0 0 0;
-}
-
-.article-list article > header {
-	display: flex;
-	flex-flow: row;
-	align-items: center;
-	margin-bottom: 0;
-}
-
-.article-list article time {
-    color:grey;
-}
-
-.article-list article h3 {
-    display: inline-block;
-	margin: 0.5em;
-}
-
-.article-list .summary {
-    text-align: justify;
-    margin: 0 1em;
-}
-
-.article-list article small {
-	font-weight: normal;
-	color: gray;
-}
-
-a, a:visited {
-	color: inherit;
-}
-
-article > header {
-	text-align: center;
-	margin-bottom: 2em;
-}
-
-article > header time {
-	color: gray;
-}
-
-article {
-    max-width: 45em;
-    width: 90vw;
-	text-align: justify;
-}
-
-table {
-    margin: auto;
-    width: 90%;
-    background: #221d1d;
-}
-
-table, th, td {
-    padding: 15px;
-    text-align: left;
-    border-color: #4c4c4c;
-    border-collapse: collapse;
-    border: 1px solid black;
-}
-
-article video, article img {
-	max-width: 100%;
-}
-
-article img[src$='#center'] {
-    display: block;
-    margin: 0.7rem auto; /* you can replace the vertical '0.7rem' by
-                            whatever floats your boat, but keep the
-                            horizontal 'auto' for this to work */
-    /* whatever else styles you fancy here */
-}
-
-article img[src$='#floatleft'] {
-    float:left;
-    margin: 0.7rem;      /* this margin is totally up to you */
-    /* whatever else styles you fancy here */
-}
-
-article img[src$='#floatright'] {
-    float:right;
-    margin: 0.7rem;      /* this margin is totally up to you */
-    /* whatever else styles you fancy here */
-}
-
-
-article .footnotes {
-	font-size: 0.75em;
-}
-
-pre {
-	background-color: #272822;
-	color: #f8f8f2;
-	padding: 15px;
-	overflow: auto;
-
-	tab-size: 2;
-	-moz-tab-size: 2;
-}
-
-p code, li code {
-	color: #930d72;
-}
-
-.centerdiv {
-    margin: 0;
-    position: absolute;
-    display: flex;
-    width: 100%;
-    height: 90%;
-    z-index: -1;
-}
-
-.logo_anim {
-    margin:auto;
-    max-height: 60%;
-    max-width: 60%;
-}

themes/nils-theme/layouts/partials/head.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
-	<head>
+
+<head>
     <meta charset="utf-8">
     <title>{{ partial "title.txt" . }}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -14,46 +15,91 @@
             background-color: black;
             color: #dfdfdf;
         }
+
         /* ubuntu-font */
         @font-face {
             font-family: "UbuntuMono";
-			src: local('UbuntuMono-B'), url("{{ .Site.BaseURL }}fonts/UbuntuMono-Bold.ttf");
+            src: local('UbuntuMono-B'),
+            url("{{ .Site.BaseURL }}fonts/UbuntuMono-Bold.ttf");
             font-weight: bold;
         }
+
         @font-face {
             font-family: "UbuntuMono";
-			src: local('UbuntuMono-RI'), url("{{ .Site.BaseURL }}fonts/UbuntuMono-Italic.ttf");
+            src: local('UbuntuMono-RI'),
+            url("{{ .Site.BaseURL }}fonts/UbuntuMono-Italic.ttf");
             font-style: italic;
         }
+
         @font-face {
             font-family: "UbuntuMono";
-			src: local('UbuntuMono-R'), url("{{ .Site.BaseURL }}fonts/UbuntuMono-Regular.ttf");
+            src: local('UbuntuMono-R'),
+            url("{{ .Site.BaseURL }}fonts/UbuntuMono-Regular.ttf");
         }
+
         #background {
             position: fixed;
             z-index: -1;
-			background-color: rgb(47, 41, 41);/*rgb(153, 34, 13);*/
+            background-color: rgb(47, 41, 41);
+            /*rgb(153, 34, 13);*/
             width: 100%;
             height: 100%;
         }
+
         @keyframes backgroundFallin {
-			00% {height: 0%;}
+            00% {
-			10% {height: 0%;}
+                height: 0%;
-			50% {height: 100%;}
-			65% {height: 80%;}
-			80% {height: 100%;}
-			90% {height: 90%;}
-			100% {height: 100%;}
             }
+
+            10% {
+                height: 0%;
+            }
+
+            50% {
+                height: 100%;
+            }
+
+            65% {
+                height: 80%;
+            }
+
+            80% {
+                height: 100%;
+            }
+
+            90% {
+                height: 90%;
+            }
+
+            100% {
+                height: 100%;
+            }
+        }
+
         @keyframes headspin {
-			0% {transform: rotate(-760deg) scale(0,0);}
+            0% {
-			100% {transform: rotate(0deg) scale(1,1);}
+                transform: rotate(-760deg) scale(0, 0);
             }
+
+            100% {
+                transform: rotate(0deg) scale(1, 1);
+            }
+        }
+
         @keyframes dealfall {
-			0% {transform: translateY(-2000%) }
+            0% {
-			1% {transform: translateY(-200%) }
+                transform: translateY(-2000%)
-			100% {transform: translateY(0%) }
             }
+
+            1% {
+                transform: translateY(-200%)
+            }
+
+            100% {
+                transform: translateY(0%)
+            }
+        }
+
         body {
             font-family: 'UbuntuMono';
             display: flex;
@@ -61,7 +107,8 @@
             text-align: center;
             font-size: 20px;
         }
-		body > header {
+
+        body>header {
             width: 100%;
             position: absolute;
             text-align: center;
@@ -69,11 +116,13 @@
             display: flex;
             flex-flow: row;
         }
-		body > header h1 {
+
+        body>header h1 {
             display: flex;
             flex-flow: row;
             margin: 0;
         }
+
         #main {
             flex: auto;
             min-height: 100vh;
@@ -83,21 +132,28 @@
             flex-flow: column;
             align-items: center;
         }
-		#main > nav, #main > main, #main > footer {
+
+        #main>nav,
+        #main>main,
+        #main>footer {
             padding: 15px;
         }
-		#main > main {
+
+        #main>main {
             flex: 1;
-			margin-right: 25px;
+            margin: auto;
         }
-		#main > footer {
+
+        #main>footer {
             padding-top: 50px;
         }
+
         @media (prefers-color-scheme: dark) {
             html {
                 background-color: black;
                 color: #dfdfdf;
             }
+
             article img:not([src$=".jpg"]):not([src$=".jpeg"]) {
                 /* prevent transparent images from showing the black background */
                 background-color: white;
@@ -105,80 +161,104 @@
                 box-sizing: border-box;
             }
         }
+
         /* Article list */
         .article-list {
             max-width: 45em;
             width: 90vw;
         }
-		.article-list article{
+
+        .article-list article {
             margin: 1.2em 0 0 0;
         }
-		.article-list article > header {
+
+        .article-list article>header {
             display: flex;
             flex-flow: row;
             align-items: center;
             margin-bottom: 0;
         }
+
         .article-list article time {
-			color:grey;
+            color: grey;
         }
+
         .article-list article h3 {
             display: inline-block;
             margin: 0.5em;
         }
+
         .article-list .summary {
             text-align: justify;
             margin: 0 1em;
         }
+
         .article-list article small {
             font-weight: normal;
             color: gray;
         }
-		a, a:visited {
+
+        a,
+        a:visited {
             color: inherit;
         }
-		article > header {
+
+        article>header {
             text-align: center;
             margin-bottom: 2em;
         }
-		article > header time {
+
+        article>header time {
             color: gray;
         }
+
         article {
             max-width: 45em;
             width: 90vw;
             text-align: justify;
         }
+
         table {
             margin: auto;
             width: 90%;
             background: #221d1d;
         }
-		table, th, td {
+
+        table,
+        th,
+        td {
             padding: 15px;
             text-align: left;
             border-color: #4c4c4c;
             border-collapse: collapse;
             border: 1px solid black;
         }
-		article video, article img {
+
+        article video,
+        article img {
             max-width: 100%;
         }
+
         article img[src$='#center'] {
             display: block;
             margin: 0.7rem auto;
         }
+
         article img[src$='#floatleft'] {
-			float:left;
+            float: left;
             margin: 0.7rem;
         }
+
         article img[src$='#floatright'] {
-			float:right;
+            float: right;
             margin: 0.7rem;
         }
+
         article .footnotes {
             font-size: 0.75em;
+            clear: inline-end;
         }
+
         pre {
             background-color: #272822;
             color: #f8f8f2;
@@ -188,9 +268,12 @@
             tab-size: 2;
             -moz-tab-size: 2;
         }
-		p code, li code {
+
+        p code,
+        li code {
             color: #930d72;
         }
+
         .centerdiv {
             margin: 0;
             position: absolute;
@@ -199,12 +282,14 @@
             height: 90%;
             z-index: -1;
         }
+
         .logo_anim {
-			margin:auto;
+            margin: auto;
             max-height: 60%;
             max-width: 60%;
         }
     </style>
     <link rel="shortcut icon" type="image/x-icon" href="{{ .Site.BaseURL }}\img\favicon.ico" />
-	</head>
+</head>
-	<body>
+
+<body>