Browse Source

Fixed footer

joel
Simon Bowie 3 years ago
parent
commit
8be67cd9b2
3 changed files with 5 additions and 3 deletions
  1. +0
    -1
      web/app/static/styles/custom.css
  2. +2
    -2
      web/app/templates/base.html
  3. +3
    -0
      web/app/templates/index.html

+ 0
- 1
web/app/static/styles/custom.css View File

@@ -12,7 +12,6 @@
body {
font-family: 'Lato', sans-serif !important;
min-height: 400px;
margin-bottom: 100px;
clear: both;
}


+ 2
- 2
web/app/templates/base.html View File

@@ -27,7 +27,7 @@
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap" rel='stylesheet' type='text/css'>
</head>

<body class="d-flex flex-column h-100">
<body class="d-flex flex-column min-vh-100">

<header>
<!-- Fixed navbar -->
@@ -104,7 +104,7 @@
</main>

<!-- Sticky footer-->
<footer class="footer py-3 bg-light fixed-bottom">
<footer class="footer py-3 bg-light mt-auto">
<div class="container">
<span class="text-muted">© {{ moment().format('YYYY') }} <a href="https://copim.ac.uk/">COPIM</a> and licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License (CC BY 4.0)</a>.</span>
</div>

+ 3
- 0
web/app/templates/index.html View File

@@ -7,6 +7,9 @@
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius, justo a iaculis porta, ipsum nibh suscipit orci, at lobortis quam orci ac orci. In non consectetur ipsum. Suspendisse sodales tempor ullamcorper. Fusce placerat magna a nulla scelerisque, cursus accumsan quam tempus. Integer ac nulla sit amet nibh pulvinar porttitor non non leo. Nam a leo erat. Aliquam erat volutpat. Vestibulum quis diam sem.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius, justo a iaculis porta, ipsum nibh suscipit orci, at lobortis quam orci ac orci. In non consectetur ipsum. Suspendisse sodales tempor ullamcorper. Fusce placerat magna a nulla scelerisque, cursus accumsan quam tempus. Integer ac nulla sit amet nibh pulvinar porttitor non non leo. Nam a leo erat. Aliquam erat volutpat. Vestibulum quis diam sem.
</p>

<!-- Carousel -->
<div id="tool_carousel" class="carousel slide mt-5" data-bs-ride="carousel">

Loading…
Cancel
Save