blob: 931a5164e48f7c01737d46f416d3aec613159c01 (
plain)
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
|
{%
if site.safe == false %}{%
assign url_root = "/" %}{% else %}{%
assign url_root = "/inter/" %}{% endif %}{%
for file in site.static_files %}{%
assign _path = file.path | remove_first: "/inter" %}{%
if _path == "/res/ctxedit.js" %}{%
assign ctxedit_js_v = file.modified_time | date: "%Y%m%d%H%M%S" %}{%
elsif _path == "/res/ctxedit.css" %}{%
assign ctxedit_css_v = file.modified_time | date: "%Y%m%d%H%M%S" %}{%
endif %}{%
endfor
%}
<link rel="stylesheet" href="{{url_root}}res/ctxedit.css?v={{ ctxedit_css_v }}">
<div id="ctxedit-ui" class="styled-inputs-neg" contenteditable="false" tabindex="1">
<div class="wrapper">
<div class="control popup">
<select data-binding="style">
<option value="thin">Thin</option>
<option value="extra-light">Extra Light</option>
<option value="light">Light</option>
<option value="regular" default selected>Regular</option>
<option value="medium">Medium</option>
<option value="semi-bold">Semi Bold</option>
<option value="bold">Bold</option>
<option value="extra-bold">Extra Bold</option>
<option value="black">Black</option>
<option disabled>————————————</option>
<option value="thin-italic">Thin Italic</option>
<option value="extra-light-italic">Extra Light Italic</option>
<option value="light-italic">Light Italic</option>
<option value="italic">Italic</option>
<option value="medium-italic">Medium Italic</option>
<option value="semi-bold-italic">Semi Bold Italic</option>
<option value="bold-italic">Bold Italic</option>
<option value="extra-bold-italic">Extra Bold Italic</option>
<option value="black-italic">Black Italic</option>
</select>
</div>
<div class="control range">
<img title="Size" class="icon" src="icons/font-size.svg">
<input type="range" min="8" max="150" step="1" data-binding="size">
</div>
<div class="control range">
<img title="Tracking/letter-spacing in EM" class="icon" src="icons/letter-spacing.svg">
<input type="range" min="-0.1" max="0.1" step="0.001" data-binding="tracking">
</div>
<div class="control range">
<img title="Line height" class="icon" src="icons/line-height.svg">
<input type="range" value="1.2" min="0.7" max="2" step="0.01" data-binding="lineHeight">
</div>
<!-- <div class="control color">
<input type="color" value="#111" data-binding="color">
</div> -->
<!-- <div class="control button features-button" title="Features..."></div> -->
<div class="control button reset-button" title="Reset"></div>
<div class="control button dismiss-button" title="Close editor"></div>
</div>
</div>
<script src="{{url_root}}res/ctxedit.js?v={{ ctxedit_js_v }}"></script>
|
