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

Animation progress

Browse source
This commit is contained in:
Thomas Smith 2023-02-06 10:48:52 -05:00
parent b8ebf99d0e
commit 96eaf19894
1 changed files with 24 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
src/layouts/index.html
View file

@ -283,20 +283,16 @@
</div> </div>
</div> </div>
<div class="col-xl-5 col-lg-6 col-md-12 col-sm-12 xol-12 pb-xl-0 pb-lg-0 pb-md-5 pb-sm-5 pb-5 mt-xl-0 mt-lg-0 mt-md-5 mt-sm-5 mt-5"> <div class="col-xl-5 col-lg-6 col-md-12 col-sm-12 xol-12 pb-xl-0 pb-lg-0 pb-md-5 pb-sm-5 pb-5 mt-xl-0 mt-lg-0 mt-md-5 mt-sm-5 mt-5">
<div class="feature-terminal"> <div class="feature-terminal" id="start-btn" style="cursor:pointer;">
<div class="terminal-bar black-bg flex-start p-1 ps-3"> <div class="terminal-bar black-bg flex-start p-1 ps-3">
<div class="traffic-light"></div> <div class="traffic-light"></div>
<div class="traffic-light"></div> <div class="traffic-light"></div>
<div class="traffic-light"></div> <div class="traffic-light"></div>
</div> </div>
<div class="flex p-2" style="border-bottom: 1px solid gray;">
<div class="flex pt-2 pb-2 ps-4 pe-2" style="width: 100%; border: 1px solid #949494; border-radius: 5px;">
<code id="copy-text" class="white">sh <(curl tea.xyz)</code>
<button class="hbtn hb-fill-right" id="start-btn">Run Demo</button>
</div>
</div>
<div class="terminal-content p-xl-5 p-lg-5 p-md-5 p-sm-2 p-3"> <div class="terminal-content p-xl-5 p-lg-5 p-md-5 p-sm-2 p-3">
<code id="terminal-output-2"></code> <code id="terminal-output-2">
<span class="light-gray">Click to run demo...</span>
</code>
</div> </div>
</div> </div>
</div> </div>
@ -305,36 +301,25 @@
<script> <script>
const commands2 = [ const commands2 = [
{ input: "$ node --eval 'console.log(\"Hello World!\")'", output: `command not found: node<br><span class="dark-gray">#Node is not installed, thus command is not found :/ ...</span><br>` }, { input: "$ tea bun create next ./app<br>", output: `<span class="dark-gray">[package.json] Detected React - added "react-refresh"<br>
{ input: "$ sh <(curl tea.xyz) --yes", output: `installing ~/.tea...<br><table class="teal"> [package.json] Detected Next.js<br><br></span>` },
<thead> { input: "", output: `<span class="dark-gray">$ bun install</span><br>
<tr> bun install v0.4.0 (a94bba63)
<th>% Total</th> 🔍 Resolving [1/11]
<th>% Received</th> [99.00ms] git
<th>% Xferd</th> + @types/react@18.0.27
<th>Average Speed</th> + bun-framework-next@12.2.5
<th>Time</th> + react-refresh@0.10.0
<th>Time</th> + typescript@4.9.5
<th>Time</th> + next@12.2.3
<th>Current</th> + react@18.2.0
</tr> + react-dom@18.2.0
</thead> + react-is@18.2.0
<tbody>
<tr> 25 packages installed [704.00ms]
<td>100</td>
<td>13306</td> [724.00ms] bun install
<td>100</td>
<td>54983</td>
<td>0</td>
<td>--:--:--</td>
<td>--:--:--</td>
<td>--:--:--</td>
</tr>
<tr>
<td colspan="8">k, we installed <mark>/Users/userName/.tea/tea.xyz/v0.21.0/bin/tea</mark></td>
</tr>
</tbody>
</table>
` }, ` },
{ input: "$ node --eval 'console.log(\"Hello World!\")'", output: `tea: installing nodejs.org^19<br><span class="dark-gray">#tea magically installs needed dependencies...</span>` }, { input: "$ node --eval 'console.log(\"Hello World!\")'", output: `tea: installing nodejs.org^19<br><span class="dark-gray">#tea magically installs needed dependencies...</span>` },
{ input: "", output: `Hello World! &#128526;<br><span class="dark-gray">#and tah-dah!</span>` }, { input: "", output: `Hello World! &#128526;<br><span class="dark-gray">#and tah-dah!</span>` },