This repository has been archived by the owner on Aug 17, 2023. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
56 lines (47 loc) · 2.4 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
<!DOCTYPE html>
<html><head lang="en"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Mastodon Redirect</title>
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/custom.css">
<script src="js/custom.js"></script>
<link rel="stylesheet" href="css/application.css">
<link rel="stylesheet" href="css/scrollbar.css">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icon/favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="icon/safari-pinned-tab.svg" color="#6364FF">
<meta name="msapplication-TileColor" content="#1da1f2">
<meta name="theme-color" content="#1da1f2">
</head>
<body>
<header id="PageHeader" style="background: #1DA1F2">
<span id="top"></span>
<div class="Content">
Mastodon Redirect
<img class="Icon" src="./img/icon.png">
</div>
</header>
<section style="height: 75%">
<div class="Content">
<h2>Enter the Mastodon profile below:</h2>
<input type="text" id="mastodon-profile" autocomplete="off" spellcheck="false" placeholder="AlienDrew@mstdn.social" aria-live="polite">
<p id="new-url" class="hide">You can use the link in your Twitter profile/tweets without it being marked incorrectly as spam (must replace `@` with `%40` if using link on places other than Twitter):<br>
<span id="mastodon-redirect-url"></span>
</p>
<p id="copy-p"><a href="#" id="copy-btn" class="button green disable">Copy to Clipboard</a></p>
<div id="invalid-profile" class="hide"><span style="color: red">Invalid profile given, please make sure the Mastodon server is real, and use the following format:</span><br>
<ul style="color: lightslategray">
<li>
<span class="required">[username]@[mastodon.server]</span>
</li>
</ul>
</div>
</div>
</section>
<section style="position: fixed; width: 100%; bottom: 0">
<div class="Content">
<p class="center"><small><a href="https://andrew-j-larson.github.io">Website by Andrew Larson</a> | <a href="https://github.com/Andrew-J-Larson-Alt/mastodon-redirect/">GitHub Repo</a></small></p>
</div>
</section>
</body></html>