-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
246 lines (244 loc) · 21.1 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="./css.css" rel="stylesheet">
<link href="./icon/css/all.min.css" rel="stylesheet">
<link href="md/default.min.css" rel="stylesheet">
<script src="./ace/ace.js"></script>
<script src="./ace/ext-language_tools.js"></script>
</head>
<body>
<script src="md/lute.min.js"></script>
<script src="./require.js"></script>
<script src="md/highlight.min.js"></script>
<script src="md/emoji.js"></script>
<div class="body">
<div class="header">
<div id="open" onclick="openmd();">
<svg class="icon" height="200" p-id="3280" t="1661749999564"
version="1.1" viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M757.938 202H567c-24.852 0-45-20.148-45-45S542.148 112 567 112h300c24.852 0 45 20.148 45 45v300c0 24.852-20.148 45-45 45S822 481.852 822 457v-191.78L540.73 544.91c-17.622 17.524-46.116 17.444-63.64-0.18-17.524-17.622-17.444-46.116 0.18-63.64L757.938 202zM867 652c24.852 0 45 20.148 45 45V762c0 82.842-67.158 150-150 150H262c-82.842 0-150-67.158-150-150V262c0-82.842 67.158-150 150-150h65c24.852 0 45 20.148 45 45S351.852 202 327 202H262c-33.138 0-60 26.862-60 60v500c0 33.138 26.862 60 60 60h500c33.138 0 60-26.862 60-60v-65c0-24.852 20.148-45 45-45z"
p-id="3281"></path>
</svg>
</div>
<div id="save" onclick="savemd();">
<svg class="icon" height="200" p-id="2367" t="1661749727396"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M665.6 332.8 665.6 128C665.6 113.86151 654.13849 102.4 640 102.4 625.86151 102.4 614.4 113.86151 614.4 128L614.4 332.8C614.4 346.93849 625.86151 358.4 640 358.4 654.13849 358.4 665.6 346.93849 665.6 332.8L665.6 332.8ZM640 51.2 819.2 51.2 793.6 25.6 793.6 384.133545C793.6 426.406699 759.102946 460.8 716.727898 460.8L281.672102 460.8C239.236715 460.8 204.8 426.413438 204.8 384.133545L204.8 25.6C204.8 11.46151 193.33849 0 179.2 0 165.06151 0 153.6 11.46151 153.6 25.6L153.6 384.133545C153.6 454.707134 210.976425 512 281.672102 512L716.727898 512C787.345461 512 844.8 454.718257 844.8 384.133545L844.8 25.6 844.8 0 819.2 0 640 0C625.86151 0 614.4 11.46151 614.4 25.6 614.4 39.73849 625.86151 51.2 640 51.2L640 51.2Z"
p-id="2368"></path>
<path
d="M844.8 972.8 128.081132 972.8C85.544157 972.8 51.2 938.575806 51.2 896.163853L51.2 100.711064 51.2 25.6 25.6 51.2 102.4 51.2 896.233363 51.2C938.580175 51.2 972.8 85.414085 972.8 127.868001L972.8 998.4C972.8 1012.53849 984.26151 1024 998.4 1024 1012.53849 1024 1024 1012.53849 1024 998.4L1024 127.868001C1024 57.135182 966.85523 0 896.233363 0L102.4 0 25.6 0 0 0 0 25.6 0 100.711064 0 896.163853C0 966.892966 57.307204 1024 128.081132 1024L844.8 1024C858.93849 1024 870.4 1012.53849 870.4 998.4 870.4 984.26151 858.93849 972.8 844.8 972.8L844.8 972.8Z"
p-id="2369"></path>
</svg>
</div>
<div id="min" onclick="min();">
<svg class="icon" height="500" p-id="5752" t="1668688923945" version="1.1"
viewBox="0 0 1024 1024" width="500" xmlns="http://www.w3.org/2000/svg">
<path d="M929.8 528.1H93.5c-15.5 0-28-12.5-28-28s12.5-28 28-28h836.3c15.5 0 28 12.5 28 28s-12.5 28-28 28z"
fill="#000000" p-id="5753"></path>
</svg>
</div>
<div id="max" onclick="max();">
<svg class="icon" height="200" p-id="7666" t="1661710846548"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M855 160.1l-189.2 23.5c-6.6 0.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5c-3.1 3.1-3.1 8.2 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7c4.7 4.7 12.7 1.9 13.5-4.7L863.9 169c0.7-5.2-3.7-9.6-8.9-8.9zM416.6 562.3c-3.1-3.1-8.2-3.1-11.3 0L251.8 715.9l-54.7-54.7c-4.7-4.7-12.7-1.9-13.5 4.7L160.1 855c-0.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-0.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
p-id="7667"></path>
</svg>
</div>
<div id="close" onclick="winclose();">
<svg class="icon" height="500" p-id="2687" t="1668688768960" version="1.1"
viewBox="0 0 1024 1024" width="500" xmlns="http://www.w3.org/2000/svg">
<path d="M557.3 512l329.3-329.4a32 32 0 1 0-45.2-45.2L512 466.7 182.6 137.4a32 32 0 1 0-45.2 45.2L466.7 512 137.4 841.4a31.9 31.9 0 0 0 0 45.2 31.9 31.9 0 0 0 45.2 0L512 557.3l329.4 329.3a31.9 31.9 0 0 0 45.2 0 31.9 31.9 0 0 0 0-45.2z"
fill="#000000" p-id="2688"></path>
</svg>
</div>
</div>
<main style="
-webkit-app-region: no-drag;
width: 100%;
height: calc(100% - 40px);
display: flex;
margin-top: 40px;
">
<div class="left-nav">
<div id="nav_light"></div>
<div class="nav-btn">
<i class="fas fa-home"></i>
<p>主页</p>
</div>
<!-- <div class="nav-btn">
<i class="fas fa-cog"></i>
<p>设置</p>
</div> -->
</div>
<!--<div class="left-list" style="width: 230px;"></div>-->
<div id="main">
<div class="md-pre">
<div id="editor" class="md-input ace_editor"
oninput="onMarkdown(this)"></div>
<pre id="md-output" class="md-output" placeholder="" spellcheck="false"></pre>
</div>
<div class="md-header">
<button class="button emojis-icon" title="表情">
<svg class="icon" height="200" p-id="3125" t="1661345414268"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M512 16C238 16 16 238 16 512s222 496 496 496 496-222 496-496S786 16 512 16z m282.8 778.8c-75.6 75.6-176 117.2-282.8 117.2s-207.2-41.6-282.8-117.2S112 618.8 112 512s41.6-207.2 117.2-282.8S405.2 112 512 112s207.2 41.6 282.8 117.2S912 405.2 912 512s-41.6 207.2-117.2 282.8zM672 448c35.4 0 64-28.6 64-64s-28.6-64-64-64-64 28.6-64 64 28.6 64 64 64z m-320 0c35.4 0 64-28.6 64-64s-28.6-64-64-64-64 28.6-64 64 28.6 64 64 64z m388.8 128H283.2c-16.4 0-29 14-27 30 15 118.4 117.8 210 242.2 210h27.2c124.4 0 227.2-91.6 242.2-210 2-16-10.6-30-27-30z"
p-id="3126"></path>
</svg>
</button>
<button class="button fout-size" title="字号">
<svg class="icon" height="200" p-id="5571" t="1661347334397"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path d="M235.5 871.691v-740h98v304h385v-304h98v740h-98v-349h-385v349h-98z"
p-id="5572"></path>
</svg>
</button>
<button class="button bold" title="加粗">
<svg class="icon" height="200" p-id="6475" t="1661348325435"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M136.562347 0m68.266666 0l0 0q68.266667 0 68.266667 68.266667l0 887.466666q0 68.266667-68.266667 68.266667l0 0q-68.266667 0-68.266666-68.266667l0-887.466666q0-68.266667 68.266666-68.266667Z"
fill="#4D4D4D" p-id="6476"></path>
<path
d="M563.229013 136.533333a153.6 153.6 0 0 1 0 307.2H273.09568V136.533333h290.133333m0-136.533333H225.309013A88.746667 88.746667 0 0 0 136.562347 88.746667v486.058666a4.778667 4.778667 0 0 0 5.461333 5.461334h421.205333a290.133333 290.133333 0 0 0 0-580.266667z"
fill="#4D4D4D" p-id="6477"></path>
<path
d="M597.362347 580.266667a153.6 153.6 0 0 1 0 307.2H273.09568V580.266667h324.266667m0-136.533334H136.562347v506.538667A73.728 73.728 0 0 0 210.290347 1024h387.072a290.133333 290.133333 0 0 0 0-580.266667z"
fill="#4D4D4D" p-id="6478"></path>
</svg>
</button>
<button class="button italic" title="斜体">
<svg class="icon" height="200" p-id="7392" t="1661348422936"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M329.649231 72.625231h510.739692L820.066462 177.230769H626.845538l-137.216 709.553231H682.929231l-20.322462 104.605538H151.788308l20.322461-104.605538H364.701538L502.547692 177.230769H309.326769z"
fill="#333333" p-id="7393"></path>
</svg>
</button>
<button class="button del" title="删除线">
<svg class="icon" height="200" p-id="8743" t="1661348563840"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M968 542.9V481c0-1.7-0.5-3-2.3-3H571.6l-0.5-0.1c-10.7-2.1-21.6-4.2-32.5-6.2-16.9-3.1-23.2-4.3-31.8-6-53.1-10.4-85.4-20.7-111.6-35.8-37.9-22.1-56.3-52.2-56.3-92 0-39.7 16.4-72.8 47.3-95.7 30.1-22.3 72.8-34 123.3-34 57.8 0 102.6 15.3 133.1 45.5 15.6 15.4 27.1 34.3 34 56.2 1.6 4.9 3.1 11.4 4.6 18.8 0.5 2.5 2.7 4.3 5.3 4.3h75c2.9 0 5.4-2.3 5.4-5.2v-0.8c-1-6.8-1.3-12.1-2-15.9-7.3-43.8-28-82-59.9-110.8-44.7-40.8-110.8-62.4-191-62.4-73.4 0-139.4 18.3-185.9 51.5-25.8 18.6-45.6 41.4-58.8 67.9-13.4 27.2-20.3 58.7-20.3 93.5 0 29.5 5.6 54.5 17.2 76.5 8.2 15.5 19.3 29.2 34 41.9l10.2 8.8H59.2c-1.8 0-4.2 1.4-4.2 3.1V543c0 1.8 2.4 3 4.2 3h446.7l0.5 0.2c1.3 0.3 2.6 0.6 3.8 0.8 0.8 0.2 1.5 0.3 2.3 0.5 33 6.6 51.7 10.9 69 15.8 24.3 6.9 42.8 14.1 58 22.6 38.7 21.8 57.5 53.2 57.5 96 0 37.9-16.6 71.8-46.8 95.4-32.2 25.2-79.7 38.6-137.5 38.6-45.6 0-84.6-8.9-116-26.4-30.9-17.3-52.4-42.3-63.8-74.3-0.9-2.4-1.8-5.8-2.9-9.9-0.6-2.3-2.8-4.3-5.2-4.3h-82.1c-3 0-5.7 3-5.7 6v0.8c0 2.2 0.5 4.1 0.7 5.4 6.5 48.9 30.4 89 70.9 119 47.6 35.2 115 53.8 194.6 53.8 85.6 0 157.4-20.1 207.3-58 25-18.9 44.3-42.2 57.3-69.3 13.1-27.4 19.8-58.4 19.8-92.1 0-32-5.8-58.6-17.8-81.5-5.7-11.1-13-21.4-21.7-30.7l-7.9-8.5h225.3c2 0.1 2.5-1.3 2.5-3z"
p-id="8744"></path>
</svg>
</button>
<button class="button url" title="链接">
<svg class="icon" height="200" p-id="9702" t="1661348649422"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M317.226667 382.122667c17.92 17.92 17.92 47.018667 0 64.938666L252.288 512l-6.314667 6.656a183.68 183.68 0 0 0-0.213333 246.186667l6.528 6.869333 6.613333 6.314667a183.68 183.68 0 0 0 246.229334 0.213333l6.869333-6.528 64.938667-64.938667a45.909333 45.909333 0 0 1 64.938666 64.938667l-64.938666 64.938667a275.456 275.456 0 0 1-396.757334-382.122667l7.168-7.466667 64.938667-64.938666c17.92-17.92 46.976-17.92 64.938667 0z m354.816-34.730667l4.565333 4.565333a42.666667 42.666667 0 0 1 0 60.373334l-264.277333 264.277333a42.666667 42.666667 0 0 1-60.373334 0l-4.565333-4.565333a42.666667 42.666667 0 0 1 0-60.373334l264.277333-264.277333a42.666667 42.666667 0 0 1 60.373334 0z m164.608-160.042667a275.498667 275.498667 0 0 1 7.168 382.122667l-7.168 7.466667-64.938667 64.938666a45.909333 45.909333 0 0 1-64.938667-64.938666L771.712 512l6.314667-6.656a183.68 183.68 0 0 0 0.213333-246.186667l-6.528-6.869333-6.613333-6.314667a183.68 183.68 0 0 0-246.229334-0.213333L512 252.288l-64.938667 64.938667a45.909333 45.909333 0 0 1-64.938666-64.938667l64.938666-64.938667a275.456 275.456 0 0 1 389.589334 0z"
p-id="9703"></path>
</svg>
</button>
</div>
<div class="md-h">
<button class="button button-h1" title="H1">
<svg class="icon" height="200" p-id="1643" t="1661584193218"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M835.626667 349.397333A42.666667 42.666667 0 0 1 853.333333 384v426.666667a42.666667 42.666667 0 0 1-85.333333 0v-367.488l-71.850667 23.978666a42.666667 42.666667 0 0 1-26.965333-80.981333l128-42.666667a42.666667 42.666667 0 0 1 38.4 5.888zM128 170.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v256h256V213.333333a42.666667 42.666667 0 1 1 85.333333 0v597.333334a42.666667 42.666667 0 1 1-85.333333 0v-256H170.666667v256a42.666667 42.666667 0 1 1-85.333334 0V213.333333a42.666667 42.666667 0 0 1 42.666667-42.666666z"
p-id="1644"></path>
</svg>
</button>
<button class="button button-h2" title="H2">
<svg class="icon" height="200" p-id="1784" t="1661584225782"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M768 426.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v21.333333a42.666667 42.666667 0 1 1-85.333334 0V512a170.666667 170.666667 0 0 1 170.666667-170.666667h7.338667a163.328 163.328 0 0 1 115.498666 278.869334L742.997333 768H896a42.666667 42.666667 0 1 1 0 85.333333h-256a42.666667 42.666667 0 0 1-30.165333-72.832l220.672-220.672A77.994667 77.994667 0 0 0 775.338667 426.666667H768zM128 170.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v256h256V213.333333a42.666667 42.666667 0 1 1 85.333333 0v597.333334a42.666667 42.666667 0 1 1-85.333333 0v-256H170.666667v256a42.666667 42.666667 0 1 1-85.333334 0V213.333333a42.666667 42.666667 0 0 1 42.666667-42.666666z"
p-id="1785"></path>
</svg>
</button>
<button class="button button-h3" title="H3">
<svg class="icon" height="200" p-id="1927" t="1661584282034"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M597.333333 384a42.666667 42.666667 0 0 1 42.666667-42.666667h256a42.666667 42.666667 0 0 1 30.165333 72.832l-105.941333 105.984A170.752 170.752 0 0 1 768 853.333333a170.666667 170.666667 0 0 1-160.938667-113.877333 42.666667 42.666667 0 0 1 80.469334-28.373333A85.333333 85.333333 0 1 0 768 597.333333h-42.666667a42.666667 42.666667 0 0 1-30.165333-72.832L793.002667 426.666667H640a42.666667 42.666667 0 0 1-42.666667-42.666667zM128 170.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v256h256V213.333333a42.666667 42.666667 0 1 1 85.333333 0v597.333334a42.666667 42.666667 0 1 1-85.333333 0v-256H170.666667v256a42.666667 42.666667 0 1 1-85.333334 0V213.333333a42.666667 42.666667 0 0 1 42.666667-42.666666z"
p-id="1928"></path>
</svg>
</button>
<button class="button button-h4" title="H4">
<svg class="icon" height="200" p-id="2070" t="1661584428211"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M780.714667 343.296a42.666667 42.666667 0 0 1 28.032 53.418667L719.36 682.666667H896a42.666667 42.666667 0 1 1 0 85.333333h-234.666667a42.666667 42.666667 0 0 1-40.704-55.381333l106.666667-341.333334a42.666667 42.666667 0 0 1 53.418667-27.989333z"
p-id="2071"></path>
<path
d="M853.333333 554.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v213.333334a42.666667 42.666667 0 1 1-85.333333 0v-213.333334a42.666667 42.666667 0 0 1 42.666666-42.666666zM128 170.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v256h256V213.333333a42.666667 42.666667 0 1 1 85.333333 0v597.333334a42.666667 42.666667 0 1 1-85.333333 0v-256H170.666667v256a42.666667 42.666667 0 1 1-85.333334 0V213.333333a42.666667 42.666667 0 0 1 42.666667-42.666666z"
p-id="2072"></path>
</svg>
</button>
<button class="button button-h5" title="H5">
<svg class="icon" height="200" p-id="2212" t="1661584520825"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M683.946667 373.674667A42.666667 42.666667 0 0 1 725.333333 341.333333h170.666667a42.666667 42.666667 0 1 1 0 85.333334h-137.301333l-22.016 88.234666A170.666667 170.666667 0 1 1 640 795.562667a42.666667 42.666667 0 1 1 64-56.448 85.333333 85.333333 0 1 0 0-112.896 42.666667 42.666667 0 0 1-73.386667-38.528l53.333334-214.016zM128 170.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v256h256V213.333333a42.666667 42.666667 0 1 1 85.333333 0v597.333334a42.666667 42.666667 0 1 1-85.333333 0v-256H170.666667v256a42.666667 42.666667 0 1 1-85.333334 0V213.333333a42.666667 42.666667 0 0 1 42.666667-42.666666z"
p-id="2213"></path>
</svg>
</button>
<button class="button button-h6" title="H6">
<svg class="icon" height="200" p-id="2355" t="1661584579028"
version="1.1"
viewBox="0 0 1024 1024" width="200" xmlns="http://www.w3.org/2000/svg">
<path
d="M831.274667 303.957333a42.666667 42.666667 0 0 1 16.725333 57.984l-83.498667 151.466667a170.453333 170.453333 0 0 1 88.746667 22.741333 169.557333 169.557333 0 0 1 62.506667 232.277334 171.093333 171.093333 0 0 1-232.96 62.165333 169.557333 169.557333 0 0 1-62.805334-231.850667l153.301334-278.016a42.666667 42.666667 0 0 1 57.984-16.768z m-20.48 306.176a85.76 85.76 0 0 0-116.736 31.018667 84.224 84.224 0 0 0 31.189333 115.456 85.76 85.76 0 0 0 116.736-31.018667 84.224 84.224 0 0 0-31.232-115.456zM128 170.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v256h256V213.333333a42.666667 42.666667 0 1 1 85.333333 0v597.333334a42.666667 42.666667 0 1 1-85.333333 0v-256H170.666667v256a42.666667 42.666667 0 1 1-85.333334 0V213.333333a42.666667 42.666667 0 0 1 42.666667-42.666666z"
p-id="2356"></path>
</svg>
</button>
</div>
</div>
</main>
</div>
<style>
</style>
<script src="./js.js"></script>
<script>edit_new('', 'ace/mode/markdown');
editor.getSession().on('change', function () {
onMarkdown()
});
onMarkdown()
function nav_light_move(n) {
for (let i = 1; i < document.getElementsByClassName('left-nav')[0].children.length; i++) {
if (i !== n + 1) {
document.getElementsByClassName('left-nav')[0].children[i].classList.add('can-hover')
document.getElementsByClassName('left-nav')[0].children[i].style.background = '#fff0';
document.getElementsByClassName('left-nav')[0].children[i].getElementsByTagName('i')[0].style.color = '#697070';
document.getElementsByClassName('left-nav')[0].children[i].getElementsByTagName('i')[0].style.transform = 'translate(-50%, -80%)';
document.getElementsByClassName('left-nav')[0].children[i].getElementsByTagName('p')[0].style.display = 'block';
} else {
document.getElementsByClassName('left-nav')[0].children[i].classList.remove('can-hover')
document.getElementsByClassName('left-nav')[0].children[i].style.background = '#fff';
document.getElementsByClassName('left-nav')[0].children[i].getElementsByTagName('i')[0].style.color = '#0268c0';
document.getElementsByClassName('left-nav')[0].children[i].getElementsByTagName('i')[0].style.transform = 'translate(-50%, -50%)';
document.getElementsByClassName('left-nav')[0].children[i].getElementsByTagName('p')[0].style.display = 'none';
}
}
document.getElementById('nav_light').style.top = (20 + n * 75 + 3).toString() + 'px'
}
nav_light_move(0)
for (let i = 1; i < document.getElementsByClassName('left-nav')[0].children.length; i++) {
document.getElementsByClassName('left-nav')[0].children[i].onclick = function () {
nav_light_move(i - 1);
}
}
</script>
</body>
</html>