ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 13:55:05 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Apply same color changing effect to hero animation

Browse source
This commit is contained in:
Thomas Smith 2023-02-28 12:25:46 -05:00
parent 24ce7e2784
commit 30f4677624
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/layouts/partials/hero-terminal-animation.html
View file

@ -25,9 +25,9 @@
<script> <script>
const commands = [ const commands = [
{ input: "<span class='purple'>$</span> node --eval 'console.log(\"Hello World!\")'", output: `<span class="mb-5">command not found: node</span><br><div class="comment p-2" style="position:relative; top:5px;"><code class="small"><i class="icon-exclamation-circle"></i>Node is not installed, thus command is not found</code></div>`}, { input: "$ node --eval 'console.log(\"Hello World!\")'", output: `<span class="mb-5">command not found: node</span><br><div class="comment p-2" style="position:relative; top:5px;"><code class="small"><i class="icon-exclamation-circle"></i>Node is not installed, thus command is not found</code></div>`},
{ input: "<span class='purple'>$</span> sh <(curl tea.xyz) --yes<br>############################################################", output: ``}, { input: "$ sh <(curl tea.xyz) --yes<br>############################################################", output: ``},
{ input: "<span class='purple'>$</span> node --eval 'console.log(\"Hello World!\")'", output: `tea: installing nodejs.org^19` }, { input: "$ node --eval 'console.log(\"Hello World!\")'", output: `tea: installing nodejs.org^19` },
{ input: "", output: `Hello World! &#128526;<br><div class="comment-success p-2" style="position:relative; top:5px;"><code class="small"><i class="icon-check-circle"></i>tea magically installs needed dependencies</code></div>` }, { input: "", output: `Hello World! &#128526;<br><div class="comment-success p-2" style="position:relative; top:5px;"><code class="small"><i class="icon-check-circle"></i>tea magically installs needed dependencies</code></div>` },
]; ];
@ -50,7 +50,10 @@
return; return;
} }
const currentChar = command.input[0]; let currentChar = command.input[0];
if (currentChar === '$') {
currentChar = '<span class="purple">$</span>';
}
commandOutput += currentChar; commandOutput += currentChar;
command.input = command.input.slice(1); command.input = command.input.slice(1);