From 9a60565e4401a8244e98c0f812a2ff1e21c9a43b Mon Sep 17 00:00:00 2001
From: octospacc <octo@tutamail.com>
Date: Tue, 17 May 2022 18:15:08 +0200
Subject: [PATCH] Try Pug generator

---
 .gitignore          |  1 +
 .gitlab-ci.yml      |  8 ++++----
 Assets/Standard.css |  9 ---------
 Pages/index.md      | 23 -----------------------
 Pages/index.pug     | 26 ++++++++++++++++++++++++++
 5 files changed, 31 insertions(+), 36 deletions(-)
 delete mode 100755 Pages/index.md
 create mode 100755 Pages/index.pug

diff --git a/.gitignore b/.gitignore
index 46f5006..cf1f594 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 public/*
+tmp.*
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 980a6a8..bc2e6c0 100644
--- a/.gitlab-ci.yml
+++ b/.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
diff --git a/Assets/Standard.css b/Assets/Standard.css
index e3595da..337e8e6 100755
--- a/Assets/Standard.css
+++ b/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);
diff --git a/Pages/index.md b/Pages/index.md
deleted file mode 100755
index aade68c..0000000
--- a/Pages/index.md
+++ /dev/null
@@ -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.
diff --git a/Pages/index.pug b/Pages/index.pug
new file mode 100755
index 0000000..cdd94bb
--- /dev/null
+++ b/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.