48 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			48 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html lang="en">
 | 
						|
<head>
 | 
						|
    <meta charset="UTF-8">
 | 
						|
    <title></title>
 | 
						|
    <style>
 | 
						|
        body {
 | 
						|
            margin: 0 auto;
 | 
						|
        }
 | 
						|
        #things {
 | 
						|
            display: flex;
 | 
						|
            flex-flow: row wrap;
 | 
						|
            gap: 5px;
 | 
						|
        }
 | 
						|
 | 
						|
        .thing {
 | 
						|
            width: 250px;
 | 
						|
            border: solid 2px;
 | 
						|
        }
 | 
						|
    </style>
 | 
						|
</head>
 | 
						|
<body>
 | 
						|
    <h1>ISO7010 Warning Stickers On Demand</h1>
 | 
						|
    {% for section, ws in ws.items() %}
 | 
						|
    <h2>{{ section }}</h2>
 | 
						|
    <div id="things">
 | 
						|
        {% for w in ws %}
 | 
						|
            <div class="thing">
 | 
						|
                <img src="{{ w.url }}" width="100%">
 | 
						|
                <div>
 | 
						|
                    <div>
 | 
						|
                        {{ w.name }}
 | 
						|
                    </div>
 | 
						|
                    <div>
 | 
						|
                        {{ counts.get(w.name, 0) }}
 | 
						|
                    </div>
 | 
						|
                    <form method="POST">
 | 
						|
                        <input type="number" min="1" max="10" value="1" name="count">
 | 
						|
                        <button type="submit" name="w" value="{{ w.name }}">Print</button>
 | 
						|
                    </form>
 | 
						|
                </div>
 | 
						|
            </div>
 | 
						|
        {% endfor %}
 | 
						|
    </div>
 | 
						|
    {% endfor %}
 | 
						|
</body>
 | 
						|
</html>
 |