TileOS/tileos-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added links and animation

Browse source
This commit is contained in:
IndexZeroZzz 2024-02-04 23:24:46 +03:00
parent 138477d068
commit 085dc388a1
1 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/routes/+page.svelte
View file

@ -16,26 +16,25 @@ let downloadIsPressed = false;
<div> <div>
<button class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#6993e9]" on:click={() => {downloadIsPressed = !downloadIsPressed; console.log(downloadIsPressed)}}><Download className="mr-1.5"></Download> Download</button> <button class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#6993e9]" on:click={() => {downloadIsPressed = !downloadIsPressed; console.log(downloadIsPressed)}}><Download className="mr-1.5"></Download> Download</button>
</div> </div>
<div class="absolute left-0 mx-5 my-3 w-56 rounded-md bg-[#6993e9] {downloadIsPressed ? '' : 'hidden'}"> <div class="absolute left-0 mx-5 my-3 w-56 rounded-md bg-[#6993e9] {downloadIsPressed ? 'transition ease-in duration-75 opacity-100 scale-100' : 'opacity-0 transition ease-out duration-100 scale-95'}">
<div class="py-1"> <div class="py-1">
<a href="#" class="block px-4 py-2 text-sm">Sway</a> <p class="block px-4 py-2 text-sm"><a href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.iso">Sway BETA</a> <a class="underline" href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.sha256.txt">(sha256)</a> <a class="underline" href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.md5.txt">(md5)</a></p>
<a href="#" class="block px-4 py-2 text-sm">River</a> <p class="block px-4 py-2 text-sm"><a href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.iso">River BETA</a> <a class="underline" href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.sha256.txt">(sha256)</a> <a class="underline" href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.md5.txt">(md5)</a></p>
<a href="#" class="block px-4 py-2 text-sm">Hyprland</a>
</div> </div>
</div> </div>
</div> </div>
<a class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#8f96ee]" href="http://localhost:8080"><AltDownload className="mr-1.5"></AltDownload> Alternative Downloads</a> <a class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#8f96ee]" href="http://localhost:8080"><AltDownload className="mr-1.5"></AltDownload> Alternative Downloads</a>
<a class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#73b4d1]" href="http://localhost:8080"><Terminal className="mr-1.5"></Terminal> Source Code</a> <a class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#73b4d1]" href="https://gitlab.com/tile-os"><Terminal className="mr-1.5"></Terminal> Source Code</a>
</div> </div>
</div> </div>
<div> <div>
<div class="flex flex-col lg:flex-row p-8"> <div class="flex flex-col lg:flex-row p-8">
<div class="flex-1 m-5"> <div class="flex-1 m-5">
<h1 class="font-bold text-3xl mb-3">TileOS Sway</h1> <h1 class="font-bold text-3xl mb-3">TileOS Sway BETA</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi cupiditate incidunt iste minima pariatur repellendus. Architecto atque culpa esse illum inventore laboriosam nihil provident quaerat quasi sequi! Amet assumenda culpa, doloremque eligendi hic id laborum, magni, obcaecati perspiciatis possimus quasi repudiandae sapiente vel! Dolorem libero neque quam quasi sit, voluptatum!</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi cupiditate incidunt iste minima pariatur repellendus. Architecto atque culpa esse illum inventore laboriosam nihil provident quaerat quasi sequi! Amet assumenda culpa, doloremque eligendi hic id laborum, magni, obcaecati perspiciatis possimus quasi repudiandae sapiente vel! Dolorem libero neque quam quasi sit, voluptatum!</p>
<div class="flex my-10"> <div class="flex my-10">
<a class="border-2 p-2.5 rounded-md bg-[#6993e9]" href="http://localhost:8080"><Download className="mr-1.5"></Download> Download TileOS Sway</a> <a class="border-2 p-2.5 rounded-md bg-[#6993e9]" href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.iso"><Download className="mr-1.5"></Download> Download TileOS Sway</a>
</div> </div>
</div> </div>
<div class="flex-1 m-5"> <div class="flex-1 m-5">