{% extends "shell.html" %}

{% block title %}{{ announcement.title }}{% endblock %}

{% block head %}
<link rel="stylesheet" href="/static/themes/default/announcement.css"/>
{% endblock %}

{% block page %}
<div class="main">
    <div class="navbar">
        <a href="/" class="lyphe">
            <div id="lyphesmall">
                <div class="bent-surrounding">
                    <img id="lypheimg" src="/static/img/lyphebent{% if alpha %}-alpha{% endif %}.png"
                         alt="image of lyphe, our mascot!">
                </div>
                <div id="lyphetitlenav">
                    <img src="/static/img/logo.png" alt="ask lyphe!"/>
                </div>
            </div>
        </a>
    </div>

    <div class="pagecontent">
        <div class="announcement-area">
            <div class="pagegradient">
                <div class="announcement-content">
                    <div class="announcement-title">
                        <h1>{{ announcement.title }}</h1>
                        <div class="announcement-date">{{ announcement.date }}</div>
                        <div class="announcement-author">posted by {{ announcement.creator }}</div>
                        <div class="announcement-body">
                            <p>{{ announcement.full|safe }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% include "ui/footer.html" %}
</div>
{% endblock %}