2
0
mirror of https://github.com/9ParsonsB/Pulsar.git synced 2025-07-03 09:03:42 -04:00

Add Initial WebApp

This commit is contained in:
2024-04-14 21:48:31 +10:00
parent 6c2e2c23f3
commit c0c69dcdf7
16 changed files with 3880 additions and 1 deletions

13
Pulsar/WebApp/src/app.d.ts vendored Normal file
View File

@ -0,0 +1,13 @@
// See https://kit.svelte.dev/docs/types#app
// for information about these interfaces
declare global {
namespace App {
// interface Error {}
// interface Locals {}
// interface PageData {}
// interface PageState {}
// interface Platform {}
}
}
export {};

View File

@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>

View File

@ -0,0 +1 @@
// place files you want to import through the `$lib` alias in this folder.

View File

@ -0,0 +1,32 @@
<nav>
<ul>
<li><a href="/">Dashboard</a></li>
<li><a href="/ship">Ship</a></li>
<li><a href="/botany">Botanist</a></li>
<li><a href="/explorer">Explorer</a></li>
<li><a href="/options">Options</a></li>
</ul>
</nav>
<slot />
<style>
ul {
display: flex;
list-style-type: none;
}
li {
padding: 1%;
}
:global(body) {
background-color: black;
color: white;
[href] {
color: red;
&:visited {
color: aqua;
}
}
}
</style>

View File

@ -0,0 +1,13 @@
<script lang="ts">
let x = $state(1)
const increment = () => {
x = x + 1;
}
</script>
<h1>Welcome to Pulsar</h1>
<button on:click={increment} > Increment </button>
<span> {x} </span>