-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (65 loc) · 3.56 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
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LELSDWDHSX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LELSDWDHSX');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="google-site-verification" content="6rTJ1beqFVOasRbqOUSOwAr-QvsckFFskGOiV9_GxQk" />
<meta content="https://bungferry.github.io/twibbonku/og.png" property="og:image">
<meta content="Twibbon Generator | Ferry Ayunda" property="og:title">
<meta content="https://bungferry.github.io/twibbonku/" property="og:url">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<title>Twibbon Generator</title>
<meta name="description" content="Ini adalah situs web tempat Anda dapat menambahkan foto ke bingkai.">
<meta name="viewport" content="width=device-width, initial-scale=0.70;">
<link integrity="" rel="stylesheet" href="css/default.css">
<link integrity="" rel="stylesheet" href="css/button.css">
<style>img{width:100%;height: auto;}input[type="file"]{display:none;}label{font-family:sans-serif;color:cornflowerblue;}#filename{display:inline-block;margin-bottom:10px;border:0px;}label:hover{background-color:yellow;}</style>
<script type="text/javascript" src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js"></script>
<!-- Fontawesome -->
<script src="https://kit.fontawesome.com/2a19ad17e3.js"></script>
</head>
<body>
<article>
<h1>Twibbon Generator</h1>
<p>Ini adalah situs web tempat Anda dapat menambahkan foto ke bingkai.</p>
<p>Pilih file dari komputer Anda.</p>
<p>Anda dapat mengunggah berbagai ukuran gambar dari hard drive Anda.</p>
<p>
<img id="preview" src="img/preview.png"/>
<img id="twibbon" src="img/twibbon.png" style="display: none"/>
<canvas id="jilah" 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="magg.netlify.app.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>
<p>Unggah karya seni Anda dengan latar belakang transparan sebagai File .PNG terpisah, dengan ukuran kurang dari 1 MB. <a href="/twibbon"><i class="fas fa-external-link-alt"></i></a></p>
<p>Donasi; <a href="https://saweria.co/bungferry">Saling berbagi itu indah, berapa rupiah pun yang penting ikhlas.</a></p>
<p> </p>
<p id="share"><i class="fas fa-share-alt"></i> Bagikan...</p>
</article>
<footer>
<p><a target="_blank" rel="noopener" href="https://www.facebook.com/bungferry.wa">Copyright © 2022 Ferry Ayunda</a></p>
<p><a class="#">ID</a> | <a href="./en">EN</a></p>
</footer>
<script type="text/javascript" src="script/app.js"></script>
<script type="text/javascript" src="script/shared.js"></script>
</body>
</html>