-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
72 lines (58 loc) · 2.88 KB
/
index.html
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
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>HFSW #TobaccoExposed</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="assets/images/favicon.png" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Kanit:100,200,300,400,500,600,700,800,900" rel="stylesheet">
</head>
<body>
<div id="navbar">
<div id="logo">
<a href="index.html"><img src="assets/images/logoh.png" height="80"></img>
</a>
</div>
</div>
<div class="github">
<a href="https://github.com/Hibiscus-Foundation/tobaccoexposed" target="_blank">View code on<img src="assets/images/github.png" height="50"></img>
</a>
</div>
<div class="fullcontainer">
<div class="maincontent">
<h1><em>SPEAK OUT </em>#TobaccoExposed</h1>
<h3>Enter your username, click on start, then finish. Once your image is generated, simply click on it to download. Then you can use it to show your support to the movement!</h3>
<div class="inputcont">
<div class="container__item">
<form class="form">
<input type="text" class="form__field" id="usernameInput" placeholder="Your Instagram Username" />
<button type="button" id="entbtn" class="btn btn--primary btn--inside uppercase" onclick="getPhoto($('#usernameInput').val().trim())">Start</button>
</form>
</div>
<br />
<img id="img1" class="hidden" src="assets/images/frame.png">
<canvas id="drawcanvas" class="hidden" height="500" , width="500"></canvas>
<div class="finalimage">
<a class="downloadimage" href="" download="HFSWinstagram">
<img class="merged-image hidden" alt="merged image" /> </a>
</div>
</div>
<br>
</div>
<div id="video-container ">
<video autoplay=" " loop=" " muted>
<source src="assets/videos/Vidloop-1.mp4 " type="video/mp4 " />
</video>
</div>
</div>
<div class="footer">
Made with <span class="heart">❤</span> by <a href="https://github.com/Purukitto" target="_blank">Purukitto</a> for <a href="https://www.hibiscusfoundation.org" target="_blank">Hibiscus Foundation</a></div>
<script src="/assets/js/vendor/jquery-3.5.1.min.js"></script>
<script src="assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script type="text/javascript" src="assets/js/codes.js"></script>
</body>
</html>