Hugging Face's logo

Spaces:
pols
/
Bubble_Prompter
Running

App Files Community
1
Bubble_Prompter
File size: 3,785 Bytes 
481fc87
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
cf9648a
481fc87
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
d9abb7e
481fc87
 
 
d9abb7e
481fc87
 
 
 
 
 
 
 
 
 
 
 
d9abb7e
 
481fc87
 
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
 
<!DOCTYPE html>
<html>

<head>
  <title>Bubble Prompter</title>
  <meta name="license" content="CC BY-NC 4.0" />
  <meta name="author" content="pols" />
  <meta name="attribution" content="pols" />
  <link rel="attribution" href="https://huggingface.co/pols" />
  <link rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/" />
  <link rel="stylesheet" type="text/css" href="styles.css">
  <link href='https://fonts.googleapis.com/css?family=Signika' rel='stylesheet'>
  <meta charset="UTF-8">
  
</head>
<body>


<div>
  <div class="Searchers">
    <div class="Group-tags">
      <button id="category-dropdown-button" title="Tags classified by categories" class="buttons">🗃️</button>
      <div id="category-dropdown" class="category-dropdown hidden">
        <!-- The categories and words will be loaded here dynamically -->
      </div>
        <button id="random-word-button" title="Add random tag" class="buttons">🎲</button>
    </div>
  <div class="autocomplete-container">
      <input type="text" id="autocomplete-input" placeholder="🔎...">
      <div id="autocomplete-list" class="autocomplete-items"></div>
  </div>
</div>

  <div class="container">    
    <textarea id="input-text" placeholder="Write, paste or drop your .txt here" class="text-container"></textarea>
 </div>                                                             
                                                            
  <table>
	<tbody>
		<tr>
			<td><button id="replace-spaces-button" title="Divide text into bubbles
Replace ' ' with ', '" class="buttons">💔</button></td>
			<td><button id="revert-spaces-button" title="Combine all
Replace ', ' with ' '" class="buttons">🩹</button></td>
		</tr>
		<tr>
			<td><button id="revert-underscore-button" title="Recall underscores
Replace ' ' with '_'" class="buttons">🔮</button></td>
			<td><button id="replace-underscore-button" title="Exile underscores from tags
Replace '_' with ' '" class="buttons">👻</button></td>
		</tr>
		<tr>
			<td><button id="literal-parenthesis-button" title="Make parenthesis literal" class="buttons">🪶</button></td>
			<td><button id="fictional-parenthesis-button" title="Make parenthesis fictional" class="buttons">✒️</button></td>
		</tr>
		<tr>
			<td><button id="replace-commas-button" title="Clean up orphan commas" class="buttons">🧼</button></td>
			<td><button id="replace-linebreaks-button" title="Repair linebreaks" class="buttons">🔧</button></td>
		</tr>
		<tr>
			<td><button id="load-text-file-button" title="Import text from .txt" class="buttons">📎</button></td>
			<td><button id="remove-duplicates-button" title="Merge duplicate bubbles" class="buttons">🧲</button></td>
		</tr>
		<tr>
			<td><button id="download-text-file-button" title="Save text to .txt" class="buttons">💾</button></td>
			<td><button id="copy-button" title="Copy text to clipboard" class="buttons">📋</button></td>
		</tr>
	</tbody>
</table>

<div class="center">
      <button id="undo-button" title="Undo" class="buttons">↩</button>
      <button id="mitigate-mode-button" title="Mitigate Mode
Click on the bubbles to decrease the emphasis" class="buttons">🧊</button>
      <button id="delete-mode-button" title="Delete Mode
Click on the bubbles to remove them" class="buttons">♻️</button>
      <button id="emphasis-mode-button" title="Emphasis Mode
Click on the bubbles to increase the emphasis" class="buttons">🔥</button>
      <button id="redo-button" title="Redo" class="buttons">↪</button>
    </div>  
<div class="center" id="bubble-container">
</div>

  
  <script src="Sortable.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.13.0/Sortable.min.js"></script>
  <script src="script.js"></script>

  
</body>


</html>