some refactoring, footer update

ToDo: check for icons fas-icons and replace them
acdh-oeaw · Jun 3, 2024 · 67763f4 · 67763f4
1 parent 871b5e0
commit 67763f4
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 14 deletions.
diff --git a/webpage/static/webpage/css/style.css b/webpage/static/webpage/css/style.css
@@ -157,4 +157,7 @@ label:first-letter {
 .navbar {
 	border-bottom: 5px solid #88dbdf;
 	margin-bottom: 20px;
+}
+.helpdesk{
+  margin-left: auto !important;
 }
diff --git a/webpage/static/webpage/css/style.less b/webpage/static/webpage/css/style.less
diff --git a/webpage/templates/webpage/base.html b/webpage/templates/webpage/base.html
@@ -2,7 +2,7 @@
 {% load static %}
 {% load webpage_extras %}
 {% load browsing_extras %}
-<html lang="en">
+<html lang="en" class="h-100">
 
 <head>
     <meta charset="utf-8">
@@ -50,13 +50,13 @@
     {% endblock %}
 </head>
 
-<body>
+<body class="d-flex flex-column h-100">
     {% include 'webpage/partials/navbar.html' %}
-
-
-    <div id="content">
-        {% block content %}{% endblock %}
-    </div>
+    <main class="flex-shrink-0">
+        <div id="content" class="pt-5">
+            {% block content %}{% endblock %}
+        </div>
+    </main>
     {% include 'webpage/partials/footer.html' %}
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"

diff --git a/webpage/templates/webpage/index.html b/webpage/templates/webpage/index.html
@@ -2,8 +2,8 @@
 {% load static %}
 {% load webpage_extras %}
 {% block content %}
-    <div class="container">
-        <div class="jumbotron" style="text-align:center; color: #111;">           
+    <div class="container pt-4">
+        <div class="jumbotron text-center">           
             <h1>{% projects_metadata 'title' %}</h1>
             <h3>{% projects_metadata 'subtitle' %}</h3>
             <h5>{% projects_metadata 'description' %}</h5>

diff --git a/webpage/templates/webpage/partials/footer.html b/webpage/templates/webpage/partials/footer.html
@@ -1,9 +1,9 @@
 {% load static %}
-<footer class="main-footer">
-    <div class="container">
+<footer class="mt-auto">
+    <div class="container pt-5">
         <div class="footer-wrapper">
             <div class="row">
-                <div class="col-md-1 pl-0">
+                <div class="col-md-1">
                     <a href="https://www.oeaw.ac.at/acdh/acdh-home/" target="_blank" rel="noopener"
                         aria-label="ACDH">
                         <img src="{% static 'webpage/img/acdh_logo.png' %}" alt="ACDH"
@@ -29,10 +29,10 @@
                         E: acdh(at)oeaw.ac.at</a>
                     </p>
                     <p>
-                        <a href=""></a>Imprint
+                        <a href="#"></a>Imprint
                     </p>
                 </div>
-                <div class="col-md-3 ml-auto">
+                <div class="col-md-4 helpdesk">
                     <h3>HELPDESK</h3>
                     <p>ACDH runs a helpdesk offering advice for questions related to various digital humanities
                         topics.</p>