Merge branch 'dev' into 'main'
Dev See merge request tile-os/tileos-website!1
This commit is contained in:
commit
1a354342c3
25 changed files with 521 additions and 110 deletions
11
package-lock.json
generated
11
package-lock.json
generated
|
|
@ -10,7 +10,8 @@
|
|||
"dependencies": {
|
||||
"@sveltejs/adapter-node": "^4.0.1",
|
||||
"@sveltejs/adapter-static": "^3.0.1",
|
||||
"@sveltejs/adapter-vercel": "^5.1.0"
|
||||
"@sveltejs/adapter-vercel": "^5.1.0",
|
||||
"photoswipe": "^5.4.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@sveltejs/adapter-auto": "^3.0.0",
|
||||
|
|
@ -3428,6 +3429,14 @@
|
|||
"is-reference": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/photoswipe": {
|
||||
"version": "5.4.3",
|
||||
"resolved": "https://registry.npmjs.org/photoswipe/-/photoswipe-5.4.3.tgz",
|
||||
"integrity": "sha512-9UC6oJBK4oXFZ5HcdlcvGkfEHsVrmE4csUdCQhEjHYb3PvPLO3PG7UhnPuOgjxwmhq5s17Un5NUdum01LgBDng==",
|
||||
"engines": {
|
||||
"node": ">= 0.12.0"
|
||||
}
|
||||
},
|
||||
"node_modules/picocolors": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
|
||||
|
|
|
|||
|
|
@ -36,6 +36,7 @@
|
|||
"dependencies": {
|
||||
"@sveltejs/adapter-node": "^4.0.1",
|
||||
"@sveltejs/adapter-static": "^3.0.1",
|
||||
"@sveltejs/adapter-vercel": "^5.1.0"
|
||||
"@sveltejs/adapter-vercel": "^5.1.0",
|
||||
"photoswipe": "^5.4.3"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
export default {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
13
src/app.css
13
src/app.css
|
|
@ -1,8 +1,13 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
* {color: white}
|
||||
body {
|
||||
background-color: #24273a;
|
||||
color: white
|
||||
* {
|
||||
color: white;
|
||||
}
|
||||
body {
|
||||
font-family: 'Comfortaa', sans-serif;
|
||||
background-color: #1e2030;
|
||||
color: white;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
||||
<link rel="icon" href="favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<script>
|
||||
import "../app.css";
|
||||
import '../app.css';
|
||||
</script>
|
||||
|
||||
<main>
|
||||
<slot></slot>
|
||||
<slot />
|
||||
</main>
|
||||
|
|
@ -1,45 +1,380 @@
|
|||
<script lang="ts">
|
||||
import Download from './icons/Download.svelte';
|
||||
import AltDownload from './icons/AltDownload.svelte';
|
||||
import Terminal from './icons/Terminal.svelte';
|
||||
<script lang="ts" xmlns:svelte="http://www.w3.org/1999/html">
|
||||
import Download from './icons/Download.svelte';
|
||||
import Terminal from './icons/Terminal.svelte';
|
||||
import Check from './icons/Check.svelte';
|
||||
import PhotoSwipeLightbox from 'photoswipe/lightbox';
|
||||
import 'photoswipe';
|
||||
import 'photoswipe/style.css';
|
||||
import { onMount } from 'svelte';
|
||||
import Telegram from './icons/Telegram.svelte';
|
||||
import Mastodon from './icons/Mastodon.svelte';
|
||||
|
||||
let downloadIsPressed = false;
|
||||
let downloadIsPressed = false;
|
||||
let checksumSwayIsPressed = false;
|
||||
let checksumRiverIsPressed = false;
|
||||
|
||||
|
||||
onMount(() => {
|
||||
let lightbox = new PhotoSwipeLightbox({
|
||||
gallery: '#sway-screenshots',
|
||||
children: 'a',
|
||||
pswpModule: () => import('photoswipe')
|
||||
});
|
||||
lightbox.init();
|
||||
});
|
||||
onMount(() => {
|
||||
document.body.addEventListener('click', (e) => {
|
||||
let classes = (e.target as HTMLElement).classList;
|
||||
if(classes.contains('download-all') == false) {
|
||||
downloadIsPressed = false;
|
||||
}
|
||||
|
||||
if(classes.contains('checksum-sway') == false) {
|
||||
checksumSwayIsPressed = false;
|
||||
}
|
||||
if(classes.contains('checksum-river') == false) {
|
||||
checksumRiverIsPressed = false;
|
||||
}
|
||||
})
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="flex justify-center items-center flex-col text-center bg-[#2a2b3c]">
|
||||
<img src="tileos.svg" alt="" height="216px" width="216px">
|
||||
<h1 class="text-3xl font-bold">Tile OS</h1>
|
||||
<p>Debian-based distribution with tiling window managers.</p>
|
||||
<svelte:head>
|
||||
<title>TileOS</title>
|
||||
</svelte:head>
|
||||
|
||||
<div class="flex flex-row flex-wrap m-7 justify-center">
|
||||
<div class="flex justify-center items-center flex-col text-center bg-[#24273a]">
|
||||
<img alt="" height="216px" src="tileos.svg" width="216px" />
|
||||
<h1 class="text-3xl font-bold">TileOS</h1>
|
||||
<p class="m-5">Debian-based distribution with tiling window managers.</p>
|
||||
<div class="flex flex-row flex-wrap m-1 justify-center">
|
||||
<div class="relative inline-block text-left">
|
||||
<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="transition-colors p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] hover:bg-[#567ed1] download-all"
|
||||
on:click={() => {
|
||||
downloadIsPressed = !downloadIsPressed;
|
||||
}}
|
||||
>
|
||||
<Download className="mr-1.5 download-all"></Download>
|
||||
Downloads
|
||||
</button>
|
||||
</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-all ease-in duration-75 opacity-100 scale-100 visible'
|
||||
: 'opacity-0 transition-all ease-out duration-100 scale-95 invisible'}"
|
||||
>
|
||||
<div class="py-1">
|
||||
<a href="#" class="block px-4 py-2 text-sm">Sway</a>
|
||||
<a href="#" class="block px-4 py-2 text-sm">River</a>
|
||||
<a href="#" class="block px-4 py-2 text-sm">Hyprland</a>
|
||||
<!-- Sway/River 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
|
||||
class="underline"
|
||||
href="https://downloads.tile-os.com/stable/sway/tileos-sway-1.1-desktop-amd64.sha256.txt"
|
||||
>(sha256)</a
|
||||
>
|
||||
<a
|
||||
class="underline"
|
||||
href="https://downloads.tile-os.com/stable/sway/tileos-sway-1.1-desktop-amd64.md5.txt"
|
||||
>(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
|
||||
>
|
||||
<a
|
||||
class="underline"
|
||||
href="https://downloads.tile-os.com/stable/river/tileos-river-1.1-desktop-amd64.sha256.txt"
|
||||
>(sha256)</a
|
||||
>
|
||||
<a
|
||||
class="underline"
|
||||
href="https://downloads.tile-os.com/stable/river/tileos-river-1.1-desktop-amd64.md5.txt"
|
||||
>(md5)</a
|
||||
>
|
||||
</p>
|
||||
</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-[#73b4d1]" href="http://localhost:8080"><Terminal className="mr-1.5"></Terminal> Source Code</a>
|
||||
<!-- Source Code Link -->
|
||||
<a class="transition-colors p-2.5 mx-5 my-3 rounded-md bg-[#73b4d1] hover:bg-[#497b91]" href="https://gitlab.com/tile-os">
|
||||
<Terminal className="mr-1.5"></Terminal>
|
||||
Source Code</a
|
||||
>
|
||||
<a class="p-2.5 mx-5 my-3 rounded-md bg-[#8aadf4] transition-colors hover:bg-[#5d7ec2]" href="https://t.me/tile_os">
|
||||
<Telegram className="mr-1.5"></Telegram>
|
||||
Telegram</a
|
||||
>
|
||||
<a class="p-2.5 mx-5 my-3 rounded-md bg-[#c6a0f6] transition-colors hover:bg-[#9a75c9]" href="https://mastodon.social/@tile_os">
|
||||
<Mastodon className="mr-1.5"></Mastodon>
|
||||
Mastodon</a
|
||||
>
|
||||
</div>
|
||||
<div class="flex flex-wrap flex-col p-8">
|
||||
<div class="m-5">
|
||||
<h2 class="font-bold text-2xl mb-3">Some of the features:</h2>
|
||||
|
||||
<ul class="mb-8 list-disc text-left">
|
||||
<li>Stable and solid Debian base with some packages backported from Debian Testing;</li>
|
||||
<li>Fully pre-configured desktop based on a tiling window manager (or Wayland compositor);</li>
|
||||
<li>Fresh and stable graphics drivers (Mesa) backported from Debian Testing;</li>
|
||||
<li>Many device drivers and non-free firmwares are included in the base system;</li>
|
||||
<li>Included some performance optimizations as well as some system tweaks;</li>
|
||||
<li>Included additional repositories for installing programs not found in Debian, such as OnlyOffice, VirtualBox, Librewolf, Visual Studio Code and Brave;</li>
|
||||
<li>Ability to install additional software in the Calamares installer.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="flex flex-col lg:flex-row p-8">
|
||||
<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 Sway</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>
|
||||
<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>
|
||||
<h1 class="font-bold text-3xl mb-3">TileOS 1.1 "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
|
||||
using the Wayland display server protocol instead of X11. Sway is a full feature complete
|
||||
Wayland compositor, combined with awesome Catppuccin color scheme, Waybar panel and apps
|
||||
from NWG project (such as nwg-drawer, nwg-look, etc) it provides powerful, easy to use and
|
||||
very flexible desktop.
|
||||
</p>
|
||||
<div class="flex flex-row flex-wrap m-7 ml-0">
|
||||
<!-- 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"
|
||||
>
|
||||
<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-sway transition-colors hover:bg-[#65a89e]"
|
||||
on:click={() => {
|
||||
checksumSwayIsPressed = !checksumSwayIsPressed;
|
||||
}}
|
||||
>
|
||||
<Check className="mr-1.5 checksum-sway"></Check>
|
||||
Checksums
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
class="absolute left-0 mx-5 my-3 ml-0 w-56 rounded-md bg-[#8bd5ca] {checksumSwayIsPressed
|
||||
? '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/stable/sway/tileos-sway-1.1-desktop-amd64.sha256.txt"
|
||||
>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"
|
||||
>MD5</a
|
||||
>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 m-5">
|
||||
<img src="sway.png" alt="">
|
||||
<!-- Screenshots -->
|
||||
<div class="flex justify-center flex-wrap" id="sway-screenshots">
|
||||
<a
|
||||
href="screenshots/sway/screen1.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/sway/screen1.png"
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
<a
|
||||
href="screenshots/sway/screen2.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/sway/screen2.png"
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
<a
|
||||
href="screenshots/sway/screen3.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/sway/screen3.png"
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
</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.1 "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
|
||||
choice for users looking for a streamlined window management experience. River automatically
|
||||
arranges windows in a tiled layout, maximizing screen space and allowing users to easily
|
||||
switch between applications. It has a very simple configuration and low resource
|
||||
consumption, сombined with awesome Catppuccin color scheme, Waybar panel and apps from NWG
|
||||
project (such as nwg-drawer, nwg-look, etc) it provides powerful, easy to use and very
|
||||
flexible desktop.
|
||||
</p>
|
||||
<div class="flex flex-row flex-wrap m-7 ml-0">
|
||||
<!-- 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"
|
||||
>
|
||||
<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={() => {
|
||||
checksumRiverIsPressed = !checksumRiverIsPressed;
|
||||
}}
|
||||
>
|
||||
<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] {checksumRiverIsPressed
|
||||
? '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/stable/river/tileos-river-1.1-desktop-amd64.sha256.txt"
|
||||
>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"
|
||||
>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/river/screen4.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/river/screen4.png"
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
<a
|
||||
href="screenshots/river/screen5.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/river/screen5.png"
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
<a
|
||||
href="screenshots/river/screen6.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/river/screen6.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>
|
||||
<ul class="list-disc">
|
||||
<li class="ml-[15.3px]">CPU: Dual-core CPU with 1.6 GHz</li>
|
||||
<li class="ml-[15.3px]">RAM: 1 GB (Recommended 2GB)</li>
|
||||
<li class="ml-[15.3px]">Storage Space: 20 GB</li>
|
||||
<li class="ml-[15.3px]">
|
||||
GPU: Any Intel or AMD GPU (Nvidia cards require additional settings and are <span
|
||||
class="font-bold">NOT</span
|
||||
> officially supported.)
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="m-5 flex-1">
|
||||
<h2 class="text-2xl font-bold mb-3">Known Issues:</h2>
|
||||
<ul class="list-disc">
|
||||
<li class="ml-[15.3px]">
|
||||
Secure Boot is not officially supported and may break your system! Use it on your own
|
||||
risk!
|
||||
</li>
|
||||
<li class="ml-[15.3px]">
|
||||
The installer currently has problems installing on encrypted partitions.
|
||||
</li>
|
||||
<li class="ml-[15.3px]">
|
||||
The installer currently has installation issues when selecting a non-Latin keyboard layout
|
||||
(e.g. Russian). You need to choose English keyboard layout while installing the system
|
||||
(system region does not matter and you can choose one that you need).
|
||||
</li>
|
||||
<li class="ml-[15.3px]">Having boot problems on VMware virtual machines.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="flex flex-col p-12 justify-center items-center text-center text-sm bg-[#181926]">
|
||||
<p>© 2024 TileOS Developers</p>
|
||||
<p>TileOS is not affiliated with Debian. Debian is a registered trademark owned by Software in the Public Interest, Inc.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,18 @@
|
|||
<script lang="ts">
|
||||
export let className: string = ""
|
||||
export let className: string = '';
|
||||
</script>
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 inline {className}">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M7.5 7.5h-.75A2.25 2.25 0 0 0 4.5 9.75v7.5a2.25 2.25 0 0 0 2.25 2.25h7.5a2.25 2.25 0 0 0 2.25-2.25v-7.5a2.25 2.25 0 0 0-2.25-2.25h-.75m-6 3.75 3 3m0 0 3-3m-3 3V1.5m6 9h.75a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1-2.25 2.25h-7.5a2.25 2.25 0 0 1-2.25-2.25v-.75" />
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-6 h-6 inline {className}"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="M7.5 7.5h-.75A2.25 2.25 0 0 0 4.5 9.75v7.5a2.25 2.25 0 0 0 2.25 2.25h7.5a2.25 2.25 0 0 0 2.25-2.25v-7.5a2.25 2.25 0 0 0-2.25-2.25h-.75m-6 3.75 3 3m0 0 3-3m-3 3V1.5m6 9h.75a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1-2.25 2.25h-7.5a2.25 2.25 0 0 1-2.25-2.25v-.75"
|
||||
/>
|
||||
</svg>
|
||||
|
|
|
|||
18
src/routes/icons/Check.svelte
Normal file
18
src/routes/icons/Check.svelte
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<script lang="ts">
|
||||
export let className: string = '';
|
||||
</script>
|
||||
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-6 h-6 inline {className}"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
|
||||
/>
|
||||
</svg>
|
||||
|
|
@ -1,7 +1,18 @@
|
|||
<script lang="ts">
|
||||
export let className: string = ""
|
||||
export let className: string = '';
|
||||
</script>
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 inline {className}">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3" />
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-6 h-6 inline {className}"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"
|
||||
/>
|
||||
</svg>
|
||||
|
|
|
|||
4
src/routes/icons/Mastodon.svelte
Normal file
4
src/routes/icons/Mastodon.svelte
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<script lang="ts">
|
||||
export let className: string = '';
|
||||
</script>
|
||||
<svg class="w-6 h-6 inline {className}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#ffffff" d="M433 179.1c0-97.2-63.7-125.7-63.7-125.7-62.5-28.7-228.6-28.4-290.5 0 0 0-63.7 28.5-63.7 125.7 0 115.7-6.6 259.4 105.6 289.1 40.5 10.7 75.3 13 103.3 11.4 50.8-2.8 79.3-18.1 79.3-18.1l-1.7-36.9s-36.3 11.4-77.1 10.1c-40.4-1.4-83-4.4-89.6-54a102.5 102.5 0 0 1 -.9-13.9c85.6 20.9 158.7 9.1 178.8 6.7 56.1-6.7 105-41.3 111.2-72.9 9.8-49.8 9-121.5 9-121.5zm-75.1 125.2h-46.6v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.3V197c0-58.5-64-56.6-64-6.9v114.2H90.2c0-122.1-5.2-147.9 18.4-175 25.9-28.9 79.8-30.8 103.8 6.1l11.6 19.5 11.6-19.5c24.1-37.1 78.1-34.8 103.8-6.1 23.7 27.3 18.4 53 18.4 175z"/></svg>
|
||||
5
src/routes/icons/Telegram.svelte
Normal file
5
src/routes/icons/Telegram.svelte
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<script lang="ts">
|
||||
export let className: string = '';
|
||||
</script>
|
||||
|
||||
<svg class="w-6 h-6 inline {className}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#ffffff" d="M248 8C111 8 0 119 0 256S111 504 248 504 496 393 496 256 385 8 248 8zM363 176.7c-3.7 39.2-19.9 134.4-28.1 178.3-3.5 18.6-10.3 24.8-16.9 25.4-14.4 1.3-25.3-9.5-39.3-18.7-21.8-14.3-34.2-23.2-55.3-37.2-24.5-16.1-8.6-25 5.3-39.5 3.7-3.8 67.1-61.5 68.3-66.7 .2-.7 .3-3.1-1.2-4.4s-3.6-.8-5.1-.5q-3.3 .7-104.6 69.1-14.8 10.2-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1-15.5-5-27.9-7.7-26.8-16.3q.8-6.7 18.5-13.7 108.4-47.2 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8 2.1 0 6.6 .5 9.6 2.9a10.5 10.5 0 0 1 3.5 6.7A43.8 43.8 0 0 1 363 176.7z"/></svg>
|
||||
|
|
@ -1,7 +1,18 @@
|
|||
<script lang="ts">
|
||||
export let className: string = ""
|
||||
export let className: string = '';
|
||||
</script>
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 inline {className}">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z" />
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-6 h-6 inline {className}"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z"
|
||||
/>
|
||||
</svg>
|
||||
|
|
|
|||
34
static/favicon.svg
Normal file
34
static/favicon.svg
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="150mm"
|
||||
height="150mm"
|
||||
viewBox="80.32 75.14 125.11 135.47"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
id="layer1"
|
||||
transform="translate(51.862587)">
|
||||
<g
|
||||
id="g47"
|
||||
transform="matrix(1.2904649,0,0,1.2904649,182.29828,263.50697)">
|
||||
<path
|
||||
d="m -74.175793,-145.04607 -37.629647,21.72532 a 2.2913627,2.2913627 90.000242 0 0 -2e-5,3.96875 l 37.629683,21.725759 a 6.8739581,6.8739581 179.99986 0 0 6.874048,-1.7e-5 l 37.629186,-21.725722 a 2.2913894,2.2913894 89.999758 0 0 -1.6e-5,-3.96879 l -37.629154,-21.72528 a 6.8740921,6.8740921 1.4438715e-4 0 0 -6.87408,-2e-5 z"
|
||||
style="fill:#6993e9;fill-opacity:1;stroke:none;stroke-width:1.05833"
|
||||
id="path39" />
|
||||
<path
|
||||
d="m -119.21176,-112.42944 v 43.451098 a 6.8741068,6.8741068 60.000109 0 0 3.43703,5.953138 l 37.630715,21.726294 a 2.2913488,2.2913488 150.00011 0 0 3.437031,-1.984362 v -43.452127 a 6.8739692,6.8739692 59.999612 0 0 -3.437065,-5.953078 l -37.630641,-21.725383 a 2.2913947,2.2913947 149.99961 0 0 -3.43707,1.98442 z"
|
||||
style="fill:#8f96ee;fill-opacity:1;stroke-width:1.05833"
|
||||
id="path37" />
|
||||
<path
|
||||
d="m -25.702789,-114.41386 -37.630661,21.725383 a 6.873968,6.873968 120.00039 0 0 -3.437065,5.953078 v 43.452127 a 2.2913492,2.2913492 29.999895 0 0 3.437031,1.984362 l 37.630729,-21.726294 a 6.8741057,6.8741057 119.9999 0 0 3.437031,-5.953138 v -43.451098 a 2.2913951,2.2913951 30.000392 0 0 -3.437065,-1.98442 z"
|
||||
style="fill:#73b4d1;fill-opacity:1;stroke-width:1.05833"
|
||||
id="path38" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
BIN
static/screenshots/river/screen4.png
Normal file
BIN
static/screenshots/river/screen4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 247 KiB |
BIN
static/screenshots/river/screen5.png
Normal file
BIN
static/screenshots/river/screen5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 417 KiB |
BIN
static/screenshots/river/screen6.png
Normal file
BIN
static/screenshots/river/screen6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
BIN
static/screenshots/sway/screen1.png
Normal file
BIN
static/screenshots/sway/screen1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
BIN
static/screenshots/sway/screen2.png
Normal file
BIN
static/screenshots/sway/screen2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
static/screenshots/sway/screen3.png
Normal file
BIN
static/screenshots/sway/screen3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 333 KiB |
BIN
static/sway.png
BIN
static/sway.png
Binary file not shown.
|
Before Width: | Height: | Size: 591 KiB |
|
|
@ -2,63 +2,33 @@
|
|||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="150mm"
|
||||
height="150mm"
|
||||
viewBox="0 0 285.75 285.75"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
sodipodi:docname="TileOS Macchiato No Text.svg"
|
||||
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview14"
|
||||
bordercolor="#999999"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.76759259"
|
||||
inkscape:cx="447.50302"
|
||||
inkscape:cy="541.95416"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1009"
|
||||
inkscape:window-x="1912"
|
||||
inkscape:window-y="-8"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg1" />
|
||||
width="150mm"
|
||||
height="150mm"
|
||||
viewBox="0 0 285.75 285.75"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs1" />
|
||||
id="defs1" />
|
||||
<g
|
||||
id="layer1"
|
||||
transform="translate(51.862587)">
|
||||
<rect
|
||||
style="fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:4.26605;stroke-dasharray:none"
|
||||
id="rect47"
|
||||
width="14"
|
||||
height="285.75"
|
||||
x="-51.862587"
|
||||
y="0" />
|
||||
id="layer1"
|
||||
transform="translate(51.862587)">
|
||||
<g
|
||||
id="g47"
|
||||
transform="matrix(1.2904649,0,0,1.2904649,182.29828,263.50697)">
|
||||
id="g47"
|
||||
transform="matrix(1.2904649,0,0,1.2904649,182.29828,263.50697)">
|
||||
<path
|
||||
d="m -74.175793,-145.04607 -37.629647,21.72532 a 2.2913627,2.2913627 90.000242 0 0 -2e-5,3.96875 l 37.629683,21.725759 a 6.8739581,6.8739581 179.99986 0 0 6.874048,-1.7e-5 l 37.629186,-21.725722 a 2.2913894,2.2913894 89.999758 0 0 -1.6e-5,-3.96879 l -37.629154,-21.72528 a 6.8740921,6.8740921 1.4438715e-4 0 0 -6.87408,-2e-5 z"
|
||||
style="fill:#6993e9;fill-opacity:1;stroke:none;stroke-width:1.05833"
|
||||
id="path39" />
|
||||
d="m -74.175793,-145.04607 -37.629647,21.72532 a 2.2913627,2.2913627 90.000242 0 0 -2e-5,3.96875 l 37.629683,21.725759 a 6.8739581,6.8739581 179.99986 0 0 6.874048,-1.7e-5 l 37.629186,-21.725722 a 2.2913894,2.2913894 89.999758 0 0 -1.6e-5,-3.96879 l -37.629154,-21.72528 a 6.8740921,6.8740921 1.4438715e-4 0 0 -6.87408,-2e-5 z"
|
||||
style="fill:#6993e9;fill-opacity:1;stroke:none;stroke-width:1.05833"
|
||||
id="path39" />
|
||||
<path
|
||||
d="m -119.21176,-112.42944 v 43.451098 a 6.8741068,6.8741068 60.000109 0 0 3.43703,5.953138 l 37.630715,21.726294 a 2.2913488,2.2913488 150.00011 0 0 3.437031,-1.984362 v -43.452127 a 6.8739692,6.8739692 59.999612 0 0 -3.437065,-5.953078 l -37.630641,-21.725383 a 2.2913947,2.2913947 149.99961 0 0 -3.43707,1.98442 z"
|
||||
style="fill:#8f96ee;fill-opacity:1;stroke-width:1.05833"
|
||||
id="path37" />
|
||||
d="m -119.21176,-112.42944 v 43.451098 a 6.8741068,6.8741068 60.000109 0 0 3.43703,5.953138 l 37.630715,21.726294 a 2.2913488,2.2913488 150.00011 0 0 3.437031,-1.984362 v -43.452127 a 6.8739692,6.8739692 59.999612 0 0 -3.437065,-5.953078 l -37.630641,-21.725383 a 2.2913947,2.2913947 149.99961 0 0 -3.43707,1.98442 z"
|
||||
style="fill:#8f96ee;fill-opacity:1;stroke-width:1.05833"
|
||||
id="path37" />
|
||||
<path
|
||||
d="m -25.702789,-114.41386 -37.630661,21.725383 a 6.873968,6.873968 120.00039 0 0 -3.437065,5.953078 v 43.452127 a 2.2913492,2.2913492 29.999895 0 0 3.437031,1.984362 l 37.630729,-21.726294 a 6.8741057,6.8741057 119.9999 0 0 3.437031,-5.953138 v -43.451098 a 2.2913951,2.2913951 30.000392 0 0 -3.437065,-1.98442 z"
|
||||
style="fill:#73b4d1;fill-opacity:1;stroke-width:1.05833"
|
||||
id="path38" />
|
||||
d="m -25.702789,-114.41386 -37.630661,21.725383 a 6.873968,6.873968 120.00039 0 0 -3.437065,5.953078 v 43.452127 a 2.2913492,2.2913492 29.999895 0 0 3.437031,1.984362 l 37.630729,-21.726294 a 6.8741057,6.8741057 119.9999 0 0 3.437031,-5.953138 v -43.451098 a 2.2913951,2.2913951 30.000392 0 0 -3.437065,-1.98442 z"
|
||||
style="fill:#73b4d1;fill-opacity:1;stroke-width:1.05833"
|
||||
id="path38" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 1.9 KiB |
|
|
@ -7,13 +7,11 @@ const config = {
|
|||
// for more information about preprocessors
|
||||
preprocess: vitePreprocess(),
|
||||
|
||||
|
||||
kit: {
|
||||
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
||||
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
||||
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
||||
adapter: adapter(),
|
||||
|
||||
adapter: adapter()
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,8 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||
theme: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
||||
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||
theme: {
|
||||
extend: {}
|
||||
},
|
||||
plugins: []
|
||||
};
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
"extends": "./.svelte-kit/tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"allowJs": true,
|
||||
"checkJs": true,
|
||||
"checkJs": false,
|
||||
"esModuleInterop": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"resolveJsonModule": true,
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue