feat: add image to page

mrsimonemms · Oct 19, 2024 · a87cefc · a87cefc
1 parent 6ceee55
commit a87cefc
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 5 deletions.
diff --git a/src/app.html b/src/app.html
@@ -22,7 +22,11 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
 	</head>
-	<body data-sveltekit-preload-data="hover">
+	<body
+		data-sveltekit-preload-data="hover"
+		style="min-height: 100vh"
+		class="is-flex is-flex-direction-column"
+	>
 		<div style="display: contents">%sveltekit.body%</div>
 	</body>
 </html>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -0,0 +1,13 @@
+<div class="is-flex-grow-1 hero">
+	<slot />
+</div>
+
+<style lang="scss" scoped>
+	.hero {
+		background: {
+			image: url('/img/ironbridge.jpg');
+			position: center center;
+			size: cover;
+		}
+	}
+</style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,4 +0,0 @@
-<h1>Welcome to SvelteKit</h1>
-<p>
-	Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation
-</p>

diff --git a/static/img/ironbridge.jpg b/static/img/ironbridge.jpg