{% extends "call/base.html" %}
{% load static %}
{% block extrahead %}
<link rel="stylesheet" href="{%static 'call/guestbook.css' %}">
{% endblock %}
{% block content %}
    <marquee><h1>Welcome XPUB Class of 2025-2027</h1></marquee>
    <div id="content">
        {% for creature in page_obj %}
        <img class="creature" src="{{creature.image.url}}" title="{{creature.caption}}">
        {% endfor %}    
    </div>

    <div class="pagination">
        <span class="step-links">
            {% if page_obj.has_previous %}
                <a href="?page=1">&laquo; first</a>
                <a href="?page={{ page_obj.previous_page_number }}">previous</a>
            {% endif %}
    
            <span class="current">
                Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
            </span>
    
            {% if page_obj.has_next %}
                <a href="?page={{ page_obj.next_page_number }}">next</a>
                <a href="?page={{ page_obj.paginator.num_pages }}">last &raquo;</a>
            {% endif %}
        </span>
    </div>
    
<script src="{% static 'call/guestbook.js' %}"></script>
{% endblock %}