{% extends "base.html" %}

{% block title %}Media{% endblock %}

{% block content %}
<div class="container" id="preamble">
    <h2>Preamble</h2>
    <p>This page contains all the media I like. It doesn't mean it is objectivelly good (some are quite the opposite of that, in fact), it just means that I like it despite its flaws.</p>
</div>
<div class="container">
    <h2>Games</h2>
    <div class="shelf games">
        <img src="/img/games/prey.jpg" alt="Prey (2017)">
        <img src="/img/games/ds4.jpg" alt="Disgaea 4">
        <img src="/img/games/rw.jpg" alt="Rimworld">
        <img src="/img/games/ds.jpg" alt="Dark Souls">
        <img src="/img/games/fnv.jpg" alt="Fallout New Vegas">
    </div>
</div>

<div class="container">
    <h2>Anime</h2>
    <div id="anime" class="shelf">
        <img src="/img/anime/rm.jpg" alt="Rozen Maiden">
        <img src="/img/anime/sw.jpeg" alt="Spice and Wolf">
        <img src="/img/anime/hellsing.jpg" alt="Hellsing">
        <img src="/img/anime/xh.jpg" alt="xxxholic">
        <img src="/img/anime/gd.jpg" alt="Gabriel Dropout">
        <img src="/img/anime/gosick.jpg" alt="Gosick">
        <img src="/img/anime/ko.jpg" alt="K-On!">
        <img src="/img/anime/oreimo.jpg" alt="Oreimo">
        <img src="/img/anime/watemote.jpg" alt="Watamote">
        <img src="/img/anime/excel.jpeg" alt="Excel Saga">
        <img src="/img/anime/08.jpg" alt="MSG: The 08th MS Team">
        <img src="/img/anime/hnk.jpeg" alt="Houseki no Kuni">
        <img src="/img/anime/ls.jpg" alt="Lucky Star">
    </div>
</div>

<div class="container">
    <h2>Visual Novels</h2>
    <div class="games shelf">
        <img src="/img/games/fate.png" alt="Fate: Stay Night">
        <img src="/img/games/tsukihime.png" alt="Tsukihime">
    </div>
</div>

<div class="ad"></div>

<div class="container">
    <h2>Music</h2>
    <div class="shelf" id="albums">
        <img src="/img/albums/cross.jpg" alt="Justice - Cross">
        <img src="/img/albums/ship.jpg" alt="Knife Party - Abandon Ship">
        <img src="/img/albums/worlds.jpg" alt="Porter Robinson- Worlds">
        <img src="/img/albums/epicus.jpg" alt="Candlemass - Epicus Doomicus Metallicus">
        <img src="/img/albums/tb.jpg" alt="Radiohead - The Bends">
        <img src="/img/albums/witchcult.jpg" alt="Electric Wizard - Witchcult Today">
    </div>
</div>
{% endblock %}

{% block scripts %}
<script src="/js/caption.js"></script>
{% endblock %}