odin_project_javascript-jquery/index.html at master · fredrhae/odin_project_javascript-jquery · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Frederico Rhae's- Odin Project JQuery Etch-a-Sketch Project</title>
		<link type="text/css" rel="stylesheet" href="styles/reset.css">
		<link type="text/css" rel="stylesheet" href="styles/main.css">
		<script type="text/javascript" src="scripts/jquery-3.0.0.min.js"></script>
		<script type="text/javascript" src="scripts/jquery-ui.min.js"></script>
		<script type="text/javascript" src="scripts/application.js"></script>
	</head>
	<body>
		<div class="navbar">
			<h1 id="header" >Etch-a-Sketch Project!<a href="https://github.com/fredrhae/odin_project_javascript-jquery"><img src="images/github_icon.png"></a></h1>
		</div>
		<div class="content">
			<div class="container">
			</div>
			<div id="options">
				<p>Manage your sketch-pad:</p>
				<button id="clear" class= "button" onclick="clearGrid()">Clear</button>
				<button id="change_grid" class= "button" onclick="changeGrid()">Change grid</button>
				<p>Select a mode for skecth-pad:</p>
				<select name="mode_selector">
					<option id="trail" class="mode_option" value="trail">Trail</option>
					<option id="draw" class="mode_option" value="draw">Draw</option>
					<option id="opacity" class="mode_option" value="increase_black_tone">Increase black tone</option>
					<option id="random_color" class="mode_option" value="random">Random color</option>
				</select>
			</div>
		</div>
		<div class="footer">
			<p> Made with <span>♥</span> by <a href="https://www.linkedin.com/in/fredericorhae/">Fred Rhae</a>
		</div>
	</body>
</html>