{% extends "main.html" %}

{% block content %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/post.css') }}">
<script src="{{ url_for('static', filename='script/image_viewer.js') }}"></script>
<main class="main">
    <section class="intro">
        <h1></h1>
        <p></p>
        <p></p>
    </section>

    <section class="features">
        <h2></h2>
        <div class="step">
            <img src="" alt="">
            <div class="step-content">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </section>

    <section class="steps">
        <h2></h2>

        <article class="step">
            <img src="" alt="">
            <div class="step-content">
                <h3></h3>
                <p></p>
                <blockquote></blockquote>
            </div>
        </article>

        <article class="step">
            <img src="" alt="">
            <div class="step-content">
                <h3></h3>
                <p></p>
            </div>
        </article>

        <article class="step">
            <img src="" alt="">
            <div class="step-content">
                <h3></h3>
                <p></p>
                <pre><code class="language-gdscript"><button class="copy-btn" onclick="copyToClipboard(this)">Copy</button></code></pre>
            </div>
        </article>

        <article class="step">
            <img src="" alt="">
            <div class="step-content">
                <h3></h3>
                <p></p>
                <pre><code class="language-gdscript"><button class="copy-btn" onclick="copyToClipboard(this)">Copy</button></code></pre>
            </div>
        </article>

        <article class="step">
            <img src="" alt="">
            <div class="step-content">
                <h3></h3>
                <p></p>
                <a href="#" class="button"></a>
            </div>
        </article>

        <article class="step">
            <img src="" alt="">
            <div class="step-content">
                <h3></h3>
                <p></p>
            </div>
        </article>

        <article class="step">
            <img src="" alt="">
            <div class="step-content">
                <h3></h3>
                <p></p>
                <blockquote></blockquote>
            </div>
        </article>

        <article class="step">
            <img src="" alt="">
            <div class="step-content">
                <h3></h3>
                <p></p>
                <blockquote></blockquote>
            </div>
        </article>
    </section>

    <footer>
        <p></p>
    </footer>
</main>
{% endblock %}