From 4abc629afa798ad3b4042a18ca01c4b0e530e900 Mon Sep 17 00:00:00 2001 From: Gregory Ballantine Date: Fri, 20 Aug 2021 22:52:10 -0400 Subject: [PATCH] Added some parallax to the footer - the footer now gets revealed as you scroll down instead of moving with the page --- src/_layouts/default.html | 36 ++++++++++++++------------- src/assets/stylesheets/lumbridge.sass | 17 +++++++++++++ 2 files changed, 36 insertions(+), 17 deletions(-) diff --git a/src/_layouts/default.html b/src/_layouts/default.html index f654cda..fafe8c3 100644 --- a/src/_layouts/default.html +++ b/src/_layouts/default.html @@ -10,25 +10,27 @@ -
- -
+
+
+ +
- + -
-
-
- {{ content }} +
+
+
+ {{ content }} +
diff --git a/src/assets/stylesheets/lumbridge.sass b/src/assets/stylesheets/lumbridge.sass index ab9429c..e2eebc4 100644 --- a/src/assets/stylesheets/lumbridge.sass +++ b/src/assets/stylesheets/lumbridge.sass @@ -5,6 +5,7 @@ body font-family: "Gill Sans", sans-serif font-size: 2rem margin: 0 + padding-bottom: 125px a color: #1e76d1 @@ -21,8 +22,19 @@ hr .u-text-center text-align: center +// this wrapper is only used to hide the footer +#wrapper + position: relative + z-index: 10 + width: 100% + height: 100% + margin: 0 + padding: 0 + background: white + #header-box position: relative + z-index: 2 height: 500px background: image: url(/assets/images/bg-banner.jpg) @@ -113,7 +125,12 @@ hr // footer section #footer + position: fixed + z-index: -1 + bottom: 0 width: 100% margin-top: 25px padding-top: 15px + background: #212121 border-top: 2px solid #999 + color: white