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 { .fa {
font-size: inherit; font-size: inherit;
text-align: inherit; text-align: inherit;

View file

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

View file

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

View file

@ -6,18 +6,3 @@
<%= yield %> <%= yield %>
</main> </main>
</div> </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>