refactor: simplify

4 files changed, 36 insertions, 20 deletions

diff --git a/src/app.css b/src/app.css
index ab61613..9d00231 100644
--- a/src/app.css
+++ b/src/app.css
@@ -25,6 +25,18 @@
 	--column-margin-top: 4rem;
 }
 
+/* #bg {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: -1;
+	background: url('https://wallpapercave.com/wp/wp2128227.jpg') no-repeat center center fixed;
+	background-size: cover;
+	opacity: 0.02;
+} */
+
 body {
 	min-height: 100vh;
 	margin: 0;
@@ -74,13 +86,13 @@ a:hover {
 }
 
 h1 {
-	font-size: 2rem;
+	/* font-size: 2rem; */
 	text-align: center;
 }
 
-h2 {
+/* h2 {
 	font-size: 1rem;
-}
+} */
 
 pre {
 	font-size: 16px;
diff --git a/src/lib/header/Header.svelte b/src/lib/header/Header.svelte
index 534f306..b5d7e91 100644
--- a/src/lib/header/Header.svelte
+++ b/src/lib/header/Header.svelte
@@ -5,10 +5,10 @@
 
 <header>
 	<div class="corner">
-		<a href="https://capybara.markets">
-			<!-- <img src={logo} alt="Capybara Markets" id="capybara-markets-logo" /> -->
+		<!-- <a href="https://capybara.markets"> -->
+		<!-- <img src={logo} alt="Capybara Markets" id="capybara-markets-logo" /> -->
 
-			<!-- <svg
+		<!-- <svg
 				id="Layer_1"
 				data-name="Layer 1"
 				xmlns="http://www.w3.org/2000/svg"
@@ -19,9 +19,9 @@
 				/></svg
 			> -->
 
-			<p style="font-family: 'Gilroy ExtraBold';">Capybara</p>
+		<!-- <p style="font-family: 'Gilroy ExtraBold';">Capybara</p>
 			<p style="font-family: 'Gilroy Light';">Markets</p>
-		</a>
+		</a> -->
 	</div>
 
 	<nav data-sveltekit-prefetch>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b80f6cf..f9467df 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -4,17 +4,19 @@
 </svelte:head>
 
 <section>
-	<h1>
+	<!-- <h1>
 		<span class="welcome">
 			<img src="NameYellow.png" alt="Capybara Markets" />
 		</span>
-	</h1>
+	</h1> -->
 
-	<h1>Your one-stop shop to all things finance</h1>
+	<h1>Capybara Markets</h1>
 
-	<h2>
+	<h2>Your one-stop shop to all things finance</h2>
+
+	<p>
 		Capybara Markets delivers complete coverage of finance, <strong>#crypto</strong>, and the world.
-	</h2>
+	</p>
 </section>
 
 <style>
@@ -24,13 +26,16 @@
 		justify-content: center;
 		align-items: center;
 		flex: 1;
+		width: 100%;
+		max-width: var(--column-width);
+		margin: var(--column-margin-top) auto 0 auto;
 	}
 
-	h1 {
+	/* h1 {
 		width: 60%;
-	}
+	} */
 
-	.welcome {
+	/* .welcome {
 		display: block;
 		position: relative;
 		width: 100%;
@@ -44,5 +49,5 @@
 		height: 100%;
 		top: 0;
 		display: block;
-	}
+	} */
 </style>
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index c7e3099..d836065 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -7,8 +7,7 @@
 	<h1>About Capybara Markets</h1>
 
 	<p>
-		Welcome to <a href="https://capybara.markets">Capybara Markets</a>. You can expect us to cover
-		finance, <strong>#crypto</strong>, and world news in the near future.
+		Welcome to <a href="https://capybara.markets">Capybara Markets</a>.
 	</p>
 
 	<p>
@@ -17,7 +16,7 @@
 	</p>
 
 	<a href="https://twitter.com/CapybaraMarkets" target="_blank">
-		<pre>twitter.com/@CapybaraMarkets</pre>
+		<pre>+ twitter.com/@CapybaraMarkets</pre>
 	</a>
 
 	<p>