|
|
|
|
<!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">
|
|
|
|
|
<title>meshenger</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="message-page">
|
|
|
|
|
<button id="message-back" class="back-button">Back</button><br><br>
|
|
|
|
|
<form id="message-form" action="" accept-charset="utf-8">
|
|
|
|
|
<textarea id="name" rows="1" placeholder="Your Name"></textarea>
|
|
|
|
|
<textarea id="message" rows="2" placeholder="Your Message"></textarea>
|
|
|
|
|
<!-- removed photo button from here, otherwise triggers sending (empty) messages... TO FIX-->
|
|
|
|
|
<br>
|
|
|
|
|
<input type="submit" class="send-button" value="Send">
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="photo-page" class="photo-page">
|
|
|
|
|
<button id="photo-back" class="back-button">Back</button><br>
|
|
|
|
|
<input id="fileInput" accept="image/*" capture="camera" type="file">
|
|
|
|
|
<br>
|
|
|
|
|
<p>
|
|
|
|
|
<span id="progress">--</span>
|
|
|
|
|
<span id="total">--</span>
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<!--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="rot-left" class="rot-left">Rotate left</button>
|
|
|
|
|
<button id="rot-right" class="rot-right">Rotate right</button>
|
|
|
|
|
<br><br>
|
|
|
|
|
<button id="submit-photo" class="photo-buttons">Send</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="overview-page">
|
|
|
|
|
<div class="messages">
|
|
|
|
|
<ul id="inbox"></ul>
|
|
|
|
|
|
|
|
|
|
<ul id="outbox"></ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="input-footer">
|
|
|
|
|
<button id="new-photo">Photo</button>
|
|
|
|
|
<button id="new-message">Message</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="/web/main.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
