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>
|
||||