mirror of
https://gitlab.com/octtspacc/sitoctt
synced 2025-06-05 22:09:20 +02:00
Try Pug generator
This commit is contained in:
@ -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
26
Pages/index.pug
Executable 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.
|
Reference in New Issue
Block a user