Flashed messages categories, red bg for errors

yadc/assets/css/base-types.scss

@@ -40,6 +40,9 @@
         opacity: 0;
         animation: fade 7s normal;
 
+        &.error {
+            background-color: $notif-bg-error;
+        }
     }
 }
 

yadc/assets/css/main.scss

@@ -9,6 +9,7 @@ $ahover-color: #909090;
 
 //$notif-bg-color: #542772d0;
 $notif-bg-color: #000c;
+$notif-bg-error: #500c;
 
 $bp-desktop: ">=desktop";
 $bp-tablet: "<desktop";

yadc/templates/layout/base.html

@@ -43,11 +43,11 @@
         <span id="nav-menu" class="fa fa-bars"></span>
     </header>
 
-    {% with msgs = get_flashed_messages() %}
+    {% with msgs = get_flashed_messages(with_categories=True) %}
     {% if msgs %}
     <ul class="flash_msgs" id="noti">
-        {% for msg in msgs %}
-        <li>{{ msg }}</li>
+        {% for cat,msg in msgs %}
+        <li class="{{cat}}">{{msg}}</li>
         {% endfor %}
     </ul>
     {% endif %}