Formated code, new font, comments for editing
This commit is contained in:
IndexZeroZzz
parent
6ed49f0b74
commit
e210ada363
10 changed files with 312 additions and 116 deletions
|
|
@ -1,6 +1,6 @@
|
||||||
export default {
|
export default {
|
||||||
plugins: {
|
plugins: {
|
||||||
tailwindcss: {},
|
tailwindcss: {},
|
||||||
autoprefixer: {},
|
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 base;
|
||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
* {color: white}
|
* {
|
||||||
body {
|
color: white;
|
||||||
background-color: #1e2030;
|
}
|
||||||
color: white
|
body {
|
||||||
|
font-family: 'Comfortaa', sans-serif;
|
||||||
|
background-color: #1e2030;
|
||||||
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<script>
|
<script>
|
||||||
import "../app.css";
|
import '../app.css';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<slot></slot>
|
<slot />
|
||||||
</main>
|
</main>
|
||||||
|
|
@ -1,10 +1,9 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import Download from './icons/Download.svelte';
|
import Download from './icons/Download.svelte';
|
||||||
import AltDownload from './icons/AltDownload.svelte';
|
|
||||||
import Terminal from './icons/Terminal.svelte';
|
import Terminal from './icons/Terminal.svelte';
|
||||||
import Check from './icons/Check.svelte';
|
import Check from './icons/Check.svelte';
|
||||||
import PhotoSwipeLightbox from 'photoswipe/lightbox';
|
import PhotoSwipeLightbox from 'photoswipe/lightbox';
|
||||||
import PhotoSwipe from 'photoswipe';
|
import 'photoswipe';
|
||||||
import 'photoswipe/style.css';
|
import 'photoswipe/style.css';
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
|
|
||||||
|
|
@ -16,104 +15,175 @@
|
||||||
let lightbox = new PhotoSwipeLightbox({
|
let lightbox = new PhotoSwipeLightbox({
|
||||||
gallery: '#sway-screenshots',
|
gallery: '#sway-screenshots',
|
||||||
children: 'a',
|
children: 'a',
|
||||||
pswpModule: () => import('photoswipe'),
|
pswpModule: () => import('photoswipe')
|
||||||
|
});
|
||||||
|
lightbox.init();
|
||||||
});
|
});
|
||||||
lightbox.init();})
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="flex justify-center items-center flex-col text-center bg-[#24273a]">
|
<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>
|
<h1 class="text-3xl font-bold">Tile OS</h1>
|
||||||
<p>Debian-based distribution with tiling window managers.</p>
|
<p>Debian-based distribution with tiling window managers.</p>
|
||||||
|
|
||||||
<div class="flex flex-row flex-wrap m-7 justify-center">
|
<div class="flex flex-row flex-wrap m-7 justify-center">
|
||||||
<div class="relative inline-block text-left">
|
<div class="relative inline-block text-left">
|
||||||
<div>
|
<div>
|
||||||
<button class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#6993e9]"
|
<button
|
||||||
on:click={() => {downloadIsPressed = !downloadIsPressed; console.log(downloadIsPressed)}}>
|
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 className="mr-1.5"></Download>
|
||||||
Download
|
Download
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<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">
|
<div class="py-1">
|
||||||
<p class="block px-4 py-2 text-sm"><a
|
<!-- Sway/River Download Links Under Logo -->
|
||||||
href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.iso">Sway BETA</a> <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"
|
||||||
|
>Download (1.0-beta Sway)</a
|
||||||
|
>
|
||||||
|
<a
|
||||||
class="underline"
|
class="underline"
|
||||||
href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.sha256.txt">(sha256)</a> <a
|
href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.sha256.txt"
|
||||||
class="underline" href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.md5.txt">(md5)</a>
|
>(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>
|
||||||
<p class="block px-4 py-2 text-sm"><a
|
<p class="block px-4 py-2 text-sm">
|
||||||
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.iso">River BETA</a> <a
|
<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"
|
class="underline"
|
||||||
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.sha256.txt">(sha256)</a>
|
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.sha256.txt"
|
||||||
<a class="underline"
|
>(sha256)</a
|
||||||
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.md5.txt">(md5)</a></p>
|
>
|
||||||
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#8f96ee]" href="http://localhost:8080">
|
<!-- Source Code Link -->
|
||||||
<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="https://gitlab.com/tile-os">
|
<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>
|
<Terminal className="mr-1.5"></Terminal>
|
||||||
Source Code</a>
|
Source Code</a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="flex flex-col xl:flex-row p-8">
|
<div class="flex flex-col xl: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 BETA</h1>
|
<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>
|
<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">
|
<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"
|
<!-- Sway Download Link -->
|
||||||
href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.iso">
|
<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 className="mr-1.5"></Download>
|
||||||
Download TileOS Sway</a>
|
Download (1.0-beta Sway)</a
|
||||||
|
>
|
||||||
<div class="relative inline-block text-left">
|
<div class="relative inline-block text-left">
|
||||||
<div>
|
<div>
|
||||||
<button class="border-2 p-2.5 mx-5 my-3 ml-0 rounded-md bg-[#8bd5ca]"
|
<button
|
||||||
on:click={() => {checksumSwayIsPressed = !checksumSwayIsPressed; console.log(checksumSwayIsPressed)}}>
|
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>
|
<Check className="mr-1.5"></Check>
|
||||||
Checksums
|
Checksums
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<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">
|
<div class="py-1">
|
||||||
<p class="block px-4 py-2 text-sm"><a
|
<!-- Checksum Download Links -->
|
||||||
|
<p class="block px-4 py-2 text-sm">
|
||||||
|
<a
|
||||||
class=""
|
class=""
|
||||||
href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.sha256.txt">SHA256</a>
|
href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.sha256.txt"
|
||||||
|
>SHA256</a
|
||||||
|
>
|
||||||
</p>
|
</p>
|
||||||
<p class="block px-4 py-2 text-sm">
|
<p class="block px-4 py-2 text-sm">
|
||||||
<a class=""
|
<a
|
||||||
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.md5.txt">MD5</a></p>
|
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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1 m-5">
|
<div class="flex-1 m-5">
|
||||||
|
<!-- Screenshots -->
|
||||||
<div class="flex justify-center flex-wrap" id="sway-screenshots">
|
<div class="flex justify-center flex-wrap" id="sway-screenshots">
|
||||||
<a href="screenshots/sway/screen1.png"
|
<a
|
||||||
|
href="screenshots/sway/screen1.png"
|
||||||
data-pswp-width="1920"
|
data-pswp-width="1920"
|
||||||
data-pswp-height="980"
|
data-pswp-height="980"
|
||||||
target="_blank">
|
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="" />
|
>
|
||||||
|
<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>
|
||||||
<a href="screenshots/sway/screen2.png"
|
<a
|
||||||
|
href="screenshots/sway/screen2.png"
|
||||||
data-pswp-width="1920"
|
data-pswp-width="1920"
|
||||||
data-pswp-height="980"
|
data-pswp-height="980"
|
||||||
target="_blank">
|
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="" />
|
>
|
||||||
|
<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>
|
||||||
<a href="screenshots/sway/screen3.png"
|
<a
|
||||||
|
href="screenshots/sway/screen3.png"
|
||||||
data-pswp-width="1920"
|
data-pswp-width="1920"
|
||||||
data-pswp-height="980"
|
data-pswp-height="980"
|
||||||
target="_blank">
|
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="" />
|
>
|
||||||
|
<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>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -123,57 +193,137 @@
|
||||||
<div>
|
<div>
|
||||||
<div class="flex flex-col xl:flex-row p-8">
|
<div class="flex flex-col xl: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 River BETA</h1>
|
<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>
|
<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">
|
<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"
|
<!-- River Download Link -->
|
||||||
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.iso">
|
<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 className="mr-1.5"></Download>
|
||||||
Download TileOS River</a>
|
Download (1.0-beta River)</a
|
||||||
|
>
|
||||||
<div class="relative inline-block text-left">
|
<div class="relative inline-block text-left">
|
||||||
<div>
|
<div>
|
||||||
<button class="border-2 p-2.5 mx-5 my-3 ml-0 rounded-md bg-[#8bd5ca]"
|
<button
|
||||||
on:click={() => {checksumRiverIsPressed = !checksumRiverIsPressed; console.log(checksumRiverIsPressed)}}>
|
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>
|
<Check className="mr-1.5"></Check>
|
||||||
Checksums
|
Checksums
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<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">
|
<div class="py-1">
|
||||||
<p class="block px-4 py-2 text-sm"><a
|
<!-- Checksum Download Links -->
|
||||||
|
<p class="block px-4 py-2 text-sm">
|
||||||
|
<a
|
||||||
class=""
|
class=""
|
||||||
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.sha256.txt">SHA256</a>
|
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.sha256.txt"
|
||||||
|
>SHA256</a
|
||||||
|
>
|
||||||
</p>
|
</p>
|
||||||
<p class="block px-4 py-2 text-sm">
|
<p class="block px-4 py-2 text-sm">
|
||||||
<a class=""
|
<a
|
||||||
href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.md5.txt">MD5</a></p>
|
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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1 m-5">
|
<div class="flex-1 m-5">
|
||||||
|
<!-- Screenshots -->
|
||||||
<div class="flex justify-center flex-wrap" id="sway-screenshots">
|
<div class="flex justify-center flex-wrap" id="sway-screenshots">
|
||||||
<a href="screenshots/river/screen4.png"
|
<a
|
||||||
|
href="screenshots/river/screen4.png"
|
||||||
data-pswp-width="1920"
|
data-pswp-width="1920"
|
||||||
data-pswp-height="980"
|
data-pswp-height="980"
|
||||||
target="_blank">
|
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="" />
|
>
|
||||||
|
<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>
|
||||||
<a href="screenshots/river/screen5.png"
|
<a
|
||||||
|
href="screenshots/river/screen5.png"
|
||||||
data-pswp-width="1920"
|
data-pswp-width="1920"
|
||||||
data-pswp-height="980"
|
data-pswp-height="980"
|
||||||
target="_blank">
|
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="" />
|
>
|
||||||
|
<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>
|
||||||
<a href="screenshots/river/screen6.png"
|
<a
|
||||||
|
href="screenshots/river/screen6.png"
|
||||||
data-pswp-width="1920"
|
data-pswp-width="1920"
|
||||||
data-pswp-height="980"
|
data-pswp-height="980"
|
||||||
target="_blank">
|
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="" />
|
>
|
||||||
|
<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>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</div>
|
||||||
|
|
@ -1,7 +1,18 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export let className: string = ""
|
export let className: string = '';
|
||||||
</script>
|
</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}">
|
<svg
|
||||||
<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" />
|
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>
|
</svg>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,18 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export let className: string = ""
|
export let className: string = '';
|
||||||
</script>
|
</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}">
|
<svg
|
||||||
<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" />
|
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>
|
</svg>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,18 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export let className: string = ""
|
export let className: string = '';
|
||||||
</script>
|
</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}">
|
<svg
|
||||||
<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" />
|
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>
|
</svg>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,18 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export let className: string = ""
|
export let className: string = '';
|
||||||
</script>
|
</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}">
|
<svg
|
||||||
<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" />
|
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>
|
</svg>
|
||||||
|
|
|
||||||
|
|
@ -7,13 +7,11 @@ const config = {
|
||||||
// for more information about preprocessors
|
// for more information about preprocessors
|
||||||
preprocess: vitePreprocess(),
|
preprocess: vitePreprocess(),
|
||||||
|
|
||||||
|
|
||||||
kit: {
|
kit: {
|
||||||
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
// 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.
|
// 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.
|
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
||||||
adapter: adapter(),
|
adapter: adapter()
|
||||||
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,8 +2,7 @@
|
||||||
export default {
|
export default {
|
||||||
content: ['./src/**/*.{html,js,svelte,ts}'],
|
content: ['./src/**/*.{html,js,svelte,ts}'],
|
||||||
theme: {
|
theme: {
|
||||||
extend: {},
|
extend: {}
|
||||||
},
|
},
|
||||||
plugins: [],
|
plugins: []
|
||||||
}
|
};
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue