🗄️ Source Code Directory

src/App.svelte

@@ -1,11 +1,23 @@
 <script>
-	export let name;
+	export let appName;
 </script>
 
 <main>
-	<h1>Hello {name}!</h1>
+	<h1>Welcome to {appName} App!</h1>
+	<img src="/favicon.png" alt="Svelte Logo" />
 	<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 {
@@ -16,10 +28,26 @@
 	}
 
 	h1 {
-		color: #ff3e00;
+		color: #676778;
 		text-transform: uppercase;
-		font-size: 4em;
+		font-size: 2.4em;
-		font-weight: 100;
+		font-weight: 700;
+	}
+
+	img {
+		height: 40vmin;
+		margin: 0.8em;
+	}
+
+	nav {
+		display: flex;
+		justify-content: center;
+	}
+
+	nav a {
+		margin: 16px;
+		margin-top: 24px;
+		color: #ff3e00;
 	}
 
 	@media (min-width: 640px) {

src/main.js

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