Contributors list

app/config/contributors.yaml

@@ -59,4 +59,9 @@ contributors:
   - name: "Oluwagbayi Makinde"
     username: "makindeo"
     year: 2024
-
+  - name: "Bhushan Sah"
+    username: "sahb"
+    year: 2029
+  - name: "Artem Kurasov"
+    username: "kurasova"
+    year: 2029

app/static/css/base.css

@@ -81,23 +81,18 @@ html, body {
 }
 
 .body-container {
-    height: 100%;
-    min-height: 100%;
-    margin-bottom: -100px;
-    /* margin-right: 20px; */
+    min-height: 100vh;
+    margin-bottom: 0;
 }
 
 .footer {
   background-color: #e9ebec;
-  color:#1e2433;
-  text-align: center !important;
-  box-sizing: border-box !important;
-  width: 100%; /* Set the fixed width of the footer here */
-  height: 80px;
-  line-height: 80px; /* Vertically center the text there */
-  padding-left: 280px; /* Fixes sidebar spacing */
+  color: #1e2433;
+  margin-bottom: 0;
+  padding: 8px 15px; 
 }
 
+
 .bottom-buffer {
     padding-bottom: 20px;
     width: 100%;
@@ -119,7 +114,7 @@ a {
 
 #wrapper {
   width: 100%;
-  margin-bottom:90px !important;
+  margin-bottom:0 !important;
 }
 
 .sidebar-push {
@@ -130,7 +125,6 @@ a {
   margin-right: 280px;
 }
 
-
 .footerlink {
   font-weight: bold;
 }
@@ -191,3 +185,17 @@ a {
   font-size:1.2em;
   z-index:999;
 }
+
+.page-shell {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.page-content {
+    flex: 1;
+}
+
+.footer-row {
+    margin-top: auto;
+}

app/static/css/contributors.css

@@ -3,15 +3,10 @@
   color: #ffffff;
   padding: 7px 30px;
   margin-top: 100px;
-  margin-right: 250px;
 }
 .container {
     top: -75px;
 }
-.btn-holder {
-   position: relative;
-   right: 1050 px !important;
-}
 #wrapper {
   width: 100%;
   margin-bottom:90px !important;

app/templates/base.html

@@ -37,7 +37,7 @@
 {% endblock %}
 
 <div class="body-container">
-    <div class="col-xs-10 sidebar-push">
+    <div class="col-xs-10 sidebar-push page-shell">
         <div id="flash_container">
             {% with messages = get_flashed_messages(with_categories=true) %}
                 {% if messages %}
@@ -60,16 +60,23 @@
         {% block app_content %}
             {# application content needs to be provided in the app_content block #}
         {% endblock %}
-    </div>
-</div>
-
-<div class="row bottom-buffer"></div>
-
+
 {% block footer %}
-<div class="footer">
-    <span><strong>Issues? Contact: </strong><a href="mailto:support@bereacollege.onmicrosoft.com" class="footerlink">Systems Support </a>
-    <strong>Created & Designed by the </strong><a href="/contributors" id = "contribLink" class="footerlink">Student Software Development Team</a></span>
+<div class="row footer-row">
+    <footer class="footer col-xs-12 bg-light d-print-none text-center">
+        <strong>Issues? Contact: </strong>
+        <a href="mailto:support@bereacollege.onmicrosoft.com" class="footerlink">
+            Systems Support
+        </a>
+        <br>
+        <strong>Created &amp; Designed by the </strong>
+        <a href="/contributors" id="contribLink" class="footerlink">
+            Student Software Development Team
+        </a>
+    </footer>
 </div>
 {% endblock %}
+</div>
+</div>
 
 {% endblock %}

app/templates/main/contributors.html

@@ -23,12 +23,13 @@ <h2> Contributors </h2>
       {% endfor %}
       </table>
 
-      <div class= "btn-holder pull-left col-lg-6">
-        <button type='button' class='btn btn-lg btn-newcolor' id='backButton' onclick ="history.back()">Back</button>
+      <div class="row">
+      <div class="col-xs-12">
+        <button type="button" class="btn btn-lg btn-newcolor center-block" id="backButton" onclick="history.back()"> Back </button>
       </div>
+    </div>
 
     </div>
   </div>
 </div>
 {% endblock %}
-<br>