55 lines
1.8 KiB
Text
55 lines
1.8 KiB
Text
{! vim: set ts=2 sw=2 et tw=120: !}
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>OO-JS Exercise - Web Atelier 2017</title>
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body onload="init()">
|
|
<h1>
|
|
OO-JS Exercise: Canvas
|
|
</h1>
|
|
<div id="app">
|
|
<div id="left-toolbar" class="toolbar">
|
|
<button id="clear-btn">Clear</button>
|
|
<button id="undo-btn">Undo</button>
|
|
<button id="camera-btn"><i class="fa fa-camera" aria-hidden="true"></i></button>
|
|
</div>
|
|
<canvas id="canvas" width="600" height="400"></canvas>
|
|
<div id="brush-toolbar" class="toolbar">
|
|
<!-- Brushes buttons go here (programmatically). Each button should be a <button> element -->
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div>
|
|
<label for="name-filter">By name search:</label>
|
|
<input id="name-filter" type="text" placeholder="Search by name">
|
|
<br>
|
|
<label for="imgur-search">Imgur image name:</label>
|
|
<input id="imgur-search" type="text" placeholder="Imgur image name">
|
|
<button id="imgur-search-btn" type="button">Search on Imgur</button>
|
|
<br>
|
|
<div id="imgur-search-details">
|
|
<br>
|
|
</div>
|
|
<label for="bookmarked-filter">Only bookmarked</label>
|
|
<input id="bookmarked-filter" type="checkbox">
|
|
</div>
|
|
<div id="favourites">
|
|
</div>
|
|
<script src="dustjs-linkedin/dust-full.min.js"></script>
|
|
<script src="js/views.js"></script>
|
|
<script src="js/fetch.js"></script>
|
|
<script src="/socket.io/socket.io.js"></script>
|
|
<script src="scripts/brushes.js"></script>
|
|
<script src="scripts/undo.js"></script>
|
|
<!-- <script src="scripts/clock.js"></script> -->
|
|
<script src="scripts/app.js"></script>
|
|
<script src="main.js"></script>
|
|
</body>
|
|
|
|
</html>
|