HTML5-Web-Filter/index.html at gh-pages · ja2375/HTML5-Web-Filter · 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />

	<title>Filter</title>
	<link href="assets/css/style.css" rel="stylesheet" />

	<!-- Include the Yanone Kaffeesatz font -->
	<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200" rel="stylesheet" />

</head>
<body>

	<h1>Web <b>Image Filter</b></h1>
	<div id="photo">
		<a href="#" class="downloadImage" target="_blank" download="photo.png">Download image</a>
	</div>

	<div id="filterContainer">
		<ul id="filters">
			<li> <a href="#" id="normal">Normal</a> </li>
			<li> <a href="#" id="vintage">Vintage</a> </li>
			<li> <a href="#" id="lomo">Lomo</a> </li>
			<li> <a href="#" id="clarity">Clarity</a> </li>
			<li> <a href="#" id="sinCity">Sin City</a> </li>
			<li> <a href="#" id="sunrise">Sunrise</a> </li>
			<li> <a href="#" id="crossProcess">Cross Process</a> </li>
			<li> <a href="#" id="orangePeel">Orange Peel</a> </li>
			<li> <a href="#" id="love">Love</a> </li>
			<li> <a href="#" id="grungy">Grungy</a> </li>
			<li> <a href="#" id="jarques">Jarques</a> </li>
			<li> <a href="#" id="pinhole">Pinhole</a> </li>
			<li> <a href="#" id="oldBoot">Old Boot</a> </li>
			<li> <a href="#" id="glowingSun">Glowing Sun</a> </li>
			<li> <a href="#" id="hazyDays">Hazy Days</a> </li>
			<li> <a href="#" id="herMajesty">Her Majesty</a> </li>
			<li> <a href="#" id="nostalgia">Nostalgia</a> </li>
			<li> <a href="#" id="hemingway">Hemingway</a> </li>
			<li> <a href="#" id="concentrate">Concentrate</a> </li>
		</ul>
	</div>

	<footer>
        <h2><a href="http://www.javi-h.com/">Created by Javier Hurtado</a></h2>
        <div id="ja-actions">

            <a id="ja-download" href="https://github.com/ja2375/Web-Filter" title="Fork on GitHub">Fork on GitHub</a>
        </div>
    </footer>

	<!-- Libraries -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
	<script src="assets/js/filereader.min.js"></script>
	<script src="assets/js/caman.full.js"></script>
	<script src="assets/js/jquery.mousewheel.min.js"></script>
	<script src="assets/js/script.js"></script>

</body>
</html>