From 39ac9fd15ab1a9e4b0a1ee860ad660e5afe7fc91 Mon Sep 17 00:00:00 2001
From: Cara Salter <cara@devcara.com>
Date: Tue, 6 Dec 2022 14:42:41 -0500
Subject: [PATCH] meta: Flashed messages

Also convert dashboard to extend base.html
---
 goathacks/static/css/style.css     | 16 ++++++++++++++++
 goathacks/static/css/style.scss    | 18 ++++++++++++++++++
 goathacks/templates/base.html      |  2 +-
 goathacks/templates/dashboard.html |  7 ++++---
 4 files changed, 39 insertions(+), 4 deletions(-)

diff --git a/goathacks/static/css/style.css b/goathacks/static/css/style.css
index 68108c1..ffdd366 100644
--- a/goathacks/static/css/style.css
+++ b/goathacks/static/css/style.css
@@ -167,3 +167,19 @@ form select {
   background: #974355;
   max-width: 11rem;
 }
+
+.flashes {
+  list-style-type: none;
+  display: flex;
+  justify-content: center;
+}
+
+.message {
+  width: 80%;
+  justify-content: center;
+  border: 1px solid #eee;
+  background-color: #26a69a;
+  padding: 0.2rem;
+  font-size: large;
+  color: #eee;
+}
diff --git a/goathacks/static/css/style.scss b/goathacks/static/css/style.scss
index 92088ee..590d65f 100644
--- a/goathacks/static/css/style.scss
+++ b/goathacks/static/css/style.scss
@@ -164,3 +164,21 @@ form {
         max-width: 11rem;
     }
 }
+
+// Flashed messages
+.flashes {
+    list-style-type: none;
+    display: flex;
+    justify-content: center;
+}
+
+.message {
+    width: 80%;
+    justify-content: center; 
+    border: 1px solid $color-fg;
+    background-color: $color-accent;
+    padding: 0.2rem;
+    font-size: large;
+    color: $color-fg;
+}
+
diff --git a/goathacks/templates/base.html b/goathacks/templates/base.html
index c8c4c96..1442c25 100644
--- a/goathacks/templates/base.html
+++ b/goathacks/templates/base.html
@@ -5,7 +5,7 @@
     {% if messages %}
     <ul class="flashed-content">
         {% for m in messages %}
-        <li class="message">{{ message }}</li>
+        <li class="message">{{ m }}</li>
         {% endfor %}
     </ul>
     {% endif %}
diff --git a/goathacks/templates/dashboard.html b/goathacks/templates/dashboard.html
index 859f3f0..db33d51 100644
--- a/goathacks/templates/dashboard.html
+++ b/goathacks/templates/dashboard.html
@@ -1,4 +1,6 @@
-{% include 'header.html' %}
+{% extends 'base.html' %}
+
+{% block content %}
 <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
 <script>
     function drop(id) {
@@ -94,5 +96,4 @@
     })
 
 </script>
-
-{% include 'footer.html' %}
+{% endblock %}