annoucment logic implemented, fixing looks

nonpacks/templates/announcements/notifications.html

@@ -0,0 +1,39 @@
+{% extends 'base.html' %}
+
+{% block title %}Your alerts - Packs Site{% endblock %}
+
+{% block content %}
+<div class="home-section-header">
+    <h1><i class="fas fa-bell"></i> Your alerts</h1>
+    <form method="post" action="{% url 'announcements:mark_all_read' %}">
+        {% csrf_token %}
+        <input type="hidden" name="next" value="{{ request.path }}">
+        <button type="submit" class="btn btn-secondary"><i class="fas fa-check-double"></i> Mark all read</button>
+    </form>
+</div>
+
+<div class="card">
+    <ul class="notify-list">
+        {% for n in page %}
+            <li class="notify-item{% if not n.read %} notify-unread{% endif %}">
+                <a href="{% url 'library:project_detail' n.project.slug %}">{{ n.text }}</a>
+                <span class="announce-meta">{{ n.created_at|timesince }} ago{% if not n.read %} · <span class="notify-new">new</span>{% endif %}</span>
+            </li>
+        {% empty %}
+            <li class="empty-hint">You have no alerts yet.</li>
+        {% endfor %}
+    </ul>
+</div>
+
+{% if page.has_other_pages %}
+    <div class="pagination">
+        {% if page.has_previous %}
+            <a href="?page={{ page.previous_page_number }}">&laquo;</a>
+        {% endif %}
+        <span>Page {{ page.number }} of {{ page.paginator.num_pages }}</span>
+        {% if page.has_next %}
+            <a href="?page={{ page.next_page_number }}">&raquo;</a>
+        {% endif %}
+    </div>
+{% endif %}
+{% endblock %}