-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
57 lines (53 loc) · 2.54 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0">
<title>Emoji Censor</title>
<link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
<link href="demo/demo.css" rel="stylesheet">
</head>
<body>
<h1>Emoji 🚫 Censor</h1>
<p class="subtitle">A script to censor out any emoji characters in a piece of text, either visually or audibly. Just because.</p>
<p class="subtitle"><a href="https://github.com/gilmoreorless/emoji-censor">See more details with the source code on GitHub.</a></p>
<p class="subtitle extensions">Also available as a browser extension for
<a href="https://chrome.google.com/webstore/detail/emoji-censor/heceohcbaahlibmaeheomnkpmhnggnld">Chrome</a>
and <a href="https://addons.mozilla.org/addon/emoji-censor/">Firefox</a>.
Now you can block out all emoji as you browse the web.
</p>
<div class="split">
<section class="input-container">
<h2>Enter some emoji-laden text here</h2>
<textarea id="text-input" class="input-box">
This is such a great 🎉 party! 😃🎂
A wonderful family: 👨👩👧👧
</textarea>
<div class="input-options">
<input type="checkbox" id="use-emoji-translate" disabled>
<label for="use-emoji-translate">Use <a href="https://meowni.ca/emoji-translate/" title="emoji-translate by Monica Dinculescu">emoji-translate</a> before censoring.</label>
</div>
</section>
<section class="output-container">
<h2>Text with redacted emoji</h2>
<output id="text-output" class="output-ummm---output" for="text-input"></output>
<p>🔗 <a id="abraham-link-on" href="/emoji-censor/">Direct link for sharing this text</a></p>
<div class="output-audio">
<h3>Once more, with <s>feeling</s> sound</h3>
<div class="audio-supported">
<p><button id="radio-gag-gag" class="play-audio"> ▶️ Play it censored</button></p>
<p><small>(You might want to wear headphones if there are other people around.)</small></p>
</div>
<p class="audio-unsupported">🚫 Sorry, audio censoring isn't supported in your browser. 🙁</p>
</div>
</section>
</div>
<footer class="does-anyone-actually-read-footers">
<p>Made with 💤<!-- Ha, made you look! --> by <a href="https://twitter.com/iamnotyourbroom">@iamnotyourbroom</a>.</p>
<p>Find some of my other projects at <a href="https://gilmoreorless.github.io/">gilmoreorless.github.io</a>.</p>
</footer>
<script src="src/emoji-censor.js"></script>
<script src="demo/emoji-translate.js"></script>
<script src="demo/demo.js"></script>
</body>
</html>