Added coffeescript support; Added YouTube video sections to the home page; added contact page and removed about page; made lots of style tweaks

src/assets/scripts/varrock.coffee

@@ -0,0 +1,7 @@
+---
+---
+
+$(window).scroll ->
+  wScroll = $(this).scrollTop()
+
+  $('#header-logo').css('transform', 'translate(-50%, ' + (wScroll / 2) + 'px)')

src/assets/stylesheets/lumbridge.sass

@@ -2,52 +2,95 @@
 ---
 
 body
-	font-family: "Gill Sans", sans-serif
-	font-size: 2rem
-	margin: 0
+  font-family: "Gill Sans", sans-serif
+  font-size: 2rem
+  margin: 0
+
+a
+  color: #1e76d1
+  font-weight: 500
+  text-decoration: none
+  transition: color 200ms ease-in-out
+  &:hover
+    color: darken(#1e76d1, 10%)
+
+hr
+  margin-top: 50px
+  margin-bottom: 50px
+
+.u-text-center
+  text-align: center
 
 #header-box
-	position: relative
-	height: 500px
-	background:
-		image: url(/assets/images/bg-banner.jpg)
-		size: auto 600px
- 		position: top center
-		attachment: fixed
-	overflow: hidden
+  position: relative
+  height: 500px
+  background:
+    image: url(/assets/images/bg-banner.jpg)
+    size: auto 600px
+    position: top center
+    attachment: fixed
+  overflow: hidden
 
 #header-logo
-	height: 350px
-	width: 350px
-	background:
-		image: url(/assets/images/bg-icon.png)
-		position: center
-		repeat: no-repeat
-		size: contain
-	position: absolute
-	top: 40px
-	left: 50%
-	transform: translateX(-50%)
+  height: 350px
+  width: 350px
+  background:
+    image: url(/assets/images/bg-icon.png)
+    position: center
+    repeat: no-repeat
+    size: contain
+  position: absolute
+  top: 40px
+  left: 50%
+  transform: translateX(-50%)
 
-	h1
-		margin-top: calc(100% + 25px)
-		color: white
-		font:
-			weight: bold
-		text-align: center
+  h1
+    margin-top: calc(100% + 25px)
+    color: white
+    font:
+      weight: bold
+    text-align: center
 
 #navigation
-	width: 100%
-	margin-top: 40px
-	margin-bottom: 40px
-	text-align: center
+  width: 100%
+  margin-top: 40px
+  margin-bottom: 40px
+  text-align: center
 
-	ul
-		list-style: none
+  ul
+    list-style: none
 
-		li
-			display: inline-block
-			font-size: 3rem
-			a
-				padding-left: 10px
-				padding-right: 10px
+    li
+      display: inline-block
+      margin: 0
+      padding: 0
+      border-radius: 10px
+      font-size: 3rem
+      transition: background 200ms ease-in-out
+      &:hover
+        background: rgba(#000000, 0.1)
+      a
+        padding: 15px 25px
+        text-decoration: underline
+
+#main-content
+  margin-bottom: 40px
+
+.youtube-section
+  .video-card a
+    display: block
+    padding: 15px 20px 0
+    border: 2px solid #bbb
+
+    img
+      transition: all 300ms ease-in-out
+
+    &:hover
+      img
+        transform: scale(1.1)
+
+#footer
+  width: 100%
+  margin-top: 100px
+  padding-top: 15px
+  border-top: 2px solid #999