summaryrefslogtreecommitdiff
path: root/server/app/templates
diff options
context:
space:
mode:
Diffstat (limited to 'server/app/templates')
-rw-r--r--server/app/templates/403.html35
-rw-r--r--server/app/templates/404.html33
-rw-r--r--server/app/templates/500.html34
-rw-r--r--server/app/templates/base.html33
-rw-r--r--server/app/templates/celery.html43
-rw-r--r--server/app/templates/display.html69
-rw-r--r--server/app/templates/index.html161
7 files changed, 408 insertions, 0 deletions
diff --git a/server/app/templates/403.html b/server/app/templates/403.html
new file mode 100644
index 00000000..f83c6dfc
--- /dev/null
+++ b/server/app/templates/403.html
@@ -0,0 +1,35 @@
+{%- extends "base.html" %}
+
+{% import "bootstrap/utils.html" as utils %}
+
+{% block content %}
+<div class="container">
+
+ <div class="row">
+ <h1><a href="/"><img src="/static/img/dulldream_logo_200.png"></a></h1>
+ <h2 class="subtitle">403</h2>
+ </div>
+
+
+ <div class="row">
+ <div class="col-sm-12 align_center">
+ <p>Your request could not be handled</p>
+ </div>
+ </div>
+
+ <div id="about_btn" class="row">
+ <div class="col-sm-12">
+ <div class="align_center">
+ <a class="btn btn-sm btn-default" href="/" role="button">Home</a>
+ </div>
+ </div>
+ </div>
+
+</div>
+
+{% block footer %}
+{{super()}}
+{% endblock %}
+
+{% endblock %}
+
diff --git a/server/app/templates/404.html b/server/app/templates/404.html
new file mode 100644
index 00000000..a7f7d45a
--- /dev/null
+++ b/server/app/templates/404.html
@@ -0,0 +1,33 @@
+{%- extends "base.html" %}
+
+{% import "bootstrap/utils.html" as utils %}
+
+{% block content %}
+<div class="container">
+
+ <div class="row">
+ <h1><a href="/"><img src="/static/img/dulldream_logo_200.png"></a></h1>
+ <h2 class="subtitle">404</h2>
+ </div>
+
+ <div class="row">
+ <div class="col-sm-12 align_center">
+ <p>Your request could not be handled</p>
+ </div>
+
+ <div id="about_btn" class="row">
+ <div class="col-sm-12">
+ <div class="align_center">
+ <a class="btn btn-sm btn-default" href="/" role="button">Home</a>
+ </div>
+ </div>
+ </div>
+
+</div>
+
+{% block footer %}
+{{super()}}
+{% endblock %}
+
+{% endblock %}
+
diff --git a/server/app/templates/500.html b/server/app/templates/500.html
new file mode 100644
index 00000000..b323c12c
--- /dev/null
+++ b/server/app/templates/500.html
@@ -0,0 +1,34 @@
+{%- extends "base.html" %}
+
+{% import "bootstrap/utils.html" as utils %}
+
+{% block content %}
+<div class="container">
+
+ <div class="row">
+ <h1><a href="/"><img src="/static/img/dulldream_logo_200.png"></a></h1>
+ <h2 class="subtitle">505</h2>
+ </div>
+
+ <div class="row">
+ <div class="col-sm-12 align_center">
+ <p>Your request could not be handled</p>
+ </div>
+ </div>
+
+ <div id="about_btn" class="row">
+ <div class="col-sm-12">
+ <div class="align_center">
+ <a class="btn btn-sm btn-default" href="/" role="button">Home</a>
+ </div>
+ </div>
+ </div>
+
+</div>
+
+{% block footer %}
+{{super()}}
+{% endblock %}
+
+{% endblock %}
+
diff --git a/server/app/templates/base.html b/server/app/templates/base.html
new file mode 100644
index 00000000..16402af8
--- /dev/null
+++ b/server/app/templates/base.html
@@ -0,0 +1,33 @@
+{%- extends "bootstrap/base.html" %}
+
+{% block title %}DullDream (v2 x ZkM){% endblock %}
+
+{% block head %}
+ {{super()}}
+ <link rel="shortcut icon" href="{{url_for('static', filename='img/favicon.ico')}}">
+{% endblock %}
+
+{% block styles %}
+ {{super()}}
+ <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='css/bootstrap.min.css')}}">
+ <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='css/dullbrown-theme.css')}}">
+{% endblock %}
+
+{%- block content %}
+ {{super()}}
+{% endblock content %}
+
+{%- block footer %}
+ <div id="footer" class="footer">
+ <div class="container">
+ <p class="">
+ DullDream™ (beta) by <a href="http://constantdullaart.com">Constant Dullaart</a>.
+ Made in collaboration with <a href="http://ahprojects.com">Adam Harvey</a>
+ </p>
+ </div>
+ </div>
+{% endblock footer %}
+
+{% block scripts %}
+ {{super()}}
+{% endblock scripts %} \ No newline at end of file
diff --git a/server/app/templates/celery.html b/server/app/templates/celery.html
new file mode 100644
index 00000000..ddcd25cb
--- /dev/null
+++ b/server/app/templates/celery.html
@@ -0,0 +1,43 @@
+{%- extends "base.html" %}
+
+{% import "bootstrap/utils.html" as utils %}
+
+{% block content %}
+<style>
+ .progress {
+ width: 100%;
+ text-align: center;
+ }
+</style>
+
+<div class="container">
+
+ <div class="row">
+ <h1><a href="/"><img src="/static/img/dulldream_logo_200.png"></a></h1>
+ <h2 class="subtitle">Celery Test</h2>
+ </div>
+
+ <div class="row">
+ <div class="col-sm-12 align_center">
+ <button id="submit-data">Submit Data</button><br><br>
+ <div id="progress"></div>
+ </div>
+ </div>
+
+</div>
+
+{% block footer %}
+{{ super() }}
+{% endblock %}
+
+{% endblock %}
+
+
+{% block scripts %}
+ {{super()}}
+
+<script type="text/javascript" src="{{url_for('static', filename='js/old-js/nanobar.min.js')}}"></script>
+<script type="text/javascript" src="{{url_for('static', filename='js/old-js/celery.js')}}"></script>
+
+
+{% endblock scripts %} \ No newline at end of file
diff --git a/server/app/templates/display.html b/server/app/templates/display.html
new file mode 100644
index 00000000..f73a6ca5
--- /dev/null
+++ b/server/app/templates/display.html
@@ -0,0 +1,69 @@
+{%- extends "base.html" %}
+
+{% import "bootstrap/utils.html" as utils %}
+
+{% block content %}
+
+<style type="text/css">
+ .display_im{
+ width:100%;
+ max-width: 360px;
+ min-width: 256px;
+ margin-bottom: 10px;
+ }
+ .display_left{
+
+ }
+ .display_right{
+
+ }
+ .caption{
+ font-size: 11px;
+ }
+</style>
+<div class="container">
+
+ <div class="row">
+ <h1><a href="/"><img src="/static/img/dulldream_logo_200.png"></a></h1>
+ <h2 class="subtitle">Result</h2>
+ </div>
+
+ <div class="row">
+ <div style="height:50px"></div>
+ <div class="col-sm-12" style="text-align: center;">
+ <img class="display_im" src="{{ url_for('main.get_image', imtype='renders', uuid_name='{}'.format( uuid_name )) }}" />
+ <p class="caption">Rendered result</p>
+ </div>
+ </div>
+
+ <div class="col-sm-12" style="text-align: center;">
+ <img class="display_im" src="{{ url_for('main.get_image', imtype='uploads', uuid_name='{}'.format( uuid_name )) }}" />
+ <p class="caption">Original image</p>
+ </div>
+ </div>
+
+ <div class="col-sm-12" style="text-align: center;">
+ <img class="display_im" src="{{ url_for('main.get_image', imtype='fcn', uuid_name='{}'.format( uuid_name )) }}" />
+ <p class="caption">Semantic segmentation</p>
+ </div>
+ </div>
+
+ </div>
+
+ <div id="about_btn" class="row">
+ <div class="col-sm-12">
+ <div class="align_center">
+ <a class="btn btn-sm btn-default" href="/" role="button">Home</a>
+ </div>
+ </div>
+ </div>
+
+ </div>
+</div>
+
+{% block footer %}
+{{super()}}
+{% endblock footer %}
+
+{% endblock %}
+
diff --git a/server/app/templates/index.html b/server/app/templates/index.html
new file mode 100644
index 00000000..f740bb5b
--- /dev/null
+++ b/server/app/templates/index.html
@@ -0,0 +1,161 @@
+<!doctype html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+ <link rel="shortcut icon" href="/static/img/favicon.ico" />
+ <title>DullDream (v2 x ZkM)</title>
+ <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='css/dullbrown-theme.css')}}">
+</head>
+<body>
+
+<header>
+ <h1><a href="/"><img src="/static/img/dulldream_logo_200.png" alt="DullDream"></a></h1>
+ <h2 class="subtitle">Neural network photo effect</h2>
+</header>
+
+<div class="upload_view container">
+ <div class="row">
+ <div id="photo_area" class="dash_border">
+ <input class="hidden_input" id="user_file" type="file" accept="image/*">
+ <canvas class="photo" id="user_photo_canvas" width="512" height="512"></canvas>
+ <div class="center_inner">
+ <label id="take_photo_btn" for="user_file" class="upload_center_btn">
+ <div class='btn-lg btn'>Take Photo</div>
+ </label>
+ <div id="details"></div>
+ <div id="progress"></div>
+ </div>
+
+ <div id="preloader_anim">
+ <img src="/static/img/loader.gif">
+ </div>
+ </div>
+ </div>
+
+ <div id="upload_controls" class="row">
+ <div class="align_center">
+ <div id="restart_btn">
+ <a id="restart_btn" class="btn btn-md btn-default" role="button">Change Image</a>
+ <input type='file' accept="image/*">
+ </div>
+ <div id="dropdown_btn">
+ <select id="dropdown"></select>
+ </div>
+ <div id="upload_btn">
+ <a id="take_photo_btn" class="btn btn-md btn-important" role="button">Upload</a>
+ </div>
+ </div>
+ <div class="align_center consent_box">
+ <label>
+ <input type="checkbox" id="agree" value="1" checked>
+ I consent to have my dulled image displayed at ZkM.
+ </label>
+ </div>
+ </div>
+
+ <div id="about_btn" class="row">
+ <div class="align_center">
+ <a class="btn btn-sm btn-default about_button" role="button">About</a>
+ <a class="btn btn-sm btn-default privacy_button" role="button">Privacy</a>
+ <p class="notice">
+ All images uploaded can be used for exhibition and review purposes.
+ </p>
+ <p class="notice">
+ Currently this work is on view at <a href="http://zkm.de/en/event/2017/10/open-codes">ZKM</a>. View recent DullDreams <a href="/gallery">here</a>.
+ </p>
+ </div>
+ </div>
+</div>
+
+<div class="about_view modal">
+ <div class="inner">
+ <header>
+ <h1><img src="/static/img/dulldream_logo_200.png" alt="DullDream"></h1>
+ </header>
+ <div class='content'>
+ <p>
+ <b><i>DullDream™ by DullTech™</i></b> is a series of experiments appropriating neural network image recognition technology to make visual representation less interesting.
+ </p>
+ <p>
+ Can machine learning help us desensitize? Our impactful lives are clogging up social media feeds with unique filter settings, leaving us nostalgic for a vanilla future. Can machine learning help us achieve this? Take the excitement out of our lives, prepare us for a time where we will all have to be the same, have the same values and culture? Painting a future where the Dull is no longer a dream but a nightmare?
+ </p>
+ <p>
+ DullDream™ (version 2) was developed for the OpenCodes exhibition at ZKM. It based on the original DullDream™ (<a href="http://dulldream.xyz">version 1</a>), developed for Transmediale 2017 - Ever Elusive by <a href="http://constantdullaart.com">Constant Dullaart</a> in collaboration with <a href="http://ahprojects.com">Adam Harvey</a>. DullDream (V2) has been generously made possible by support from ZKM.
+ </p>
+ </div>
+ <center><a class="btn btn-sm btn-default" href="/" role="button">Home</a></center>
+ </div>
+</div>
+
+<div class="privacy_view modal">
+ <div class="inner">
+ <header>
+ <h1><img src="/static/img/dulldream_logo_200.png" alt="DullDream"></h1>
+ </header>
+ <div class='content'>
+ <h3>Privacy Notice</h3>
+ <p>
+ Images uploaded to this site are being used for a public art display at <a href="http://zkm.de/en/event/2017/10/open-codes">ZKM</a>
+ </p>
+ <p>
+ If you would not like to be included, be sure to uncheck the permission box on the upload page.
+ </p>
+
+ </div>
+ <center><a class="btn btn-sm btn-default" href="/" role="button">Home</a></center>
+ </div>
+</div>
+
+
+<div class="result_view">
+ <div class="final_result">
+ </div>
+
+ <div class="row made_with">
+ Made with DullDream.xyz for ZKM OpenCodes 2017
+ </div>
+
+ <div class="row">
+ <button class='btn' id="show_all_results">Detailed Analysis</button>
+ </div>
+
+ <div class="all_results">
+ </div>
+
+ <div id="share_btns" class="row">
+ <a id="permalink" href="#">Permalink</a>
+ </div>
+
+ <div id="about_btn" class="row">
+ <div class="align_center">
+ <a href="/" class="btn btn-sm btn-default home_button" role="button">Home</a>
+ <a class="btn btn-sm btn-default about_button" role="button">About</a>
+ <a class="btn btn-sm btn-default privacy_button" role="button">Privacy</a>
+ </div>
+
+ </div>
+
+</div>
+
+<div id="footer">
+ DullDream™ by <a href="http://constantdullaart.com">Constant Dullaart</a>.<br>
+ <small>Made in collaboration with <a href="http://ahprojects.com">Adam Harvey</a></small>
+</div>
+
+</body>
+<script type="text/html" id="result_template">
+ <div class="row">
+ <img src="{img}"><br>
+ <b>{title}</b>
+ </div>
+</script>
+<script type="text/json" id="dropdown_options">{{ task_json }}</script>
+<script type="text/javascript" src="{{url_for('static', filename='js/vendor/jquery-3.3.1.min.js')}}"></script>
+<script type="text/javascript" src="{{url_for('static', filename='js/vendor/ExifReader.js')}}"></script>
+<script type="text/javascript" src="{{url_for('static', filename='js/vendor/canvas-to-blob.js')}}"></script>
+<script type="text/javascript" src="{{url_for('static', filename='js/vendor/prefixfree.js')}}"></script>
+<script type="text/javascript" src="{{url_for('static', filename='js/util.js')}}"></script>
+<script type="text/javascript" src="{{url_for('static', filename='js/upload.js')}}"></script>
+<script type="text/javascript" src="{{url_for('static', filename='js/app.js')}}"></script>
+</html> \ No newline at end of file
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 16:07:34 +0000