📂 Publicly Accessible base folder for a website

src/App.svelte

@@ -1,23 +1,11 @@
 <script>
-	export let appName;
+	export let name;
 </script>
 
 <main>
-	<h1>Welcome to {appName} App!</h1>
-	<img src="/favicon.png" alt="Svelte Logo" />
+	<h1>Hello {name}!</h1>
 	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
 </main>
-<footer>
-	<nav>
-		<a href="https://svelte.dev/docs">API</a>
-		<a href="https://svelte.dev/examples">Examples</a>
-		<a href="https://svelte.dev/repl/hello-world">REPL</a>
-		<a href="https://svelte.dev/blog">Blog</a>
-		<a href="https://svelte.dev/faq">FAQ</a>
-		<a href="https://discord.com/invite/yy75DKs">Discord</a>
-		<a href="https://github.com/sveltejs/svelte">GitHub</a>
-	</nav>
-</footer>
 
 <style>
 	main {
@@ -28,26 +16,10 @@
 	}
 
 	h1 {
-		color: #676778;
-		text-transform: uppercase;
-		font-size: 2.4em;
-		font-weight: 700;
-	}
-
-	img {
-		height: 40vmin;
-		margin: 0.8em;
-	}
-
-	nav {
-		display: flex;
-		justify-content: center;
-	}
-
-	nav a {
-		margin: 16px;
-		margin-top: 24px;
 		color: #ff3e00;
+		text-transform: uppercase;
+		font-size: 4em;
+		font-weight: 100;
 	}
 
 	@media (min-width: 640px) {

src/main.js

@@ -3,7 +3,7 @@ import App from './App.svelte';
 const app = new App({
 	target: document.body,
 	props: {
-		appName: 'Electron-Svelte'
+		name: 'world'
 	}
 });