{% extends "base.html" %}
{% set active_page = "handbook" %}

{% block title %}ACKS Handbook{% endblock %}
{% block content %}
<div class="uk-flex uk-flex-center uk-margin-bottom uk-margin-top">
    <h1 class="uk-text-center"><strong>Adventurer Conqueror King</strong>Handbook</h1>
</div>
<div id="frame-container">
    <iframe id="handbook-frame" src="https://atr0phy.net/acks/handbook"></iframe>
</div>
{% endblock %}

{% block head %}
<style>
#frame-container {
    display: flex;
    width: 100%;
    height: 85vh;
    flex-direction: column:
}
#handbook-frame {
    flex-grow: 1;
    border: none;
    margin: 0;
    padding: 0;
}
h1 strong {
    display: block;
    font-size: 50%;
    opacity: 0.65;
}
</style>
{% endblock %}