feature(footer) - Added sticky footer

aceew · aceew · commit 04e6a015b3fa · 2018-03-27T23:19:33.000+01:00
diff --git a/_includes/component/footer.html b/_includes/component/footer.html
@@ -1,3 +1,9 @@
-<footer>
-    Site by Alex
-</footer>
+<footer class="navbar-fixed-bottom page-footer brum--bg--navy-blue--tinted brum--fg--white pt-4 pb-4">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-6">
+                © BrumPHP 2018
+            </div>
+        </div>
+    </div>
+</footer>
diff --git a/_includes/component/header.html b/_includes/component/header.html
@@ -12,9 +12,6 @@
                 <li class="nav-item">
                     <a class="nav-link" href="/community">Community</a>
                 </li>
-                <li class="nav-item">
-                    <a class="nav-link" href="/code-of-conduct">Code of Conduct</a>
-                </li>
             </ul>
         </div>
     </nav>
diff --git a/_layouts/layout.html b/_layouts/layout.html
@@ -5,8 +5,11 @@
         <link rel="stylesheet" href="/assets/main.css">
     </head>
     <body>
-        {% include component/header.html %}
-        {{ content }}
+        <div class="content">
+            {% include component/header.html %}
+            {{ content }}
+        </div>
+
         {% include component/footer.html %}
     </body>
-</html>
+</html>
diff --git a/assets/scss/_palette.scss b/assets/scss/_palette.scss
@@ -62,10 +62,22 @@ $palette: (
     }
 }
 
+.content {
+    min-height: calc(100vh - 70px);
+}
+
+.footer {
+    height: 50px;
+}
+
 h1 {
     margin-top: 10px;
 }
 
+.brum--summary {
+    padding-top: 20px;
+}
+
 .brum--summary h3 {
     overflow: hidden;
     white-space: nowrap;
@@ -77,7 +89,8 @@ h1 {
 }
 
 .brum--summary img {
-    width: 50%;
+    width: 40%;
+    max-width: 110px;
     margin: 10px auto;
     display: block;
 }
diff --git a/index.md b/index.md
@@ -17,8 +17,7 @@ layout: landingpage
 </main>
 <section class="brum--bg--yellow brum--fg--white">
     <div class="container">
-        <!-- Todo have this populated by the meetup API -->
-        {% assign nextEvent = site.events.first %}
+        {% assign nextEvent = site.events.last %}
         <p class="py-4">Next meetup: <a class="py-4" class="brum--fg--navy-blue" href="{{nextEvent.link}}">{{nextEvent.date | date: "%a %b %d %Y"}} at {{nextEvent.location}}</a></p>
     </div>
 </section>

Original file line number	Diff line number	Diff line change
`@@ -62,10 +62,22 @@ $palette: (`
`62`	`62`	`}`
`63`	`63`	`}`
`64`	`64`
	`65`	`+.content {`
	`66`	`+ min-height: calc(100vh - 70px);`
	`67`	`+}`
	`68`	`+`
	`69`	`+.footer {`
	`70`	`+ height: 50px;`
	`71`	`+}`
	`72`	`+`
`65`	`73`	`h1 {`
`66`	`74`	`margin-top: 10px;`
`67`	`75`	`}`
`68`	`76`
	`77`	`+.brum--summary {`
	`78`	`+ padding-top: 20px;`
	`79`	`+}`
	`80`	`+`
`69`	`81`	`.brum--summary h3 {`
`70`	`82`	`overflow: hidden;`
`71`	`83`	`white-space: nowrap;`
`@@ -77,7 +89,8 @@ h1 {`
`77`	`89`	`}`
`78`	`90`
`79`	`91`	`.brum--summary img {`
`80`		`- width: 50%;`
	`92`	`+ width: 40%;`
	`93`	`+ max-width: 110px;`
`81`	`94`	`margin: 10px auto;`
`82`	`95`	`display: block;`
`83`	`96`	`}`