-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (97 loc) · 4.34 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>URL Decoder/Encoder</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<script type="text/javascript">
function encode() {
var obj = document.getElementById('Frontcoder');
var unencoded = obj.value;
obj.value = encodeURIComponent(unencoded).replace(/'/g,"%27").replace(/"/g,"%22");
}
function decode() {
var obj = document.getElementById('Frontcoder');
var encoded = obj.value;
obj.value = decodeURIComponent(encoded.replace(/\+/g, " "));
}
function copy() {
let textarea = document.getElementById("Frontcoder");
textarea.select();
document.execCommand("copy");
}
function Clear() {
document.getElementById("Frontcoder").value = "";
alert("Successfully cleared 👍")
}
</script>
</head>
<body>
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Heartlog♥️</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="https://heartlog.github.io">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/heartlog">GitHub</a>
</li>
</li>
<li class="nav-item">
<a class="nav-link disabled">Disabled</a>
</li>
</ul>
</div>
</div>
</nav>
<br>
<div class="container">
<h1 class="display-4">URL Encoder/Decoder</h1>
<p class="lead fw-lighter">Encode or Decode URLs and data effortlessly. Simplify the process with this <mark>simple & user-friendly</mark> site.</p>
<a class="btn btn-primary btn-lg" href="https://github.com/heartlog/DEncode/" role="button">Learn more</a>
</div>
<br>
<form onsubmit="return false;" class="form-control">
<div class=""><h1>URL Decoder/Encoder</h1></div>
<br>
<div class="form-floating">
<textarea class="form-control" placeholder="Paste URL/data here" id="Frontcoder" style="height: 100px"></textarea>
<label for="floatingTextarea" class="fw-lighter">Type or paste <u>URL/Data</u> here</label>
</div>
<br>
<br>
<div class="d-grid gap-2 col-6 mx-auto">
<input type="button" class="w-20 btn btn-lg btn-outline-primary" onclick="encode()" value="Encode">
<input type="button" class="w-20 btn btn-lg btn-outline-primary" onclick="decode()" value="Decode">
<input type="button" class="w-20 btn btn-outline-secondary" onclick="copy()" value="Copy text">
<input type="button" class="w-20 btn btn-outline-warning" onclick="Clear()" value="Clear">
</div>
</form>
<br>
<div class="container">
<div class="row">
<div class="col-md-6">
<h2 class="fw-dark text-primary">About</h2>
<p>Our site is designed with simplicity in mind. The intuitive interface makes it easy for users of all skill levels to encode or decode URLs effortlessly. Simply enter the URL or encoded string into the designated field, and with a single click, our JavaScript-based tool will handle the encoding or decoding process for you.</p>
</div>
<div class="col-md-6">
<h2 class="fw-dark text-primary">Services</h2>
<p>Powered by an <mark>open-source</mark> codebase, our tool ensures transparency and flexibility, allowing users to explore and modify the underlying logic as needed. </p>
</div>
</div>
</div>
<footer class="bg-light py-4">
<div class="container text-center">
<p>♥️ © 2023 heartlog.github.io. All rights reserved.</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
</body>
</html>