diff options
Diffstat (limited to 'server/app/templates/index.html')
| -rw-r--r-- | server/app/templates/index.html | 161 |
1 files changed, 161 insertions, 0 deletions
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 |