{% extends "base.html" %}

{% block styles %}
    {% if user.can_write(page) %}
        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='froghat-editor.css' ) }}">
    {% endif %}
{% endblock %}

{% block content %}
<article id='froghat'>{{ page.body }}</article>
{% endblock %}



{% block scripts %}
    <!-- for converting markdown to html -->
    <script src="{{ url_for('static', filename='purify.min.js' ) }}"></script>
    <script src="{{ url_for('static', filename='marked.umd.min.js' ) }}"></script>
    <script src="{{ url_for('static', filename='froghat.js' ) }}"></script>
    {% if user.can_write(page) %}
        <script src="{{ url_for('static', filename='turndown.js' ) }}"></script>
        <script src="{{ url_for('static', filename='joplin-turndown-plugin-gfm.js' ) }}"></script>
        <script src="{{ url_for('static', filename='froghat-editor.js' ) }}"></script>
    {% endif %}
    <script>
        const wiki = new Froghat{% if user.can_write(page) %}Editor{% endif %}({plugins: [MacroPlugin]});
        wiki.run();
    </script>
{% endblock %}