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

Change dollar sign to purple

Browse source
This commit is contained in:
Thomas Smith 2023-02-24 11:58:38 -05:00
parent f468678846
commit 0f3bb80e4a
4 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/layouts/partials/animation-1.html
View file

@ -1,7 +1,7 @@
<script> <script>
const commands2 = [ const commands2 = [
{ input: "$ sh <(curl https://tea.xyz)<br>################################", output: `<br><br>k, we installed /Users/thomassmith/.tea/tea.xyz/v0.24.2/bin/tea` }, { input: "<span class='purple'>$</span> sh <(curl https://tea.xyz)<br>################################", output: `<br><br>k, we installed /Users/thomassmith/.tea/tea.xyz/v0.24.2/bin/tea` },
{ input: `<br><br>$ tea redis-cli ping<br>################################`, output: `<br>installed: ~/.tea/redis.io/v7.0.8<br><div class="comment-success p-2" style="position:relative; top:5px;"><code class="small"><i class="icon-check-circle"></i>tea installs 'redis' automagically.</code></div>` }, { input: `<br><br><span class='purple'>$</span> tea redis-cli ping<br>################################`, output: `<br>installed: ~/.tea/redis.io/v7.0.8<br><div class="comment-success p-2" style="position:relative; top:5px;"><code class="small"><i class="icon-check-circle"></i>tea installs 'redis' automagically.</code></div>` },
{ input: "", output: `<br><br>pong` }, { input: "", output: `<br><br>pong` },
]; ];

8
src/layouts/partials/animation-2.html
View file

@ -1,7 +1,7 @@
<script> <script>
const commands3 = [ const commands3 = [
{ input: "$ node --version<br>", output: `v19.3.0<br><br>` }, { input: "<span class='purple'>$</span> node --version<br>", output: `v19.3.0<br><br>` },
{ input: "$ cat <<EOF >>my-project/README.md<br>", output: `# Dependencies<br> { input: "<span class='purple'>$</span> cat <<EOF >>my-project/README.md<br>", output: `# Dependencies<br>
<table> <table>
<thead> <thead>
<tr> <tr>
@ -18,8 +18,8 @@
</table> </table>
EOF EOF
<br><br>` }, <br><br>` },
{ input: "$ cd my-project<br>", output: `my-project<br><br>` }, { input: "<span class='purple'>$</span> cd my-project<br>", output: `my-project<br><br>` },
{ input: "$ node --version<br>", output: `v18.13.0` }, { input: "<span class='purple'>$</span> node --version<br>", output: `v18.13.0` },
]; ];
let commandIndex3 = 0; let commandIndex3 = 0;

2
src/layouts/partials/animation-3.html
View file

@ -1,6 +1,6 @@
<script> <script>
const commands4 = [ const commands4 = [
{ input: "$ tea https://github.com/teaxyz/demos/blob/main/hello-universe.sh<br><br>", output: `*** Interpreters ***<br><br>`}, { input: "<span class='purple'>$</span> tea https://github.com/teaxyz/demos/blob/main/hello-universe.sh<br><br>", output: `*** Interpreters ***<br><br>`},
{ input: "", output: `TypeScript: Hello, World!<br>`}, { input: "", output: `TypeScript: Hello, World!<br>`},
{ input: "", output: `Go: Hello, World!<br>`}, { input: "", output: `Go: Hello, World!<br>`},
{ input: "", output: `JavaScript: Hello, World!<br>`}, { input: "", output: `JavaScript: Hello, World!<br>`},

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

@ -25,9 +25,9 @@
<script> <script>
const commands = [ const commands = [
{ 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> 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: "$ sh <(curl tea.xyz) --yes<br><span class='grid-gray'>############################################################</span>", output: ``}, { input: "<span class='purple'>$</span> sh <(curl tea.xyz) --yes<br>############################################################", output: ``},
{ input: "$ node --eval 'console.log(\"Hello World!\")'", output: `tea: installing nodejs.org^19` }, { input: "<span class='purple'>$</span> 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>` },
]; ];
@ -56,7 +56,7 @@
// Check if the current character is within the .grid-gray span // Check if the current character is within the .grid-gray span
if (document.querySelector(".grid-gray").contains(document.createTextNode(currentChar))) { if (document.querySelector(".grid-gray").contains(document.createTextNode(currentChar))) {
setTimeout(typeCommand, 0); // Reduce timeout delay for faster animation setTimeout(typeCommand, 50); // Reduce timeout delay for '#' character for faster animation
} else { } else {
setTimeout(typeCommand, 100); setTimeout(typeCommand, 100);
} }