Background now is a background

MaximilianMcC · Nov 20, 2024 · 217f709 · 217f709
1 parent 01b5998
commit 217f709
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 2 deletions.
diff --git a/public/index.html b/public/index.html
@@ -30,7 +30,7 @@ <h1>Maximilian</h1>
 			</div>
 
 			<div class="half right">
-				<p>erhm</p>
+				<h1>erhm</h1>
 			</div>
 		</div>
 

diff --git a/public/style/general.css b/public/style/general.css
@@ -1,3 +1,7 @@
+body, html {
+  height: 100%;
+}
+
 * {
   box-sizing: border-box;
   margin: 0;

diff --git a/public/style/general.scss b/public/style/general.scss
@@ -3,6 +3,10 @@ $background-secondary: rgb(30, 30, 30);
 $foreground-primary: #fdfae9;
 $accent: #FF00FF;
 
+body, html {
+	height: 100%;
+}
+
 * {
 	box-sizing: border-box;
 	margin: 0;

diff --git a/public/style/home.css b/public/style/home.css
@@ -1,4 +1,4 @@
-html, body {
+body, html {
   height: 100%;
 }
 
@@ -21,13 +21,20 @@ span#explanation:hover {
 body {
   background-color: rgb(24, 24, 24);
   color: #fdfae9;
+  overflow: hidden;
 }
 
 .layout {
   height: 100%;
+  position: relative;
 }
 .layout .background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
   height: 100%;
+  z-index: -999999;
 }
 .layout .background svg {
   width: 100%;

diff --git a/public/style/home.scss b/public/style/home.scss
@@ -3,14 +3,22 @@
 body {
 	background-color: $background-primary;
 	color: $foreground-primary;
+
+	overflow: hidden;
 }
 
 .layout {
 	height: 100%;
+	position: relative;
 
 	// Fancy as SVG background
 	.background  {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
 		height: 100%;
+		z-index: -999999;
 
 		svg {
 			width: 100%;
-Original file line number
+Diff line change
@@ Expand Up / @@ -30,7 +30,7 @@ <h1>Maximilian</h1> @@
     			</div>
     			<div class="half right">
-    				<p>erhm</p>
+    				<h1>erhm</h1>
     			</div>
     		</div>
@@ Expand Down @@