HTMLify

notifications.html
Views: 102 | Author: abh
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Notifications</title>
{% include "stylesheet.html" %}
</head>
<body>
  <h1>Notifications</h1>
  {% include "search-bar.html" %}
  {% include "nav-bar.html" %}
  <div class="notification-container">
    {% if notifications|length == 0 %}
    <h1>There is no notifications for you, check back after some time :)</h1>
    {% endif %}
    {% for notification in notifications[::-1] %}
    <div class="notification">
      <!--
      <img src="profile-image.jpg" alt="User">
      -->
      <div class="notification-content {% if not notification.viewed %} opened {% endif %}">
        <a href="/notifications/{{ notification.id }}">
          <p>{{ notification.content|safe }}</p>
          <sub>{{ notification.send_time }}</sub>
        </a>
      </div>
    </div>
    {% endfor %}
  </div>
</body>
</html>

Comments