{% extends 'base.html' %}
{% block title %}Home{% endblock %}
{% block nav %}{% endblock %}
{% block content %}

<h1 class="home-title">The Eorzea Songbook</h1>

<p> Explore the music of Final Fantasy XIV! Discover the recurring melodies in your favorite songs, or take a closer look at the motifs and their appearances. </p>

<div class="home-nav">
    <a href="{{ url_for('songindex') }}" class="home-button">
        <img src="/static/songicon.png" alt="Song Index" />
        <h2>Songs</h2>
    </a>

    <a href="{{ url_for('motifindex') }}" class="home-button">
        <img src="/static/motificon.png" alt="Motif Index" />
        <h2>Motifs</h2>
    </a>
</div>
{% block footer %}{% endblock %}
{% endblock %}