Select Text read_text.html

convert_text.html

<style>
.refresh-button{
font-size:4vw;
}
.refresh-button2{
font-size:4vw;
}
</style>
<div style="background-color: rgb(156, 23, 23);min-height: 100%;">
    <center>
       <hr>

<p><a href="/"  class="refresh-button">HOME</a></p>
<p><a href="/convert_text"  class="refresh-button">REFRESH</a></p>
    <h1>Generate Your Custom Text Image</h1>
<body>

    
    <form action="/convert_text" method="POST">
        <label for="text">Text:</label><br>
        <textarea id="text" name="text" rows="5" cols="50" required>
Flask Art Maker has an addition
feature. Now it can create
text with multiple lines.
Feel free to customize the text.
FlaskArchitect !
        </textarea><br><br>

        <label for="font">Font:</label>
        <input type="text" id="font" name="font" value="Arial" required><br><br>

        <label for="color">Text Color:</label>
        <input type="color" id="color" name="color" value="darkred" required><br><br>

        <label for="pointsize">Font Size:</label>
        <input type="number" id="pointsize" name="pointsize" value="30" required><br><br>

        <label for="gravity">Text Alignment (Gravity):</label>
        <select name="gravity" id="gravity" required>
            <option value="center">Center</option>
            <option value="north">North</option>
            <option value="south">South</option>
            <option value="east">East</option>
            <option value="west">West</option>
            <option value="northwest" selected>Northwest</option> 
            <option value="northeast">Northeast</option>
            <option value="southwest">Southwest</option>
            <option value="southeast">Southeast</option>
        </select><br><br>

        <label for="bg_color">Background Color:</label>
        <select name="bg_color" id="bg_color" required>
            <option value="white">White</option>
            <option value="red">Red</option>
            <option value="blue">Blue</option>
            <option value="orange">Orange</option>
            <option value="darkred" selected>DarkRed</option> 
            <option value="olive">Olive</option>
            <option value="green">Green</option>
            <option value="gray">Gray</option>
            <option value="black">Black</option>
        </select><br><br>

        <label for="x">X Position:</label>
        <input type="number" id="x" name="x" value="0" required><br><br>

        <label for="y">Y Position:</label>
        <input type="number" id="y" name="y" value="0" required><br><br>

        <label for="line_spacing">Line Spacing:</label>
        <input type="number" id="line_spacing" name="line_spacing" value="40" required><br><br>

        <button type="submit">Generate Image</button>
    </form>

    {% if image %}
        <h2>Generated Image</h2>
        <img src="static/novel_images/temp_image.jpg" alt="Generated Image"/>
    {% endif %}
</center>
</div>
</body>
</html>
Back to file list