Try Pug generator

This commit is contained in:
octospacc 2022-05-17 18:15:08 +02:00
parent f27a91e84f
commit 9a60565e44
5 changed files with 31 additions and 36 deletions

1
.gitignore vendored
View File

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

View File

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

View File

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

View File

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

26
Pages/index.pug Executable file
View File

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