-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
67 lines (57 loc) · 2.46 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
<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=0.70;, maximum-scale=1.0, user-scalable=no">
<meta content="https://kela.pages.dev/img/og.png" property="og:image">
<meta content="Twibbon Generator | Ferry Ayunda" property="og:title">
<meta content="https://kela.pages.dev/" property="og:url">
<meta name="description" content="Ini adalah situs web tempat Anda dapat menambahkan foto ke dalam bingkai.">
<!-- Title of the page -->
<title>Twibbon Generator</title>
<link rel="shortcut icon" href="img/favicon.ico">
<!-- Css -->
<link rel="stylesheet" href="css/default.css">
<!-- Add plugins as you like -->
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/loading.css">
<!-- Fontawesome -->
<script src="https://kit.fontawesome.com/2a19ad17e3.js"></script>
<script type="text/javascript" src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js"></script>
</head>
<body>
<!-- Your content here -->
<div id="preloader">
<div id="status"> </div>
</div>
<article>
<h1>Twibbon Generator</h1>
<p>Ini adalah situs web tempat Anda dapat menambahkan foto ke bingkai.</p>
<p>
<img id="preview" src="img/preview.png"/>
<img id="twibbon" src="img/twibbon.png" style="display: none"/>
<canvas id="cakfer" style="width: 300px; height: 300px; display: none"></canvas>
</p>
<p>
<input type="text" id="filename" autocomplete="off" readonly="" placeholder="Tidak ada file yang diunggah.">
<br />
<label for="fileInput" class="custom-file-upload">
<i class="text-button"></i> <i class="far fa-images"></i> UNGGAH GAMBAR BARU
<input id="fileInput" type="file" />
</label>
</p>
<p>
<a href="#" id="unduh" download="kela.pages.dev.png" style="display: none" class="button-3" role="button"><i class="fa fa-download"></i> UNDUH</a>
<button id="klik" onclick="drawImage()" class="button-3" role="button"><i class="far fa-eye"></i> PRATINJAU</button>
<button id="cancel" onclick="location.reload()" class="button-4" role="button" style="color:red"><i class="fas fa-trash-alt"></i> HAPUS</button>
</p>
</article>
<footer>
<p><a target="_blank" rel="noopener" href="https://www.facebook.com/bungferry.wa">Copyright © 2022 Ferry Ayunda.</a></p>
</footer>
<script src="js/apk.js"></script>
<script src="js/loading.js"></script>
</body>
</html>