-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtumblr-tag-list-tool.html
51 lines (43 loc) · 2.44 KB
/
tumblr-tag-list-tool.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
<!DOCTYPE html>
<html>
<head>
<title>Tumblr Tag List Tool</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="tumblr-tag-list-tool">
<main>
<h1>Tumblr Tag List Tool</h1>
<p>This is a little tool to easily create tag lists you can share anywhere.</p>
<h2>Generate a tag list:</h2>
<span>Enter the username of the blog <small>(or leave empty for all of tumblr)</small>:</span>
<input type="text" id="url" placeholder="my-cool-blog" />
<span>Enter your tags <small>(separated by new line or comma)</small>:</span>
<textarea placeholder="example 1, example2">example 1, example2</textarea>
<label><input type="checkbox" id="useSearch" /> Use /search/ instead of /tagged/ <small>(for more but vaguer results)</small></label>
<label><input type="checkbox" id="addHashtags" checked /> Output "#" in front of each tag</label>
<label><input type="checkbox" id="groupTags" /> Group Tags <small>(Put an empty line after each group!)</small></label>
<div class="wrap group-tags-wrap">
<label><input type="checkbox" id="headings" /> Use Group Headings <small>(first line of each group)</small></label>
</div>
<label><input type="checkbox" id="eachTagInNewLine" checked /> Output each tag in a new line</label>
<div class="wrap separator-wrap">
<span>Separate tags in output with:</span>
<input type="text" id="separator" value=" " />
</div>
<span><small>Just copy everything below and paste it into a pinned post or anywhere else.</small></span>
<!-- <button type="submit" id="go"><span>Generate</span></button> -->
<p id="warning"></p>
<div id="output"></div>
</main>
<div class="back-link" aria-hidden="true"><a href="/">⮪</a></div>
</body>
</html>