changes to the announcement section

4 files changed, 28 insertions, 17 deletions

diff --git a/static/css/main.css b/static/css/main.css
index 62093d11..051465b0 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -32,14 +32,6 @@ h1, h2, h3, h4, h5, h6, p, a, li, span, label, footer, .table {
 a {
     color: #8278ed;
 }
-/* 
-a:visited {
-    color: #b894dc;
-} */
-
-/* svg {
-    filter: invert(1);
-} */
 
 fieldset, legend {
     color: #cecece;
@@ -128,6 +120,11 @@ fieldset {
     color: rgb(255, 81, 81);
 }
 
+.updates {
+    width: 80px;
+    height: 16px;
+}
+
 .success {
     color: green;
 }
@@ -398,14 +395,15 @@ pre {
     margin: 0;
 }
 
-.announcements > li::before {
-    content: '📢';
+.ac {
     margin-right: 5px;
-    height: 16px;
+    height: 12px;
+    width: 30px;
 }
 
-.announcements > li.newac::before {
-    content: url('../images/gifs/new_announcement.gif');
+.ac2 {
     margin-right: 5px;
-    height: 16px;
+    width: 30px;
+    height: 14px;
 }
+
diff --git a/static/images/gifs/hand.gif b/static/images/gifs/hand.gif
new file mode 100644
index 00000000..cc12290e
--- /dev/null
+++ b/static/images/gifs/hand.gif
diff --git a/static/images/gifs/megaphone.gif b/static/images/gifs/megaphone.gif
new file mode 100644
index 00000000..5732ed72
--- /dev/null
+++ b/static/images/gifs/megaphone.gif
diff --git a/templates/blog/home.html b/templates/blog/home.html
index c8b0fa4f..cfce7399 100644
--- a/templates/blog/home.html
+++ b/templates/blog/home.html
@@ -30,13 +30,26 @@
   {% if announcements is not None %}
   <fieldset>
     <legend>
-      <img src = "{% static 'images/gifs/update.gif' %}" height="16px">
+      <img src = "{% static 'images/gifs/update.gif' %}" height="16px" width="80px" class="updates">
     </legend>
     <marquee behavior="scroll" direction="up" height="250" scrollamount="2" scrolldelay="10" onmouseover="this.stop()" onmouseout="this.start()">
       <ul class="announcements">
         {% for announcement in announcements %}
-        <li {% if announcement.is_new %}class="newac"{% endif %}>
-          <b>{{ announcement.created_at | date:"M d, Y" }}</b> {{ announcement.content }}
+        <li style="margin-bottom: 20px;">
+          <table>
+            <tr>
+              <td width="30px">
+                {% if announcement.is_new %}
+                  <img class="ac" src="{% static 'images/gifs/new_announcement.gif' %}"/>
+                {% else %}
+                  <img class="ac2" src="{% static 'images/gifs/hand.gif' %}"/>
+                {% endif %}
+              </td>
+              <td style="color: white;">
+                <b>{{ announcement.created_at | date:"M d, Y" }}</b> {{ announcement.content }}
+              </td>
+            </tr>
+          </table>
         </li>
         {% endfor %}
       </ul>