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

Formated code, new font, comments for editing

Browse source
This commit is contained in:
IndexZeroZzz 2024-02-28 18:00:48 +03:00
parent 6ed49f0b74
commit e210ada363
10 changed files with 312 additions and 116 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
postcss.config.js
View file

@ -1,6 +1,6 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
plugins: {
tailwindcss: {},
autoprefixer: {}
}
};

13
src/app.css
View file

@ -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: #1e2030;
color: white
* {
color: white;
}
body {
font-family: 'Comfortaa', sans-serif;
background-color: #1e2030;
color: white;
}

6
src/routes/+layout.svelte
View file

@ -1,7 +1,7 @@
<script>
import "../app.css";
import '../app.css';
</script>
<main>
<slot></slot>
</main>
<slot />
</main>

312
src/routes/+page.svelte
View file

@ -1,10 +1,9 @@
<script lang="ts">
import Download from './icons/Download.svelte';
import AltDownload from './icons/AltDownload.svelte';
import Terminal from './icons/Terminal.svelte';
import Check from './icons/Check.svelte';
import PhotoSwipeLightbox from 'photoswipe/lightbox';
import PhotoSwipe from 'photoswipe';
import 'photoswipe';
import 'photoswipe/style.css';
import { onMount } from 'svelte';
@ -16,104 +15,175 @@
let lightbox = new PhotoSwipeLightbox({
gallery: '#sway-screenshots',
children: 'a',
pswpModule: () => import('photoswipe'),
pswpModule: () => import('photoswipe')
});
lightbox.init();})
lightbox.init();
});
</script>
<div class="flex justify-center items-center flex-col text-center bg-[#24273a]">
<img alt="" height="216px" src="tileos.svg" width="216px">
<img alt="" height="216px" src="tileos.svg" width="216px" />
<h1 class="text-3xl font-bold">Tile OS</h1>
<p>Debian-based distribution with tiling window managers.</p>
<div class="flex flex-row flex-wrap m-7 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)}}>
<button
class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#6993e9]"
on:click={() => {
downloadIsPressed = !downloadIsPressed;
}}
>
<Download className="mr-1.5"></Download>
Download
</button>
</div>
<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'}">
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">
<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>
<!-- Sway/River Download Links Under Logo -->
<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"
>Download (1.0-beta Sway)</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>
<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"
>Download (1.0-beta River)</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>
<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>
</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>
<!-- Source Code Link -->
<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>
Source Code</a
>
</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 Sway BETA</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>
<h1 class="font-bold text-3xl mb-3">TileOS 1.0 "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">
<a class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] ml-0"
href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.iso">
<!-- Sway Download Link -->
<a
class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] ml-0"
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>
Download (1.0-beta Sway)</a
>
<div class="relative inline-block text-left">
<div>
<button class="border-2 p-2.5 mx-5 my-3 ml-0 rounded-md bg-[#8bd5ca]"
on:click={() => {checksumSwayIsPressed = !checksumSwayIsPressed; console.log(checksumSwayIsPressed)}}>
<button
class="border-2 p-2.5 mx-5 my-3 ml-0 rounded-md bg-[#8bd5ca]"
on:click={() => {
checksumSwayIsPressed = !checksumSwayIsPressed;
}}
>
<Check className="mr-1.5"></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'}">
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">
<p class="block px-4 py-2 text-sm"><a
class=""
href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.sha256.txt">SHA256</a>
<!-- Checksum Download Links -->
<p class="block px-4 py-2 text-sm">
<a
class=""
href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.sha256.txt"
>SHA256</a
>
</p>
<p class="block px-4 py-2 text-sm">
<a class=""
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.md5.txt">MD5</a></p>
<a
class=""
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-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/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
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
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
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>
@ -123,57 +193,137 @@
<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 River BETA</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>
<h1 class="font-bold text-3xl mb-3">TileOS 1.0 "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">
<a class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] ml-0"
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.iso">
<!-- River Download Link -->
<a
class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] ml-0"
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.iso"
>
<Download className="mr-1.5"></Download>
Download TileOS River</a>
Download (1.0-beta River)</a
>
<div class="relative inline-block text-left">
<div>
<button class="border-2 p-2.5 mx-5 my-3 ml-0 rounded-md bg-[#8bd5ca]"
on:click={() => {checksumRiverIsPressed = !checksumRiverIsPressed; console.log(checksumRiverIsPressed)}}>
<button
class="border-2 p-2.5 mx-5 my-3 ml-0 rounded-md bg-[#8bd5ca]"
on:click={() => {
checksumRiverIsPressed = !checksumRiverIsPressed;
}}
>
<Check className="mr-1.5"></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'}">
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">
<p class="block px-4 py-2 text-sm"><a
class=""
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.sha256.txt">SHA256</a>
<!-- Checksum Download Links -->
<p class="block px-4 py-2 text-sm">
<a
class=""
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.sha256.txt"
>SHA256</a
>
</p>
<p class="block px-4 py-2 text-sm">
<a class=""
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.md5.txt">MD5</a></p>
<a
class=""
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-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
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
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
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>
<div class="flex flex-row md:flex-col m-7">
<div class="flex-1 m-5">
<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="flex-1 m-5">
<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>

17
src/routes/icons/AltDownload.svelte
View file

@ -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>

17
src/routes/icons/Check.svelte
View file

@ -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="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
<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>

17
src/routes/icons/Download.svelte
View file

@ -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>

17
src/routes/icons/Terminal.svelte
View file

@ -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>

6
svelte.config.js
View file

@ -7,14 +7,12 @@ 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()
}
};
export default config;
export default config;

13
tailwind.config.js
View file

@ -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: []
};