{% extends "base.html" %}

{% block style %}
<link href="{{get_url(path="recipe.css")}}" rel="stylesheet">
{% endblock %}

{% block content %}

<div id="page">
    <h1>{{ page.title }}</h1>

    <div id="container">

    {% if page.extra.transcription or page.extra.literal %}
    <div id ="languages">
        {% if page.extra.transcription %}<p id="transcription">{{ page.extra.transcription }}</p>{% endif %}
        {% if page.extra.literal %}
        <p id="literal" {% if page.extra.literal_lang %} lang="{{page.extra.literal_lang}}" {% endif %}>
            {{ page.extra.literal }}
        </p>
        {% endif %}
    </div>
    {% endif %}

    {{ page.content | safe }}

    </div>
</div>

{% endblock content %}