Added some parallax to the footer - the footer now gets revealed as you scroll down instead of moving with the page

This commit is contained in:
2021-08-20 22:52:10 -04:00
parent 1904e631e6
commit 4abc629afa
2 changed files with 36 additions and 17 deletions

View File

@ -10,25 +10,27 @@
<script src="/assets/scripts/varrock.js"></script>
</head>
<body>
<header id="header-box">
<div id="header-logo">
<h1>Bit Goblin</h1>
</div>
</header>
<div id="wrapper">
<header id="header-box">
<div id="header-logo">
<h1>Bit Goblin</h1>
</div>
</header>
<nav id="navigation">
<ul>
<li><a href="{% link index.markdown %}">Home</a></li>
<li><a href="{% link blog.markdown %}">Blog Posts</a></li>
<li><a href="{% link support.markdown %}">Support</a></li>
<li><a href="{% link contact.markdown %}">Contact</a></li>
</ul>
</nav>
<nav id="navigation">
<ul>
<li><a href="{% link index.markdown %}">Home</a></li>
<li><a href="{% link blog.markdown %}">Blog Posts</a></li>
<li><a href="{% link support.markdown %}">Support</a></li>
<li><a href="{% link contact.markdown %}">Contact</a></li>
</ul>
</nav>
<div id="main-content" class="container">
<div class="row">
<div class="columns twelve">
{{ content }}
<div id="main-content" class="container">
<div class="row">
<div class="columns twelve">
{{ content }}
</div>
</div>
</div>
</div>