add footer to eventpage, make sticky

This commit is contained in:
Lorin Werthen 2016-09-03 16:51:25 +02:00
parent 7dcf1433e0
commit 3aed7ec99b
5 changed files with 33 additions and 18 deletions

View file

@ -39,7 +39,8 @@
}
}
footer {
footer.footer {
padding-bottom: 40px;
.fa {
font-size: inherit;
text-align: inherit;

View file

@ -9,6 +9,17 @@ $family-sans-serif: 'Fira Sans', sans-serif;
flex: none;
}
body.site {
display: flex;
min-height: 100vh;
flex-direction: column;
.wrapper {
flex: 1;
}
}
@import "includes/cammie";
@import "includes/events";
@import "includes/tiles";

View file

@ -38,7 +38,10 @@
<%= content_for(@item, :head) %>
</head>
<body>
<%= yield %>
<body class="site">
<div class="wrapper">
<%= yield %>
</div>
<%= render '/partials/_footer.*' %>
</body>
</html>

View file

@ -6,18 +6,3 @@
<%= yield %>
</main>
</div>
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<p>
Made with <%= fa :heart, inline: true %> by Zeus WPI
</p>
<p>
<a href="https://github.com/ZeusWPI/zeus.ugent.be">
<span class="hidden-xs"> View on GitHub </span>
<%= fa :github %>
</a>
</p>
</div>
</div>
</footer>

View file

@ -0,0 +1,15 @@
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<p>
Made with <%= fa :heart, inline: true %> by Zeus WPI
</p>
<p>
<a href="https://github.com/ZeusWPI/zeus.ugent.be">
<span class="hidden-xs"> View on GitHub </span>
<%= fa :github %>
</a>
</p>
</div>
</div>
</footer>