Merge branch 'master' of github.com:adamhrv/megapixels_dev

author: adamhrv <adam@ahprojects.com> 2018-12-15 19:57:49 +0100
committer: adamhrv <adam@ahprojects.com> 2018-12-15 19:57:49 +0100
commit: 82b2c0b5d6d7baccbe4d574d96e18fe2078047d7 (patch)
tree: a8784b7ec2bc5a0451c252f66a6b786f3a2504f5 /server/app/index.html
parent: 8e978af21c2b29f678a09701afb3ec7d65d0a6ab (diff)
parent: c5b02ffab8d388e8a2925e51736b902a48a95e71 (diff)
1 files changed, 161 insertions, 0 deletions
diff --git a/server/app/index.html b/server/app/index.html
new file mode 100644
index 00000000..3c1b0dfd
--- /dev/null
+++ b/server/app/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="static/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™ was 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>. It has generously been made possible by the Creative Industries Fund NL.
+      </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™ (beta) by <a href="http://constantdullaart.com">Constant Dullaart</a>.
+  Made in collaboration with <a href="http://ahprojects.com">Adam Harvey</a>
+</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">[]</script>
+<script type="text/javascript" src="static/js/vendor/jquery-3.3.1.min.js"></script>
+<script type="text/javascript" src="static/js/vendor/ExifReader.js"></script>
+<script type="text/javascript" src="static/js/vendor/canvas-to-blob.js"></script>
+<script type="text/javascript" src="static/js/vendor/prefixfree.js"></script>
+<script type="text/javascript" src="static/js/util.js"></script>
+<script type="text/javascript" src="static/js/upload.js"></script>
+<script type="text/javascript" src="static/js/app.js"></script>
+</html>
author	adamhrv <adam@ahprojects.com>	2018-12-15 19:57:49 +0100
committer	adamhrv <adam@ahprojects.com>	2018-12-15 19:57:49 +0100
commit	82b2c0b5d6d7baccbe4d574d96e18fe2078047d7 (patch)
tree	a8784b7ec2bc5a0451c252f66a6b786f3a2504f5 /server/app/index.html
parent	8e978af21c2b29f678a09701afb3ec7d65d0a6ab (diff)
parent	c5b02ffab8d388e8a2925e51736b902a48a95e71 (diff)