lite3dp draft + no margin right

This commit is contained in:
Nils Schulte 2025-01-24 08:39:07 +01:00
parent 98fe1d6fed
commit c5bcd6d100
6 changed files with 309 additions and 451 deletions

View File

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

View File

@ -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

View File

@ -347,4 +347,4 @@
[hidden] { [hidden] {
display: none; display: none;
} }

View File

@ -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%;
}

BIN
static/img/lite3dp-gen2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 395 KiB

View File

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