|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
<title>OVERLAP</title>
|
|
|
|
|
<meta name="description" content="WE HAVE A BAG FULL OF PLANETS, STARS, OUR FAVORITE MOMENTS, DARKEST FEARS, BEST INTENTIONS AND WORST FEELINGS.">
|
|
|
|
|
<link rel="stylesheet" href="http://localhost:5000/static/style.css">
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
|
|
|
|
<style>
|
|
|
|
|
img,video,audio{
|
|
|
|
|
width:25%;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
{% for file in files %}
|
|
|
|
|
{% if 'png' in file or 'jpg' in file or 'jpeg' in file or 'gif' in file%}
|
|
|
|
|
<img src="{{ file|replace('./', '/breadcube/overlap/') }}">
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if 'mp3' in file or 'm4a' in file or 'ogg' in file %}
|
|
|
|
|
<audio src="{{ file|replace('./', '/breadcube/overlap/') }}" controls></audio>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{% if 'mp4' in file or 'mkv' in file or 'ogv' in file %}
|
|
|
|
|
<video src="{{ file|replace('./', '/breadcube/overlap/') }}" controls></video>
|
|
|
|
|
{% endif %}
|
|
|
|
|
{%- if 'html' in filename -%}
|
|
|
|
|
<iframe src="{{ file|replace('./', '/breadcube/overlap/') }}" ></iframe>
|
|
|
|
|
{%- endif -%}
|
|
|
|
|
{% endfor %}
|
|
|
|
|
<form action="{{ url_for('upload2_file', image=image) }}" method="POST" enctype="multipart/form-data">
|
|
|
|
|
<label for="tile">Choose a file to upload:</label>
|
|
|
|
|
<input type="file"
|
|
|
|
|
id="tile" name="tile" required>
|
|
|
|
|
<input type="submit" value="Upload">
|
|
|
|
|
</form>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
