Re minifed and added sticky footer

dev.yml

@@ -26,7 +26,7 @@ services:
     volumes:
       - .:/app
     ports:
-      - "8180:8000"
+      - "8000:8000"
     links:
       - postgres
       - mailhog

mhackspace/static/css/project.css

@@ -6692,5 +6692,20 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   #navbar-logo:hover {
     transform: rotate(360deg); }
 
+html {
+  position: relative;
+  min-height: 100%; }
+
+body {
+  margin-bottom: 60px; }
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 60px;
+  line-height: 60px;
+  background-color: #f5f5f5; }
+
 [hidden][style="display: block;"] {
   display: block !important; }

mhackspace/static/images/safari-pinned-tab.svg

@@ -1,30 +1 @@
-<?xml version="1.0" standalone="no"?>
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="933.333" height="933.333" viewBox="0 0 700.000000 700.000000"><path d="M328.5.6c-20.3 2-27.6 2.8-37.5 4.5-61 10.5-119.5 37.6-166.5 77.2-9.5 8.1-31 29.4-39.4 39.2C38.3 175.7 10.9 239.1 1.8 314c-1.7 13.7-1.7 58.3 0 72 6.9 56.9 22.7 102.8 51.4 149.1 14.5 23.6 31.1 44 52.5 64.9 20.4 20 37.1 33.2 59.2 46.8 46.3 28.7 92.2 44.5 149.1 51.4 13.7 1.7 58.3 1.7 72 0 56.9-6.9 102.8-22.7 149.1-51.4 36-22.2 69.2-52.8 95.8-88.2 32.3-43 54.9-96 64-150.1 3.8-22.3 4.6-32.7 4.6-58.5 0-25.8-.8-36.2-4.6-58.5-10.5-62.7-38.2-121.6-80-170-8.4-9.8-29.9-31.1-39.4-39.2-51.8-43.7-114.8-71-184.5-79.8C379.3 1 337.4-.3 328.5.6zM390 135.5l39.5 39.5-6.3 6.3c-3.4 3.4-6.2 6.7-6.2 7.2 0 1.3 93.2 94.5 94.5 94.5.5 0 3.8-2.8 7.2-6.2l6.3-6.3 39.8 39.8 39.7 39.7-59.3 59.2-59.2 59.3-39.7-39.7-39.8-39.8 12.3-12.3c6.7-6.7 12.2-12.7 12.2-13.2 0-.6-2.8-3.9-6.3-7.3l-6.2-6.2-34 34-34 34 6.8 6.7 6.7 6.8 13-13 13-13 39.5 39.5c21.7 21.7 39.5 40 39.5 40.7 0 1.1-117.8 118.3-119 118.3-.3 0-18.3-17.8-40-39.5L270.5 525l6.3-6.3c3.4-3.4 6.2-6.7 6.2-7.2 0-1.3-93.2-94.5-94.5-94.5-.5 0-3.8 2.8-7.2 6.2l-6.3 6.3-39.8-39.8L95.5 350l59.8-59.7 59.7-59.8 39.7 39.7 39.8 39.8-12.8 12.8-12.7 12.7 8.3 8.3 8.2 8.2 33.8-33.8 33.7-33.7-7.8-7.8c-4.2-4.2-8.2-7.7-8.7-7.7s-6.5 5.5-13.2 12.2L311 293.5l-39.8-39.8-39.7-39.7 59-59c32.4-32.4 59.2-59 59.5-59 .3 0 18.3 17.8 40 39.5z"/></svg>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-</metadata>
-<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M3285 6994 c-203 -20 -276 -28 -375 -45 -610 -105 -1195 -376 -1665
--772 -95 -81 -310 -294 -394 -392 -468 -542 -742 -1176 -833 -1925 -17 -137
--17 -583 0 -720 69 -569 227 -1028 514 -1491 145 -236 311 -440 525 -649 204
--200 371 -332 592 -468 463 -287 922 -445 1491 -514 137 -17 583 -17 720 0
-569 69 1028 227 1491 514 360 222 692 528 958 882 323 430 549 960 640 1501
-38 223 46 327 46 585 0 258 -8 362 -46 585 -105 627 -382 1216 -800 1700 -84
-98 -299 311 -394 392 -518 437 -1148 710 -1845 798 -117 15 -536 28 -625 19z
-m615 -1349 l395 -395 -63 -63 c-34 -34 -62 -67 -62 -72 0 -13 932 -945 945
--945 5 0 38 28 72 62 l63 63 398 -398 397 -397 -593 -592 -592 -593 -397 397
--398 398 123 123 c67 67 122 127 122 132 0 6 -28 39 -63 73 l-62 62 -340 -340
--340 -340 68 -67 67 -68 130 130 130 130 395 -395 c217 -217 395 -400 395
--407 0 -11 -1178 -1183 -1190 -1183 -3 0 -183 178 -400 395 l-395 395 63 63
-c34 34 62 67 62 72 0 13 -932 945 -945 945 -5 0 -38 -28 -72 -62 l-63 -63
--398 398 -397 397 598 597 597 598 397 -397 398 -398 -128 -128 -127 -127 83
--83 82 -82 338 338 337 337 -78 78 c-42 42 -82 77 -87 77 -5 0 -65 -55 -132
--122 l-123 -123 -398 398 -397 397 590 590 c324 324 592 590 595 590 3 0 183
--178 400 -395z"/>
-</g>
-</svg>

mhackspace/static/sass/components/_footer.scss

@@ -0,0 +1,15 @@
+html {
+  position: relative;
+  min-height: 100%;
+}
+body {
+  margin-bottom: 60px;
+}
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 60px;
+  line-height: 60px;
+  background-color: #f5f5f5;
+}

mhackspace/templates/base.html

@@ -17,7 +17,7 @@
   <link rel="apple-touch-icon" sizes="180x180" href="{% static 'images/apple-touch-icon.png' %}">
   <link rel="icon" type="image/png" href="{% static 'images/favicon-32x32.png' %}" sizes="32x32">
   <link rel="icon" type="image/png" href="{% static 'images/favicon-16x16.png' %}" sizes="16x16">
-  <link rel="manifest" href="{% static 'manifest.json' %}/static/">
+  <link rel="manifest" href="{% static 'manifest.json' %}">
   <link rel="mask-icon" href="{% static 'images/safari-pinned-tab.svg' %}" color="#008080">
   <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}">
   <meta name="apple-mobile-web-app-title" content="Maidstone Hackspace">