Try Pug generator

.gitignore

@@ -1 +1,2 @@
 public/*
+tmp.*

.gitlab-ci.yml

@@ -2,15 +2,15 @@ image: alpine:latest
 
 before_script:
   - apk update
-  - apk add python3 py3-pip git
-  - pip3 install importlib-metadata
+  - apk add python3 py3-pip npm git
+  - pip3 install Markdown
+  - npm install -g pug-cli
 
 pages:
   stage: deploy
   script:
   - git clone --depth 1 https://gitlab.com/octtspacc/staticoso
-  - mv staticoso/Source/* ./
-  - python3 Build.py
+  - python3 staticoso/Source/Build.py
   artifacts:
     paths:
     - public

Assets/Standard.css

@@ -9,7 +9,6 @@
 
 Body {
 	Margin: 0;
-	//Padding: var(--ScreenBorderPadding);
 	Box-Sizing: Border-Box;
 	Width: 100vw;
 	Position: Absolute;
@@ -29,21 +28,14 @@ Body {
 #LeftBox {
 	Float: Left;
 	Padding: var(--ContentPadding);
-	//Border: 2px Solid Purple;
 	user-select: none;
 }
 #RightBox {
-	//Position: Inherit;
-	//Border: 2px Solid Purple;
-	//Top: 16px;
-	//Right: 16px;
-//	Margin: 0;
 	Padding: var(--ContentPadding);
 	Float: Right;
 	user-select: none;
 }
 #MainBox {
-	//Text-Align: Center;
 	Margin: Auto;
 	Position: Absolute;
 	Z-Index: -1;
@@ -56,7 +48,6 @@ Body {
 	Border: 2px Solid Purple;
 	Position: Fixed;
 	Bottom: 0; //var(--ScreenBorderPadding);
-	//Margin: var(--ScreenBorderPadding);
 	Left: 0;
 	Right: 0;
 	Padding: var(--ContentPadding);

Pages/index.md

@@ -1,23 +0,0 @@
-% Template: Standard.html
-
-# Ciao!!
-
-Sei entrat<span class="BlinkA">a</span><span class="BlinkO">o</span>
-nel...
-
-% - Credits: https://codepen.io/jh3y/pen/WNrXqYz
-<h1 class="WavyText" style="--x: 6; --y: -6;"><span style="--index: 0; --alpha-l: 0.125; --alpha-u: 0.25;">p</span><span style="--index: 1; --alpha-l: 0.125; --alpha-u: 0.25;">o</span><span style="--index: 2; --alpha-l: 0.125; --alpha-u: 0.25;">s</span><span style="--index: 3; --alpha-l: 0.125; --alpha-u: 0.25;">t</span><span style="--index: 4; --alpha-l: 0.125; --alpha-u: 0.25;">o</span><span style="--index: 5; --alpha-l: 0.125; --alpha-u: 0.25;">c</span><span style="--index: 6; --alpha-l: 0.125; --alpha-u: 0.25;">t</span><span style="--index: 7; --alpha-l: 0.125; --alpha-u: 0.25;">t</span>
-</h1>
-<h1 class="WavyText" style="--x: 3; --y: -3;"><span style="--index: 0; --alpha-l: 0.25; --alpha-u: 0.5;">p</span><span style="--index: 1; --alpha-l: 0.25; --alpha-u: 0.5;">o</span><span style="--index: 2; --alpha-l: 0.25; --alpha-u: 0.5;">s</span><span style="--index: 3; --alpha-l: 0.25; --alpha-u: 0.5;">t</span><span style="--index: 4; --alpha-l: 0.25; --alpha-u: 0.5;">o</span><span style="--index: 5; --alpha-l: 0.25; --alpha-u: 0.5;">c</span><span style="--index: 6; --alpha-l: 0.25; --alpha-u: 0.5;">t</span><span style="--index: 7; --alpha-l: 0.25; --alpha-u: 0.5;">t</span>
-</h1>
-<h1 class="WavyText"><span style="--index: 0; --alpha-l: 0.5; --alpha-u: 1;">p</span><span style="--index: 1; --alpha-l: 0.5; --alpha-u: 1;">o</span><span style="--index: 2; --alpha-l: 0.5; --alpha-u: 1;">s</span><span style="--index: 3; --alpha-l: 0.5; --alpha-u: 1;">t</span><span style="--index: 4; --alpha-l: 0.5; --alpha-u: 1;">o</span><span style="--index: 5; --alpha-l: 0.5; --alpha-u: 1;">c</span><span style="--index: 6; --alpha-l: 0.5; --alpha-u: 1;">t</span><span style="--index: 7; --alpha-l: 0.5; --alpha-u: 1;">t</span>
-</h1>
-<br>
-
-Esatto, il **postoctt**, Letteralmente il mio posto, perchè io sono octt e quindi
-posto + octt = postoctt.
-Se preferisci, puoi chiamarlo postocto.
-
-### Di che si tratta?
-
-A breve.

Pages/index.pug

@@ -0,0 +1,26 @@
+// Template: Standard.html
+
+h1 Ciao!!
+
+p Sei entrat<span class="BlinkA">a</span><span class="BlinkO">o</span> nel...
+
+// Credits: https://codepen.io/jh3y/pen/WNrXqYz
+h1(class='NoTitle WavyText' style='--x: 6; --y: -6;')
+	for letter, index in 'postoctt'.split('')
+		span(style=`--index: ${index}; --alpha-l: 0.125; --alpha-u: 0.25;`)= letter
+h1(class='NoTitle WavyText' style='--x: 3; --y: -3;')
+	for letter, index in 'postoctt'.split('')
+		span(style=`--index: ${index}; --alpha-l: 0.25; --alpha-u: 0.5;`)= letter
+h1(class='NoTitle WavyText')
+	for letter, index in 'postoctt'.split('')
+		span(style=`--index: ${index}; --alpha-l: 0.5; --alpha-u: 1;`)= letter
+br
+
+p.
+	Esatto, il <b>postoctt</b>, Letteralmente il mio posto, perchè io sono octt e quindi
+	posto + octt = postoctt.
+	Se preferisci, puoi chiamarlo postocto.
+
+h3 Di che si tratta?
+
+p A breve.