magick without tears
Stephen Kerr
2 years ago
@ -0,0 +1,15 @@
|
|||||||
|
# This is a flask application that overlaps uploaded images and text on top of images laid out in a grid on the browser.
|
||||||
|
|
||||||
|
from flask import Flask
|
||||||
|
from flask import request
|
||||||
|
from flask import render_template
|
||||||
|
import glob
|
||||||
|
|
||||||
|
app = Flask(__name__)
|
||||||
|
|
||||||
|
@app.route("/")
|
||||||
|
def overlap():
|
||||||
|
images = glob.glob('./static/img/*.png')
|
||||||
|
print(images)
|
||||||
|
|
||||||
|
return render_template("mosaic.html", images=images)
|
||||||
|
After Width: | Height: | Size: 484 KiB |
|
After Width: | Height: | Size: 483 KiB |
|
After Width: | Height: | Size: 489 KiB |
|
After Width: | Height: | Size: 469 KiB |
|
After Width: | Height: | Size: 667 KiB |
|
After Width: | Height: | Size: 498 KiB |
|
After Width: | Height: | Size: 428 KiB |
|
After Width: | Height: | Size: 567 KiB |
|
After Width: | Height: | Size: 687 KiB |
|
After Width: | Height: | Size: 492 KiB |
|
After Width: | Height: | Size: 373 KiB |
|
After Width: | Height: | Size: 426 KiB |
|
After Width: | Height: | Size: 721 KiB |
|
After Width: | Height: | Size: 430 KiB |
|
After Width: | Height: | Size: 402 KiB |
|
After Width: | Height: | Size: 341 KiB |
@ -0,0 +1,21 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
body{
|
||||||
|
clear: both;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
img{
|
||||||
|
width: 20vw;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
img:hover{
|
||||||
|
filter: invert(1);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{% for image in images %}<img src="{{image}}">{% endfor %}
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||