meshenger/web/index.html

67 lines
2.1 KiB
HTML
Raw Normal View History

2014-11-07 01:40:19 +01:00
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="viewport" content="width=device-width, user-scalable=no">
<link href="/web/style.css" rel="stylesheet" type="text/css">
2015-05-19 20:58:43 +02:00
<title>meshenger</title>
2014-11-07 01:40:19 +01:00
</head>
<body>
2015-05-19 20:58:43 +02:00
<div id="message-page">
<button id="message-back">Back</button>
2015-05-19 20:24:39 +02:00
<form id="message-form" action="" accept-charset="utf-8">
2014-11-07 16:21:10 +01:00
<textarea id="name" rows="1" placeholder="Your Name"></textarea>
<textarea id="message" rows="2" placeholder="Your Message"></textarea>
2015-05-19 20:24:39 +02:00
<!-- removed photo button from here, otherwise triggers sending (empty) messages... TO FIX-->
2014-11-07 16:21:10 +01:00
<input type="submit" class="send-button" value="Send">
</form>
2015-05-19 20:58:43 +02:00
</div>
2014-11-07 01:40:19 +01:00
2015-05-19 20:58:43 +02:00
<div id="photo-page" class="photoBox">
<button id="photo-back">Back</button>
2015-05-19 20:24:39 +02:00
<input id="fileInput" accept="image/*" capture="camera" type="file">
<br>
<p>
2015-05-19 20:58:43 +02:00
<span id="progress">--</span>
2015-05-19 20:24:39 +02:00
<span id="total">--</span>
</p>
2015-05-19 20:58:43 +02:00
2015-05-19 20:24:39 +02:00
<!--Squashed source<br>-->
<img id="sourceImage" src="" alt="capture" height="400" width="400">
<!--Offset done<br>-->
<canvas id="canvas1" width="400" height="400"></canvas>
<!--Dithered<br>-->
<canvas id="canvas2" width="400" height="400"></canvas>
<!--Rotated<br>-->
<canvas id="canvas3" width="400" height="400"></canvas>
<br>
<button id="rotLeft">Rotate left</button>
<button id="rotRight">Rotate right</button>
2015-05-19 20:58:43 +02:00
<button id="submit-photo" class="photo-buttons">submit</button>
<button id="cancel-photo" class="photo-buttons">cancel</button>
2015-05-19 20:24:39 +02:00
</div>
2015-05-19 20:58:43 +02:00
<div id="overview-page">
2014-11-07 16:21:10 +01:00
<div class="messages">
<ul id="inbox"></ul>
2014-11-07 01:40:19 +01:00
2014-11-07 16:21:10 +01:00
<ul id="outbox"></ul>
</div>
2015-05-19 21:35:13 +02:00
<div id="input-footer">
<button id="new-photo">Photo</button>
2015-05-19 20:58:43 +02:00
<button id="new-message">Message</button>
</div>
</div>
<script src="/web/main.js"></script>
2014-11-07 01:40:19 +01:00
</body>
</html>