{% extends "base.html" %}

{% block styles %}
{% endblock %}

{% block content %}
<div id='froghat'>{{ page.body }}</div>
{% 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, WidgetPlugin]});
        wiki.view();
    </script>
{% endblock %}