-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
57 lines (53 loc) · 2.23 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 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.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;600;900&display=swap" rel="stylesheet">
<title>Redactr</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class='wrapper'>
<section class="content">
<header>
<h1>Redactr</h1>
<span><i class="fa-solid fa-bars"></i></span>
</header>
<form>
<div class="text-areas">
<div class="text-container paste-area">
<textarea id="input-textarea"
placeholder="Redactr will remove a specified word or string of text from your texts and replace it with asteriks, another letter, word, or string of texts. Start by typing or pasting something here, then click the redact button">
</textarea>
<p class='instruction'>Redact selected texts with *</p>
</div>
<div class="text-container">
<textarea id="output-textarea">
</textarea>
<div class='details'>
<span id="time_taken">Time taken: </span>
<span id="chars_scramb">Total characters scrambled:</span>
<span id="words_scan">Words scanned:</span>
<span id="total_chars">Total characters:</span>
</div>
</div>
</div>
<div class="btns">
<input id="replace-text" type="text" placeholder="Enter words to be redacted"/>
<input id = "replace-alt" type="text" placeholder="Enter replacement text"/>
<button id="redact-btn" class='redact-btn'>Redact</button>
</div>
</form>
</section>
</section>
<!-- // ============= EEND DO NOT EDIT ============== // -->
<script src="index.mjs" type="module"></script>
<script src="index.js"></script>
<!-- // ============= EEND DO NOT EDIT ============== // -->
</body>
</html>