-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (82 loc) · 5.74 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
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/webfonts/webfonts.css">
<link rel="stylesheet" href="css/index.css">
<script src="js/langs.js"></script>
<script src="js/listen.js"></script>
<script src="js/clip.js"></script>
<script src="js/init.js"></script>
</head>
<body>
<div class="title">
<div class="button left" id="closeButton">
<i class="material-icons">close</i>
</div>
<div class="button right" id="settingsButton">
<i class="material-icons">settings</i>
</div>
<h1>clipd</h1>
</div>
<div class="content" data-activemode="chars">
<div class="listarea">
<ul>
<div class="empty-message">
There's nothing here!
</div>
</ul>
</div>
<div class="details"></div>
</div>
<div class="settingsPanel">
<hr data-label="behavior">
<input type="checkbox" id="showsOnLaunch">
<label for="showsOnLaunch">Show window at launch</label>
<button id="launchAtLogin">Launch clipd at login…</button>
<hr data-label="appearance">
<input type="checkbox" id="opaque">
<label for="opaque">Disable window transparency</label>
<input type="checkbox" id="disableHover">
<label for="disableHover">Disable hover effect</label>
<hr data-label="new clips">
<input type="checkbox" id="trimClips">
<label for="trimClips">Trim whitespace from clips</label>
<input type="checkbox" id="noWhitespace">
<label for="noWhitespace">Ignore whitespace-only clips</label>
<hr data-label="language detection">
<div class="help">Clipd attempts to automatically determine the language of clips using highlight.js. Primary languages should contain a comma-separated list of languages to test for. When a language is tested, a relevance is given which quantifies how well the clip fits that language. If no language meets the required relevance, the clip will be considered plaintext. To disable language detection, set the required relevance to -1.</div>
<input type="text" id="primaryLanguages">
<label for="primaryLanguages">Primary languages</label>
<input type="number" min="-1" max="255" id="requiredRelevance">
<label for="requiredRelevance">Required relevance</label>
<hr data-label="syntax highlighting">
<select id="codeHighlight">
<option>agate</option><option>androidstudio</option><option>arta</option><option>ascetic</option><option>atelier-cave.dark</option><option>atelier-cave.light</option><option>atelier-dune.dark</option><option>atelier-dune.light</option><option>atelier-estuary.dark</option><option>atelier-estuary.light</option><option>atelier-forest.dark</option><option>atelier-forest.light</option><option>atelier-heath.dark</option><option>atelier-heath.light</option><option>atelier-lakeside.dark</option><option>atelier-lakeside.light</option><option>atelier-plateau.dark</option><option>atelier-plateau.light</option><option>atelier-savanna.dark</option><option>atelier-savanna.light</option><option>atelier-seaside.dark</option><option>atelier-seaside.light</option><option>atelier-sulphurpool.dark</option><option>atelier-sulphurpool.light</option><option>codepen-embed</option><option>color-brewer</option><option>dark</option><option>darkula</option><option>default</option><option>docco</option><option>far</option><option>foundation</option><option>github-gist</option><option>github</option><option>googlecode</option><option>grayscale</option><option>hopscotch</option><option>hybrid</option><option>idea</option><option>ir_black</option><option>kimbie.dark</option><option>kimbie.light</option><option>magula</option><option>mono-blue</option><option>monokai_sublime</option><option>monokai</option><option>obsidian</option><option>paraiso.dark</option><option>paraiso.light</option><option>pojoaque</option><option>railscasts</option><option>rainbow</option><option>solarized_dark</option><option>solarized_light</option><option>sunburst</option><option>tomorrow-night-blue</option><option>tomorrow-night-bright</option><option>tomorrow-night-eighties</option><option>tomorrow-night</option><option>tomorrow</option><option>vs</option><option>xcode</option><option>zenburn</option>
</select>
<label for="codeHighlight">Color scheme</label>
<input type="checkbox" id="codeDark">
<label for="codeDark">Use dark theme</label>
<input type="checkbox" id="codeWraps">
<label for="codeWraps">Word wrap long lines</label>
<hr data-label="clipboard updates">
<div class="help">Clipd works by checking the clipboard every so often for changes. These values determine the delay in seconds between checks, for when the clipd window is showing, and when it is hidden.</div>
<input type="number" min="1" max="360" id="foregroundDelay">
<label for="foregroundDelay">Update delay when clipd window showing</label>
<input type="number" min="1" max="360" id="backgroundDelay">
<label for="backgroundDelay">Update delay when clipd window hidden</label>
<hr data-label="danger zone">
<button id="clearDefaults" class="danger">Reset all settings to defaults…</button>
<button id="clearAll" class="danger">Clear all data and quit…</button>
<hr data-label="info">
<button id="showLicenses" onclick="showOSL()">Open source licenses…</button>
<button id="github" onclick="gui.Shell.openExternal('https://github.com/bleush38p/clipd')">Show clipd on Github</button>
<button id="feedback" onclick="gui.Shell.openExternal('https://github.com/bleush38p/clipd/issues')">Feedback</button>
<div id="launchAtLoginOverlay">
<p>To launch clipd at login, right click clipd on the<br>Dock and select Options → Open at Login.<br><br>(click to close)</p>
</div>
</div>
<script src="js/index.js"></script>
</body>
</html>