templates/webfront.html

<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="static/favicon.ico" />
    <link rel="stylesheet" href="static/style.css" />
    <title>LDraw part verification tool</title>
</head>
<body>
<div class="top-form">
    <h1>Check your part here</h1>
    <form method="post" enctype="multipart/form-data">
        <input type="file" name="file"/>
        <input type="submit" />
    </form>
</div>
<div class="report-container">

{% if report %}
    <h1>{{name}}</h1>
    {% if report['problems'] %}
        <ul class="problems-list">
        {% for problem in report['problems'] %}
            <li class="problem-{{problem['type']}}">
                <img
                    src="static/{{problem['type']}}.svg"
                    width="32" height="32"
                    class="problem-icon"
                />
                Line {{problem['line-number']}}: {{problem['message']}}
                <br />
                <span class="ldraw-code">{{problem['ldraw-code']}}</span>
            </li>
        {% endfor %}
        </ul>
    {% else %}
    No problems whatsoever.
    {% endif %}
{% endif %}
</div>
</body>
</html>