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

Bugfixes and improvements

Browse source
This commit is contained in:
indx[0] 2025-01-12 16:31:17 +00:00
parent 678e8888b3
commit 0fe1b87fd3
1 changed files with 155 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

172
src/routes/+page.svelte
View file

@ -12,6 +12,23 @@
let downloadIsPressed = false;
let checksumSwayIsPressed = false;
let checksumRiverIsPressed = false;
let checksumQtileIsPressed = false;
let sway = {
iso: "tileos-sway-1.2-desktop-amd64.iso",
sha256: "tileos-sway-1.2-desktop-amd64.sha256.txt",
md5: "tileos-sway-1.2-desktop-amd64.md5.txt"
}
let river = {
iso: "tileos-river-1.2-desktop-amd64.iso",
sha256: "tileos-river-1.2-desktop-amd64.sha256.txt",
md5: "tileos-river-1.2-desktop-amd64.md5.txt"
}
let qtile = {
iso: "tileos-qtile-1.2-beta-desktop-amd64.iso",
sha256: "tileos-qtile-1.2-beta-desktop-amd64.sha256.txt",
md5: "tileos-qtile-1.2-beta-desktop-amd64.md5.txt"
}
onMount(() => {
@ -66,35 +83,51 @@
: 'opacity-0 transition-all ease-out duration-100 scale-95 invisible'}"
>
<div class="py-1">
<!-- Sway/River Download Links Under Logo -->
<!-- Sway/River/Qtile Download Links Under Logo -->
<p class="block px-4 py-2 text-sm">
<a href="https://downloads.tile-os.com/stable/sway/tileos-sway-1.1-desktop-amd64.iso"
>Download (1.1 Sway)</a
<a href="https://downloads.tile-os.com/stable/sway/{sway.iso}"
>Download (1.2 Sway)</a
>
<a
class="underline"
href="https://downloads.tile-os.com/stable/sway/tileos-sway-1.1-desktop-amd64.sha256.txt"
href="https://downloads.tile-os.com/stable/sway/{sway.sha256}"
>(sha256)</a
>
<a
class="underline"
href="https://downloads.tile-os.com/stable/sway/tileos-sway-1.1-desktop-amd64.md5.txt"
href="https://downloads.tile-os.com/stable/sway/{sway.md5}"
>(md5)</a
>
</p>
<p class="block px-4 py-2 text-sm">
<a
href="https://downloads.tile-os.com/stable/river/tileos-river-1.1-desktop-amd64.iso"
>Download (1.1 River)</a
href="https://downloads.tile-os.com/stable/river/{river.iso}"
>Download (1.2 River)</a
>
<a
class="underline"
href="https://downloads.tile-os.com/stable/river/tileos-river-1.1-desktop-amd64.sha256.txt"
href="https://downloads.tile-os.com/stable/river/{river.sha256}"
>(sha256)</a
>
<a
class="underline"
href="https://downloads.tile-os.com/stable/river/tileos-river-1.1-desktop-amd64.md5.txt"
href="https://downloads.tile-os.com/stable/river/{river.md5}"
>(md5)</a
>
</p>
<p class="block px-4 py-2 text-sm">
<a
href="https://downloads.tile-os.com/beta/qtile/{qtile.iso}"
>Download (1.2 Qtile (Experimental)</a
>
<a
class="underline"
href="https://downloads.tile-os.com/beta/qtile/{qtile.sha256}"
>(sha256)</a
>
<a
class="underline"
href="https://downloads.tile-os.com/beta/qtile/{qtile.md5}"
>(md5)</a
>
</p>
@ -135,7 +168,7 @@
<div>
<div class="flex flex-col xl:flex-row p-8">
<div class="flex-1 m-5">
<h1 class="font-bold text-3xl mb-3">TileOS 1.1 "T-Rex" Sway Edition</h1>
<h1 class="font-bold text-3xl mb-3">TileOS 1.2 "T-Rex" Sway Edition</h1>
<p>
TileOS Sway is a flagship edition featuring Sway - a lightweight and highly customizable
Wayland compositor. It is designed to be compatible with the i3 window manager but is built
@ -148,7 +181,7 @@
<!-- Sway Download Link -->
<a
class="p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] ml-0 hover:bg-[#567ed1] transition-colors"
href="https://downloads.tile-os.com/stable/sway/tileos-sway-1.1-desktop-amd64.iso"
href="https://downloads.tile-os.com/stable/sway/{sway.iso}"
>
<Download className="mr-1.5"></Download>
Download</a
@ -175,14 +208,14 @@
<p class="block px-4 py-2 text-sm">
<a
class=""
href="https://downloads.tile-os.com/stable/sway/tileos-sway-1.1-desktop-amd64.sha256.txt"
href="https://downloads.tile-os.com/stable/sway/{sway.sha256}"
>SHA256</a
>
</p>
<p class="block px-4 py-2 text-sm">
<a
class=""
href="https://downloads.tile-os.com/stable/sway/tileos-sway-1.1-desktop-amd64.md5.txt"
href="https://downloads.tile-os.com/stable/sway/{sway.md5}"
>MD5</a
>
</p>
@ -238,7 +271,7 @@
<div>
<div class="flex flex-col xl:flex-row p-8">
<div class="flex-1 m-5">
<h1 class="font-bold text-3xl mb-3">TileOS 1.1 "T-Rex" River Edition</h1>
<h1 class="font-bold text-3xl mb-3">TileOS 1.2 "T-Rex" River Edition</h1>
<p>
TileOS River Edtion featuring River - a minimalistic and lightweight dynamic Wayland
compositor. It is designed to be simple, efficient, and easy to use, making it a great
@ -253,7 +286,7 @@
<!-- River Download Link -->
<a
class="p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] ml-0 hover:bg-[#567ed1] transition-colors"
href="https://downloads.tile-os.com/stable/river/tileos-river-1.1-desktop-amd64.iso"
href="https://downloads.tile-os.com/stable/river/{river.iso}"
>
<Download className="mr-1.5"></Download>
Download</a
@ -280,14 +313,14 @@
<p class="block px-4 py-2 text-sm">
<a
class=""
href="https://downloads.tile-os.com/stable/river/tileos-river-1.1-desktop-amd64.sha256.txt"
href="https://downloads.tile-os.com/stable/river/{river.sha256}"
>SHA256</a
>
</p>
<p class="block px-4 py-2 text-sm">
<a
class=""
href="https://downloads.tile-os.com/stable/river/tileos-river-1.1-desktop-amd64.md5.txt"
href="https://downloads.tile-os.com/stable/river/{river.md5}"
>MD5</a
>
</p>
@ -338,6 +371,111 @@
</div>
</div>
</div>
</div>
<div>
<div class="flex flex-col xl:flex-row p-8">
<div class="flex-1 m-5">
<h1 class="font-bold text-3xl mb-3">TileOS 1.2 "T-Rex" Qtile Edition (Experimental)</h1>
<p>
TileOS Qtile Edtion featuring Qtiler - a highly
customizable, dynamic tiling window manager
written in Python. It supports multiple screens,
window tiling, and floating modes, and comes with
built-in support for X11 and Wayland. Qtile is
well-suited for power users and developers who
prefer a keyboard-driven workflow and enjoy
tinkering with their system setup.
</p>
<div class="flex flex-row flex-wrap m-7 ml-0">
<!-- Qtile Download Link -->
<a
class="p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] ml-0 hover:bg-[#567ed1] transition-colors"
href="https://downloads.tile-os.com/beta/qtile/{qtile.iso}"
>
<Download className="mr-1.5"></Download>
Download</a
>
<div class="relative inline-block text-left">
<div>
<button
class="p-2.5 mx-5 my-3 ml-0 rounded-md bg-[#8bd5ca] checksum-river transition-colors hover:bg-[#65a89e]"
on:click={() => {
checksumQtileIsPressed = !checksumQtileIsPressed;
}}
>
<Check className="mr-1.5 checksum-river"></Check>
Checksums
</button>
</div>
<div
class="absolute left-0 mx-5 my-3 ml-0 w-56 rounded-md bg-[#8bd5ca] {checksumQtileIsPressed
? 'transition ease-in duration-75 opacity-100 scale-100'
: 'opacity-0 transition ease-out duration-100 scale-95'}"
>
<div class="py-1">
<!-- Checksum Download Links -->
<p class="block px-4 py-2 text-sm">
<a
class=""
href="https://downloads.tile-os.com/beta/qtile/{qtile.sha256}"
>SHA256</a
>
</p>
<p class="block px-4 py-2 text-sm">
<a
class=""
href="https://downloads.tile-os.com/beta/qtile/{qtile.md5}"
>MD5</a
>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="flex-1 m-5">
<!-- Screenshots -->
<div class="flex justify-center flex-wrap" id="sway-screenshots">
<a
href="screenshots/qtile/1.png"
data-pswp-width="1920"
data-pswp-height="980"
target="_blank"
>
<img
class="m-4 h-[24wh] w-[48vw] lg:h-[16wh] lg:w-[32vw] xl:h-[8wh] xl:w-[16vw]"
src="screenshots/qtile/1.png"
alt=""
/>
</a>
<a
href="screenshots/qtile/2.png"
data-pswp-width="1920"
data-pswp-height="980"
target="_blank"
>
<img
class="m-4 h-[24wh] w-[48vw] lg:h-[16wh] lg:w-[32vw] xl:h-[8wh] xl:w-[16vw]"
src="screenshots/qtile/2.png"
alt=""
/>
</a>
<a
href="screenshots/qtile/3.png"
data-pswp-width="1920"
data-pswp-height="980"
target="_blank"
>
<img
class="m-4 h-[24wh] w-[48vw] lg:h-[16wh] lg:w-[32vw] xl:h-[8wh] xl:w-[16vw]"
src="screenshots/qtile/3.png"
alt=""
/>
</a>
</div>
</div>
</div>
<div class="flex flex-col lg:flex-row m-7">
<div class="m-5 flex-1">
<h2 class="text-2xl font-bold mb-3">System requirements:</h2>