diff options
Diffstat (limited to 'old/server/app/templates')
| -rw-r--r-- | old/server/app/templates/403.html | 35 | ||||
| -rw-r--r-- | old/server/app/templates/404.html | 33 | ||||
| -rw-r--r-- | old/server/app/templates/500.html | 34 | ||||
| -rw-r--r-- | old/server/app/templates/base.html | 33 | ||||
| -rw-r--r-- | old/server/app/templates/celery.html | 43 | ||||
| -rw-r--r-- | old/server/app/templates/display.html | 69 | ||||
| -rw-r--r-- | old/server/app/templates/index.html | 161 |
7 files changed, 408 insertions, 0 deletions
diff --git a/old/server/app/templates/403.html b/old/server/app/templates/403.html new file mode 100644 index 00000000..f83c6dfc --- /dev/null +++ b/old/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/old/server/app/templates/404.html b/old/server/app/templates/404.html new file mode 100644 index 00000000..a7f7d45a --- /dev/null +++ b/old/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/old/server/app/templates/500.html b/old/server/app/templates/500.html new file mode 100644 index 00000000..b323c12c --- /dev/null +++ b/old/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/old/server/app/templates/base.html b/old/server/app/templates/base.html new file mode 100644 index 00000000..16402af8 --- /dev/null +++ b/old/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/old/server/app/templates/celery.html b/old/server/app/templates/celery.html new file mode 100644 index 00000000..ddcd25cb --- /dev/null +++ b/old/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/old/server/app/templates/display.html b/old/server/app/templates/display.html new file mode 100644 index 00000000..f73a6ca5 --- /dev/null +++ b/old/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/old/server/app/templates/index.html b/old/server/app/templates/index.html new file mode 100644 index 00000000..f740bb5b --- /dev/null +++ b/old/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 |