B64/200.html at master · DaltonWebDev/B64 · GitHub

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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <meta name="theme-color" content="#00c5ff">
        <title>B64</title>
        <link href="https://fonts.googleapis.com/css?family=Rubik:400,700" rel="stylesheet">
        <link href="style.css" rel="stylesheet">
    </head>
    <body>
        <main>
        	<div id="logo">
          		<h1><a href="https://b64.me">B64</a></h1>
          		<p>Vanilla JavaScript URL Redirector</p>
          	</div>
          	<div id="content">
          		<div class="card">
          			<h2 style="margin-top: 0em;">What is this?</h2>
          			<p>Using the form below you can generate a link that intelligently redirects users based on their platform.</p>
          			<p>You can download B64's source code by <a href="https://github.com/DaltonWebDev/B64">clicking here</a>. If you need a free website host check out my other project <a href="https://1mb.site/?ref=b64" target="_blank">1mbsite</a>.</p>
          			<p><i>None of these input fields are enforced! Make sure you fill out at least 1 link section, and a fallback is highly recommended.</i></p>
          		</div>
          		<form onsubmit="return getLink(event)">
          			<div class="card">
          				<p>Platform</p>
          				<input type="text" id="platform_1" placeholder="Ex: iPhone">
          				<div id="platforms_1"></div>
          				<p>Where should this platform redirect to?</p>
          				<input type="text" id="url_1" placeholder="Ex: https://itunes.apple.com/tm/app/xxx">
          			</div>
          			<div class="card">
          				<p>Platform</p>
          				<input type="text" id="platform_2" placeholder="Ex: Android">
          				<div id="platforms_2"></div>
          				<p>Where should this platform redirect to?</p>
          				<input type="text" id="url_2" placeholder="Ex: https://play.google.com/store/apps/xxx">
          			</div>
          			<div class="card">
          				<p>Platform</p>
          				<input type="text" id="platform_3" placeholder="Platform Name">
          				<div id="platforms_3"></div>
          				<p>Where should this platform redirect to?</p>
          				<input type="text" id="url_3" placeholder="URL">
          			</div>
          			<div class="card">
          				<p>Platform</p>
          				<input type="text" id="platform_4" placeholder="Platform Name">
          				<div id="platforms_4"></div>
          				<p>Where should this platform redirect to?</p>
          				<input type="text" id="url_4" placeholder="URL">
          			</div>
          			<div class="card">
          				<p>Platform</p>
          				<input type="text" id="platform_5" placeholder="Platform Name">
          				<div id="platforms_5"></div>
          				<p>Where should this platform redirect to?</p>
          				<input type="text" id="url_5" placeholder="URL">
          			</div>
          			<div class="card">
          				<p>Fallback URL (This is where your link will redirect if visitor is on a platform that isn't defined above)</p>
          				<input type="text" id="fallback" placeholder="Ex: https://b64.me">
          			</div>
          			<button type="submit">Get Link</button>
          		</form>
          		<span id="notif"></span>
          	</div>
          </div>
        </main>
        <footer>
        	<p><a href="https://twitter.com/DaltonEdwards" target="_blank">Dalton Edwards</a> © 2018 – Proudly hosted using <a href="https://1mb.site" target="_blank">1mbsite</a> 💕</p>
        	<div id="safe_mode"></div>
        </footer>
        <script src="core.js"></script>
    </body>
</html>