Try Pug generator

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

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.