tools.cobbled-paths/templates/image.html

37 lines
1.1 KiB
HTML
Raw Normal View History

{% extends "base.html" %}
{% block body_class %}image{% endblock %}
{% block body %}
<header class="controls">
2024-10-04 18:08:58 +02:00
<form action="{{ url_for('image') }}" enctype="multipart/form-data" method="POST">
<input name="img" type="file"/>
<input type="submit"/>
</form>
<hr>
<button id="button-svg">generate</button>
2024-10-04 18:08:58 +02:00
<input class="get-input" style="width: 8rem;" id="text-input" type="text" value="{{params['chars']}}" data-name="chars" data-frame="svg-iframe"/>
2024-10-04 18:08:58 +02:00
<label>width</label>
<input class="get-input" type="range" min="40" max="320" step="20" value="{{params['width']}}" data-name="width" data-frame="svg-iframe"/>
<label>weight</label>
<input class="get-input" type="range" min="1" max="8" value="{{params['weight']}}" data-name="w" data-frame="svg-iframe"/>
</header>
2024-10-04 18:08:58 +02:00
<div class="split-screen reload" id="main">
<div class="f-image"><img src="{{img}}"></div>
<iframe id="svg-iframe" class="f-double" src="/drawing-image/{{filename}}">
</iframe>
</div>
2024-10-04 18:08:58 +02:00
<script src="/static/js/generate_interface.js"></script>
{% endblock %}