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 %}
    <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>
{% endif %}
{% if report and not report['problems'] %}
No problems whatsoever.
{% endif %}

</div>
</body>
</html>