-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvocabulary-manager.html
72 lines (67 loc) · 4.1 KB
/
vocabulary-manager.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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
<title>Vocabulary Manager</title>
<script src="main.js?nocache=5"></script>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
<meta content="utf-8" http-equiv="encoding" />
<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=Mukta:wght@300&display=swap" rel="stylesheet" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
</head>
<body class="vocabulary-manager">
<main>
<h1>Vocabulary Manager</h1>
<p>
This is a little tool that I wrote for myself because managing my vocabulary lists got out of hand. Also try my
<a href="/manual-list-sorter.html">Manual List Sorter</a>.
</p>
<h2>Input:</h2>
<span>Enter your words/phrases <small>(separated by new line and/or comma)</small>:</span>
<textarea placeholder="example, example">
Lorem,ipsum,dolor,sit,amet,consetetur,sadipscing,elitr,sed,diam,nonumy,eirmod,tempor,invidunt,ut,labore,et,dolore,magna,aliquyam,erat,sed,diam,voluptua.,at,vero,eos,et,accusam,et,justo,duo,dolores,et,ea,rebum.,stet,clita,kasd,gubergren,no,sea,takimata,sanctus,est,Lorem,ipsum,dolor,sit,amet.</textarea
>
<label><input type="checkbox" id="sort" checked="true" /> Sort alphabetically</label><br />
<label><input type="checkbox" id="lowercase" checked="true" /> Change all to lowercase</label><br />
<label><input type="checkbox" id="removePunctuation" checked="true" /> Remove punctuation <small>(.;!?"')</small></label
><br />
<label><input type="checkbox" id="removeDuplicates" checked="true" /> Remove duplicates</label><br />
<div class="wrap wrap-removeDuplicates" style="padding-left: 1.5em">
<label
><input type="checkbox" id="removeAdverbDuplicates" /> Attempt to remove English adverb duplicates <small>(e.g. happy, <s>happily</s>)</small></label
><br />
<label
><input type="checkbox" id="removePluralDuplicates" /> Attempt to remove English plural/3rd person duplicates <small>(e.g. car, <s>cars</s>; smile, <s>smiles</s>)</small></label
><br />
<label
><input type="checkbox" id="removeGerundDuplicates" /> Attempt to remove English gerund (-ing) duplicated <small>(e.g. drive, <s>driving</s>)</small></label
><br />
</div>
<label><input type="checkbox" id="maxWords" checked="true" /> Generate multiple lists of n words</label><br />
<div class="wrap wrap-maxWords" style="padding-left: 1.5em">
<label><input type="number" id="maxWordsN" value="20" style="max-width: 5em" min="2" /> max. words per list</label><br />
<label><input type="checkbox" id="randomizeOrder" /> Randomize order before splitting</label><br />
</div>
<label><input type="checkbox" id="removeWords" /> Remove certain words</label><br />
<div class="wrap wrap-removeWords" style="padding-left: 1.5em">
<textarea id="wordsToRemove" placeholder="example, example" style="min-height: 150px"></textarea>
</div>
<br />
<div class="wrap separator-wrap">
<span>Separate words in output with <small>(leave empty for new line)</small>:</span>
<input type="text" id="separator" value="," />
</div>
<h2>Output:</h2>
<button type="submit" id="go"><span>Generate</span></button>
<!-- <button type="submit" id="copy"><span>Copy</span></button> -->
<p style="user-select: none">Number of items: <b id="outputNumber">?</b>. Number of removed items: <b id="outputRemovedNumber">?</b>. Number of lists: <b id="outputLists">?</b>.</p>
<br />
<div id="output" style="word-wrap: anywhere; font-size: 0.8em; line-height: 1"></div>
</main>
<div class="back-link" aria-hidden="true"><a href="/">⮪</a></div>
</body>
</html>