-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
43 lines (39 loc) · 1.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Make My Link Longer</title>
<meta property="og:title" content="Make My Link Longer">
<meta property="og:type" content="website">
<meta property="og:url" content="https://make-my-link-longer.xyz/">
<meta property="og:description" content="Tired of link shorteners? Make your link long and frightening.">
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<noscript>
Hello! This site does not work without javascript.
</noscript>
<h1 class="centralize">
Make My Link Longer
</h1>
<h2 id="warning">
Alert: This service may suddenly go down at any time. We have no intention of maintaining it.
</h2>
<p class="centralize">
Gone are the days of link shorteners. Right now, the trend is to make extremely long links that enforce your site's power, charisma, and status.
<br>
With <b>Make My Link Longer</b>, you can accomplish that goal with ease. Simply paste your website's URL into the box below, click the generate button, and be amazed at the sheer length of the link you recieve.
<br>
<input type="url" id="link" name="link" placeholder="https://example.com/">
<button id="generate" class="button">Make my link longer!</button>
</p>
<div id="generated" class="centralize">
<h1>Your generated link:</h1>
<code id="output"></code>
<button id="copy">Copy</button>
</div>
</body>
</html>