Stuff

src/public/js/sticky.js

@@ -1,12 +0,0 @@
-window.onscroll = function() {toggleStickyHeader()};
-
-var header = document.querySelector("header");
-var sticky = header.offsetTop;
-
-function toggleStickyHeader() {
-	if (window.pageYOffset > sticky) {
-		header.classList.add("sticky");
-	} else {
-		header.classList.remove("sticky");
-	}
-} 

src/views/index.slim

@@ -1,2 +1,8 @@
-h1.tcenter The Auction House
-p.tcenter = "I use Arch btw " * 5
+article
+  h1.tcenter The Auction House
+  p.tcenter
+    | Welcome to the Auction House! With our convenient online auction platform, you can easily browse through listings and find great deals on everything from clothes to electronics.
+
+article
+  h2.tcenter Stuff
+  a href="/" = "jahiofhsoifhio"

src/views/layout.slim

@@ -30,4 +30,3 @@ html lang="en"
     .content-container
       ==yield
 
-  script src="/js/sticky.js"

src/views/stylesheets/style.sass

@@ -38,6 +38,7 @@ html
   display: flex
   flex-direction: column
   justify-content: center
+  align-items: center
   width: auto 
   height: 100% 
 
@@ -49,7 +50,6 @@ body
 header
   height: 48px
   background-color: $bg_clr
-  border-bottom: $border_size solid $shadow_clr
   padding: .1rem .8rem 
   white-space: nowrap
   img.avatar
@@ -64,6 +64,7 @@ header
     margin: 0 auto
     align-items: center
     justify-content: center
+    border-bottom: $border_size solid $shadow_clr
 
     #logo_container
       display: flex
@@ -103,6 +104,16 @@ header
           justify-content: center
           margin: 0 8px
 
+article
+  width: 70rem
+
+  h1
+    font-size: 2rem
+
+  p 
+    opacity: .7
+    padding: 0 10rem
+
 .inlbutton
   transition: opacity .2s