Migrated from svelte vite plugin to sveltekit

2026-08-01 17:22:07 +01:00 · 2025-01-10 16:11:30 +00:00
parent c012c04729
commit d7e2e0f9f3
43 changed files with 133 additions and 62 deletions
@@ -1,12 +0,0 @@
-<script>
-    import LandingPage from "./LandingPage/LandingPage.svelte";
-    import "./vars.css";
-    import "./styles.css";
-</script>
-
-<div>
-    <LandingPage />
-</div>
-
-<style>
-</style>
@@ -0,0 +1,3 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities'
@@ -0,0 +1,15 @@
+<!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>%sveltekit.body%</div>
+</body>
+
+</html>
@@ -1,8 +1,7 @@
 <script>
-    import "./NavigationFooter.scss";
-    import "../shared_components/ScrollToTop.svelte";
-    import ScrollToTop from "./ScrollToTop.svelte";
-    import Link from "./Link.svelte";
+    import "$lib/styles/NavigationFooter.scss";
+    import ScrollToTop from "$lib/components/ScrollToTop.svelte";
+    import Link from "$lib/components/Link.svelte";
 </script>

 <div class="navigation-footer">
@@ -5,9 +5,9 @@
    export let button_text_class;
    export let display_title = true;

-    import "./NavigationHeader.scss";
-    import Button from "./Button.svelte";
-    import Link from "./Link.svelte";
+    import "$lib/styles/NavigationHeader.scss";
+    import Button from "$lib/components/Button.svelte";
+    import Link from "$lib/components/Link.svelte";
 </script>

 <div class={$$props.class}>
@@ -1,5 +1,5 @@
-@import url('https://fonts.cdnfonts.com/css/martel-2');
-@import url('https://fonts.cdnfonts.com/css/assistant');
+@import url("https://fonts.cdnfonts.com/css/martel-2");
+@import url("https://fonts.cdnfonts.com/css/assistant");

 :root {
    /* Colors */
@@ -1,7 +0,0 @@
-import App from './App.svelte';
-
-
-const app = new App({
-    target: document.getElementById('app'),
-})
-export default app
@@ -0,0 +1,8 @@
+<script>
+    import "$lib/styles/styles.css";
+    import "$lib/styles/vars.css";
+    import "../app.css";
+    let { children } = $props();
+</script>
+
+{@render children()}
@@ -1,8 +1,8 @@
 <script>
    import "./LandingPage.scss";
-    import NavigationHeader from "../shared_components/NavigationHeader.svelte";
+    import NavigationHeader from "$lib/components/NavigationHeader.svelte";
    import "./NavigationHeader.scss";
-    import NavigationFooter from "../shared_components/NavigationFooter.svelte";
+    import NavigationFooter from "$lib/components/NavigationFooter.svelte";
    import Splash from "./Splash.svelte";
    import InfoScroll from "./InfoScroll.svelte";
    import BottomCall from "./BottomCall.svelte";
@@ -1,6 +1,6 @@
 <script>
    import "./BottomCall.scss";
-    import Button from "../shared_components/Button.svelte";
+    import Button from "$lib/components/Button.svelte";
 </script>

 <div class="btmcall">
@@ -1,6 +1,6 @@
 <script>
    import "./Splash.scss";
-    import Button from "../shared_components/Button.svelte";
+    import Button from "$lib/components/Button.svelte";
 </script>

 <div class="splash">
@@ -0,0 +1 @@
+About page placeholder
@@ -0,0 +1 @@
+Contact page placeholder