2021-12-09 11:53:54 +00:00
|
|
|
<script lang="ts">
|
2021-12-12 09:31:08 +00:00
|
|
|
import { Router, Route } from "svelte-navigator";
|
2021-12-11 11:00:38 +00:00
|
|
|
import Navigation from "./lib/Navigation.svelte";
|
2021-12-11 11:01:36 +00:00
|
|
|
import Dash from "./pages/Dash.svelte";
|
|
|
|
import Home from "./pages/Home.svelte";
|
2021-12-11 14:56:47 +00:00
|
|
|
import Settings from './pages/Settings.svelte';
|
2021-12-11 17:39:42 +00:00
|
|
|
import Footer from './lib/Footer.svelte';
|
2021-12-12 09:31:08 +00:00
|
|
|
import Public from "./pages/Public.svelte";
|
2021-12-15 12:52:18 +00:00
|
|
|
import Main from "./pages/profiles/Main.svelte";
|
2021-12-09 12:56:06 +00:00
|
|
|
|
2021-12-11 10:58:50 +00:00
|
|
|
// theme cdns (I might make some myself too)
|
2021-12-30 12:02:19 +00:00
|
|
|
let light = "https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css";
|
|
|
|
let dark = "https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-night.min.css";
|
2021-12-09 11:53:54 +00:00
|
|
|
|
2021-12-11 10:58:50 +00:00
|
|
|
let styleSrc = dark;
|
2021-12-09 12:56:06 +00:00
|
|
|
|
2021-12-11 11:00:38 +00:00
|
|
|
// if there's a style already set, retrieve it
|
|
|
|
let style = localStorage.getItem("pk-style") && localStorage.getItem("pk-style");
|
2021-12-09 12:56:06 +00:00
|
|
|
|
2021-12-11 11:00:38 +00:00
|
|
|
// this automatically applies the style every time it is updated
|
|
|
|
$: setStyle(style);
|
2021-12-09 11:53:54 +00:00
|
|
|
|
2021-12-11 11:00:38 +00:00
|
|
|
// not sure if there's a better way to handle this
|
2021-12-09 11:53:54 +00:00
|
|
|
function setStyle(style) {
|
|
|
|
switch (style) {
|
2021-12-30 12:02:19 +00:00
|
|
|
case "light": document.getElementById("app").className = "light";
|
|
|
|
styleSrc = light;
|
2021-12-09 11:53:54 +00:00
|
|
|
localStorage.setItem("pk-style", "light");
|
|
|
|
break;
|
2021-12-30 12:02:19 +00:00
|
|
|
case "dark": document.getElementById("app").className = "dark";
|
|
|
|
styleSrc = dark;
|
2021-12-09 11:53:54 +00:00
|
|
|
localStorage.setItem("pk-style", "dark");
|
|
|
|
break;
|
2021-12-30 12:02:19 +00:00
|
|
|
default: document.getElementById("app").className = "dark";
|
|
|
|
styleSrc = dark;
|
2021-12-11 10:58:50 +00:00
|
|
|
localStorage.setItem("pk-style", "dark");
|
2021-12-09 11:53:54 +00:00
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<svelte:head>
|
|
|
|
<link rel="stylesheet" href={styleSrc}>
|
|
|
|
</svelte:head>
|
|
|
|
|
|
|
|
<Router>
|
2021-12-11 11:00:38 +00:00
|
|
|
<Navigation bind:style={style}/>
|
2021-12-12 09:31:08 +00:00
|
|
|
<Route path="/"><Home /></Route>
|
2021-12-12 13:32:58 +00:00
|
|
|
<Route path="dash"><Dash /></Route>
|
|
|
|
<Route path="settings"><Settings /></Route>
|
2021-12-15 12:51:50 +00:00
|
|
|
<Route path="profile"><Public /></Route>
|
|
|
|
<Route path = "profile/s/:id"><Main /></Route>
|
|
|
|
<Route path = "s">
|
|
|
|
hey please provide a system
|
|
|
|
</Route>
|
|
|
|
<Route path = "profile/m/:id">
|
|
|
|
member
|
|
|
|
</Route>
|
|
|
|
<Route path = "profile/m">
|
|
|
|
hey please provide a member
|
|
|
|
</Route>
|
|
|
|
<Route path = "profile/g/:id">
|
|
|
|
group!
|
|
|
|
</Route>
|
|
|
|
<Route path = "profile/g">
|
|
|
|
hey please provide a group
|
2021-12-11 14:56:47 +00:00
|
|
|
</Route>
|
2021-12-11 17:39:42 +00:00
|
|
|
<Footer />
|
2021-12-09 11:53:54 +00:00
|
|
|
</Router>
|