|
|
|
|
<!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>meshed up</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="header">
|
|
|
|
|
<h2>Meshenger</h2>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<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-->
|
|
|
|
|
|
|
|
|
|
<input type="submit" class="send-button" value="Send">
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<button id="pop" class="photo-buttons" onclick="document.getElementById('photoEdit').style.display='block';">Add Photo</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="photoEdit" class="photoBox">
|
|
|
|
|
<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="rotLeft">Rotate left</button>
|
|
|
|
|
<button id="rotRight">Rotate right</button>
|
|
|
|
|
|
|
|
|
|
<button id="submitPhoto" class="photo-buttons" onclick="submitImage();document.getElementById('photoEdit').style.display='none';">submit</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<button id="submitPhoto" class="photo-buttons" onclick="document.getElementById('photoEdit').style.display='none';">cancel</button>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="messages">
|
|
|
|
|
<ul id="inbox"></ul>
|
|
|
|
|
|
|
|
|
|
<ul id="outbox"></ul>
|
|
|
|
|
</div>
|
|
|
|
|
<script src="/web/main.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
