Fix footer pos and add placeholder content

webapp/static/css/webapp.css

@@ -7,3 +7,19 @@ body {
     /*Margin bottom by footer hight*/
     margin-bottom: 60px;
 }
+
+h3 {
+    margin: 1rem 0 2rem;
+}
+
+nav {
+    margin-bottom: 2rem;
+}
+
+.header-content img {
+    max-width: 100%;
+}
+
+.dropdown-toggle {
+    cursor: pointer;
+}

webapp/templates/main_index.html

@@ -11,7 +11,29 @@
         </div>
         <div class="row">
             <div class="col">
-                <h5>Lisää vain vesi</h5>
+                <h5>Nämä sivut eivät ole vielä valmiit.</h5>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col">
+                <h6>Etsitkö kenties jotain seuraavista?</h6>
+            </div>
+        </div>
+        <div class="row">
+            <ul>
+                <li><a href="/infoscreen/admin">Infonäyttöjen ohjauspaneeli</a></li>
+                <li><a href="/members">Jäsenrekisteri</a></li>
+                <li><a href="/kaehmy">Kaehmykone</a></li>
+            </ul>
+        </div>
+        <div class="row">
+            <div class="col">
+                <p>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mi orci, finibus at magna vel, lacinia tincidunt sem. Proin sodales fermentum massa, et commodo libero scelerisque et. Vestibulum faucibus diam et finibus bibendum. Proin pellentesque euismod ultricies. Vestibulum volutpat purus a nulla ullamcorper euismod. Donec et justo lacus. Quisque dignissim, lacus at tempus iaculis, nulla leo blandit mauris, in euismod velit purus a velit. Mauris sapien enim, facilisis a semper quis, laoreet id velit. Vestibulum ligula diam, mollis quis viverra et, consequat vel est. Phasellus eget lorem eget dui rutrum sollicitudin nec eu odio. In hac habitasse platea dictumst. Mauris vehicula lectus eu arcu dapibus, a ultrices orci placerat. Ut fringilla quis nulla ac ornare.
+                </p>
+                <p>
+                Sed quis felis justo. Sed rutrum metus non egestas feugiat. Ut cursus orci eu pulvinar dapibus. Pellentesque nunc dui, dapibus in nisl sollicitudin, luctus feugiat dolor. Sed quis sollicitudin dui. Donec accumsan dictum lacus, at facilisis justo convallis dignissim. Sed massa mauris, viverra a eros quis, tempor pellentesque tellus. Cras ultricies rhoncus dapibus. In at ullamcorper tortor. Donec urna elit, tempor ornare ornare sit amet, finibus id leo. Sed et luctus velit. Curabitur varius odio eu sapien aliquet vehicula.
+                </p>
             </div>
         </div>
     </div>

webapp/templates/webapp_base.html

@@ -27,12 +27,8 @@
             {% endblock %}
         </div>
     </div>
-    <div class="row">
-        <div class="col">
-            {% block footer %}
-                {% include "footer.html" %}
-            {% endblock footer %}
-        </div>
-    </div>
 </div>
+{% block footer %}
+    {% include "footer.html" %}
+{% endblock footer %}
 {% endblock %}