-
Notifications
You must be signed in to change notification settings - Fork 39
/
Copy pathproject.mobirise
671 lines (671 loc) · 81.7 KB
/
project.mobirise
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
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
{
"settings": {
"name": "郑永川 简历",
"currentPage": "index.html",
"theme": {
"name": "mobirise4",
"title": "Mobirise 4",
"styling": {
"primaryColor": "#149dcc",
"secondaryColor": "#ff3366",
"successColor": "#F7ED4A",
"infoColor": "#82786E",
"warningColor": "#879A9F",
"dangerColor": "#B1A374",
"mainFont": "Rubik",
"display1Font": "Rubik",
"display1Size": 4.25,
"display2Font": "Rubik",
"display2Size": 3,
"display5Font": "Rubik",
"display5Size": 1.5,
"display7Font": "Rubik",
"display7Size": 1,
"display4Font": "Rubik",
"display4Size": 1,
"isRoundedButtons": true,
"isAnimatedOnScroll": false,
"isScrollToTopButton": false
},
"additionalSetColors": []
},
"path": "@PROJECT_PATH@",
"siteFonts": [],
"versionFirst": "4.7.6",
"uniqCompNum": 6,
"versionPublish": "4.8.2",
"screenshot": "screenshot.png",
"favicon": "@PROJECT_PATH@/assets/images/logomakr-3sxxzw-128x128.png",
"noImageResize": ""
},
"pages": {
"index.html": {
"settings": {
"main": true,
"title": "个人简历",
"meta_descr": "",
"header_custom": "",
"footer_custom": "",
"html_before": ""
},
"components": [
{
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)"
},
"& when (@bg-type = 'color')": {
"background": "linear-gradient(45deg, @bg-value, @color2)"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
".mbr-text, .mbr-section-btn": {
"text-align": "center"
}
},
"_name": "header5",
"_customHTML": "<section class=\"header5\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Show Buttons\" name=\"showButtons\">\n <input type=\"checkbox\" title=\"Show Arrow\" name=\"showArrow\" checked>\n\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/img/03.jpg\" parallax selected>\n <input type=\"color\" title=\"Background Color\" value=\"#6576aa\">\n <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n </fieldset>\n <input type=\"color\" name=\"color2\" title=\"Color2\" value=\"#465052\" condition=\"bg.type=='color'\" selected>\n\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n <div class=\"container\">\n <div class=\"row justify-content-center\">\n <div class=\"mbr-white col-md-10\">\n <h1 class=\"mbr-section-title align-center pb-3 mbr-fonts-style\" mbr-theme-style=\"display-1\" mbr-if=\"showTitle\">郑永川</h1>\n <p class=\"mbr-text align-center display-5 pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">实习项目、科研项目以及个人项目介绍。</p>\n <div class=\"mbr-section-btn align-center\" mbr-buttons mbr-theme-style=\"display-4\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\">\n <a class=\"btn btn-md btn-secondary\" href=\"https://mobirise.com\">LEARN MORE</a>\n <a class=\"btn btn-md btn-white-outline\" href=\"https://mobirise.com\">LIVE DEMO</a>\n </div>\n </div>\n </div>\n </div>\n\n <div mbr-if=\"showArrow\" class=\"mbr-arrow hidden-sm-down\" aria-hidden=\"true\">\n <a href=\"#next\">\n <i class=\"mbri-down mbr-iconfont\"></i>\n </a>\n </div>\n</section>",
"_cid": "r3mcMCaeWf",
"_anchor": "header5-3",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value",
"& when (@gradientBg)": {
"background": "linear-gradient(45deg, @bg-value, @color2)"
}
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@reverseContent)": {
".media-container-row": {
"flex-direction": "row-reverse"
}
},
".mbr-figure": {
"@media (min-width: 992px)": {
"padding-right": "4rem",
"& when (@reverseContent)": {
"padding-right": "0",
"padding-left": "4rem"
}
},
"@media (max-width: 991px)": {
"padding-bottom": "3rem"
}
},
".mbr-text": {
"@media (max-width: 767px)": {
"text-align": "center"
}
},
"H1": {
"text-align": "left"
},
"H3": {
"text-align": "left"
},
".mbr-text, .mbr-section-btn": {
"text-align": "left"
},
"DIV": {
"text-align": "left"
}
},
"_name": "header3",
"_customHTML": "<section class=\"header3\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n \n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubTitle\" checked>\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Show Buttons\" name=\"showButtons\">\n <input type=\"range\" inline title=\"Media Size\" name=\"mediaSize\" min=\"10\" max=\"200\" step=\"5\" value=\"50\">\n <input type=\"checkbox\" title=\"Media On Left/Right\" name=\"reverseContent\" checked>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background4.jpg\" parallax>\n <input type=\"color\" title=\"Background Color\" value=\"#465052\" selected>\n <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n </fieldset>\n\n <input type=\"checkbox\" title=\"Gradient\" name=\"gradientBg\" condition=\"bg.type == 'color'\" checked>\n <input type=\"color\" title=\"Color 2\" name=\"color2\" value=\"#b2ccd2\" condition=\"gradientBg\">\n \n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div class=\"container\">\n <div class=\"media-container-row\">\n <div class=\"mbr-figure\" mbr-style=\"{'width': mediaSize + '%'}\">\n <img src=\"@PROJECT_PATH@/assets/images/1-2.gif\" alt=\"Mobirise\" title>\n </div>\n\n <div class=\"media-content\">\n <h1 class=\"mbr-section-title mbr-white pb-3 mbr-fonts-style\" mbr-if=\"showTitle\" mbr-theme-style=\"display-2\">游戏场景任意破坏与重建算法研究 </h1>\n <h3 class=\"mbr-section-subtitle align-left mbr-white mbr-light pb-3 mbr-fonts-style\" mbr-if=\"showSubTitle\" mbr-theme-style=\"display-5\">2018.7.3 - 2018.8.31 \n<div>网易互娱梦幻事业部 </div></h3>\n <div class=\"mbr-section-text mbr-white pb-3 \">\n <p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\" mbr-theme-style=\"display-7\">• 提出了基于体素模型和 Marching Cube 的一整套破坏与重建算法。 <br>• 使用 Unity 3D 进行算法实现，在算法实现上进行了大量优化，来提高时间效率、空间效率以及模型质量。例如使用享元模式来共享游戏模型中相同的数据、将原来的递归操作转迭代操作、 将一些关键参数转换为 2 的幂指数，从而将耗时的运算转换为位运算、使用乐观策略进行模型分隔分析。 \n<br>• 梦幻事业部已经打算将这个课题落地，运用在梦幻西游3D 手游中。</p>\n </div>\n <div class=\"mbr-section-btn\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons mbr-theme-style=\"display-4\">\n <a class=\"btn btn-md btn-primary\" href=\"https://mobirise.com\">LEARN MORE</a>\n <a class=\"btn btn-md btn-white-outline\" href=\"https://mobirise.com\">LIVE DEMO</a>\n </div>\n </div>\n </div>\n </div>\n\n</section>",
"_cid": "r3otdsLP1U",
"_anchor": "header3-9",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value",
"& when (@gradientBg)": {
"background": "linear-gradient(45deg, @bg-value, @color2)"
}
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@reverseContent)": {
".media-container-row": {
"flex-direction": "row-reverse"
}
},
".mbr-figure": {
"@media (min-width: 992px)": {
"padding-right": "4rem",
"& when (@reverseContent)": {
"padding-right": "0",
"padding-left": "4rem"
}
},
"@media (max-width: 991px)": {
"padding-bottom": "3rem"
}
},
".mbr-text": {
"@media (max-width: 767px)": {
"text-align": "center"
}
}
},
"_name": "header3",
"_customHTML": "<section class=\"header3\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n \n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubTitle\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Show Buttons\" name=\"showButtons\">\n <input type=\"range\" inline title=\"Media Size\" name=\"mediaSize\" min=\"10\" max=\"200\" step=\"5\" value=\"135\">\n <input type=\"checkbox\" title=\"Media On Left/Right\" name=\"reverseContent\">\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background4.jpg\" parallax>\n <input type=\"color\" title=\"Background Color\" value=\"#efefef\" selected>\n <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n </fieldset>\n\n <input type=\"checkbox\" title=\"Gradient\" name=\"gradientBg\" condition=\"bg.type == 'color'\" checked>\n <input type=\"color\" title=\"Color 2\" name=\"color2\" value=\"#767676\" condition=\"gradientBg\">\n \n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div class=\"container\">\n <div class=\"media-container-row\">\n <div class=\"mbr-figure\" mbr-style=\"{'width': mediaSize + '%'}\">\n <img src=\"@PROJECT_PATH@/assets/images/1-1014x325.png\" alt=\"Mobirise\" title>\n </div>\n\n <div class=\"media-content\">\n <h1 class=\"mbr-section-title mbr-white pb-3 mbr-fonts-style\" mbr-if=\"showTitle\" mbr-theme-style=\"display-2\">\n 针对点云四边形网格生成算法研究</h1>\n <h3 class=\"mbr-section-subtitle align-left mbr-white mbr-light pb-3 mbr-fonts-style\" mbr-if=\"showSubTitle\" mbr-theme-style=\"display-2\">\n Beautiful mobile websites\n </h3>\n <div class=\"mbr-section-text mbr-white pb-3 \">\n <p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\" mbr-theme-style=\"display-7\"><br>• 本方法可以直接从点云数据生成四边形网格，省去了生成三角形网格的步骤，并且速度相比于 Remeshing 方法快很多。 \n<br>• 已经被核心期刊“计算机辅助设计与图形学学报”正式接收。</p>\n </div>\n <div class=\"mbr-section-btn\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons mbr-theme-style=\"display-4\">\n <a class=\"btn btn-md btn-primary\" href=\"https://mobirise.com\">LEARN MORE</a>\n <a class=\"btn btn-md btn-white-outline\" href=\"https://mobirise.com\">LIVE DEMO</a>\n </div>\n </div>\n </div>\n </div>\n\n</section>",
"_cid": "r3oxDq1Ohn",
"_anchor": "header3-d",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value",
"& when (@gradientBg)": {
"background": "linear-gradient(45deg, @bg-value, @color2)"
}
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@reverseContent)": {
".media-container-row": {
"flex-direction": "row-reverse"
}
},
".mbr-figure": {
"@media (min-width: 992px)": {
"padding-right": "4rem",
"& when (@reverseContent)": {
"padding-right": "0",
"padding-left": "4rem"
}
},
"@media (max-width: 991px)": {
"padding-bottom": "3rem"
}
},
".mbr-text": {
"@media (max-width: 767px)": {
"text-align": "center"
}
},
"H1": {
"text-align": "left"
},
".mbr-text, .mbr-section-btn": {
"text-align": "left"
}
},
"_name": "header3",
"_customHTML": "<section class=\"header3\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n \n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubTitle\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Show Buttons\" name=\"showButtons\" checked>\n <input type=\"range\" inline title=\"Media Size\" name=\"mediaSize\" min=\"10\" max=\"200\" step=\"5\" value=\"100\">\n <input type=\"checkbox\" title=\"Media On Left/Right\" name=\"reverseContent\" checked>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/mbr-1920x1080.jpg\" parallax>\n <input type=\"color\" title=\"Background Color\" value=\"#cebfaf\" selected>\n <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n </fieldset>\n\n <input type=\"checkbox\" title=\"Gradient\" name=\"gradientBg\" condition=\"bg.type == 'color'\" checked>\n <input type=\"color\" title=\"Color 2\" name=\"color2\" value=\"#767676\" condition=\"gradientBg\">\n \n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div class=\"container\">\n <div class=\"media-container-row\">\n <div class=\"mbr-figure\" mbr-style=\"{'width': mediaSize + '%'}\">\n <img src=\"@PROJECT_PATH@/assets/images/1-3.gif\" alt=\"Mobirise\" title>\n </div>\n\n <div class=\"media-content\">\n <h1 class=\"mbr-section-title mbr-white pb-3 mbr-fonts-style\" mbr-if=\"showTitle\" mbr-theme-style=\"display-2\">\n 心电图波形分类算法研究\n </h1>\n <h3 class=\"mbr-section-subtitle align-left mbr-white mbr-light pb-3 mbr-fonts-style\" mbr-if=\"showSubTitle\" mbr-theme-style=\"display-2\">\n Beautiful mobile websites\n </h3>\n <div class=\"mbr-section-text mbr-white pb-3 \">\n <p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\" mbr-theme-style=\"display-7\"><br>• 由于心电图易受外界干扰，因此传统的心电图波形分类方法所需要的信息很难获取，而本方法只需要几个最容易得到的信息即可完成分类； \n<br>• 准确率达到了98.58%，相比于其它的实现有很大的提升; \n<br>• 成功申请了软件专利并且该专利已经公开。</p>\n </div>\n <div class=\"mbr-section-btn\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons mbr-theme-style=\"display-4\"><a class=\"btn btn-md btn-white-outline\" href=\"https://github.com/CyC2018/ECG-Classifier\" data-app-placeholder=\"Type Text\" target=\"_blank\">Github</a>\n <a class=\"btn btn-md btn-black-outline\" href=\"https://github.com/CyC2018/ECG-Classifier\" data-app-placeholder=\"Type Text\">Github</a></div>\n </div>\n </div>\n </div>\n\n</section>",
"_cid": "r3ozbOCA7G",
"_anchor": "header3-e",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value",
"& when (@gradientBg)": {
"background": "linear-gradient(45deg, @bg-value, @color2)"
}
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@reverseContent)": {
".media-container-row": {
"flex-direction": "row-reverse"
}
},
".mbr-figure": {
"@media (min-width: 992px)": {
"padding-right": "4rem",
"& when (@reverseContent)": {
"padding-right": "0",
"padding-left": "4rem"
}
},
"@media (max-width: 991px)": {
"padding-bottom": "3rem"
}
},
".mbr-text": {
"@media (max-width: 767px)": {
"text-align": "center"
}
},
".mbr-text, .mbr-section-btn": {
"text-align": "left"
}
},
"_name": "header3",
"_customHTML": "<section class=\"header3\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"8\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n \n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubTitle\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Show Buttons\" name=\"showButtons\" checked>\n <input type=\"range\" inline title=\"Media Size\" name=\"mediaSize\" min=\"10\" max=\"200\" step=\"5\" value=\"100\">\n <input type=\"checkbox\" title=\"Media On Left/Right\" name=\"reverseContent\">\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/mbr-3-1920x1280.jpg\" parallax>\n <input type=\"color\" title=\"Background Color\" value=\"#55b4d4\" selected>\n <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n </fieldset>\n\n <input type=\"checkbox\" title=\"Gradient\" name=\"gradientBg\" condition=\"bg.type == 'color'\" checked>\n <input type=\"color\" title=\"Color 2\" name=\"color2\" value=\"#0f7699\" condition=\"gradientBg\">\n \n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div class=\"container\">\n <div class=\"media-container-row\">\n <div class=\"mbr-figure\" mbr-style=\"{'width': mediaSize + '%'}\">\n <img src=\"@PROJECT_PATH@/assets/images/logomakr-0zpezn-563x600.png\" alt=\"Mobirise\" title>\n </div>\n\n <div class=\"media-content\">\n <h1 class=\"mbr-section-title mbr-white pb-3 mbr-fonts-style\" mbr-if=\"showTitle\" mbr-theme-style=\"display-2\">\n 开源技术博客</h1>\n <h3 class=\"mbr-section-subtitle align-left mbr-white mbr-light pb-3 mbr-fonts-style\" mbr-if=\"showSubTitle\" mbr-theme-style=\"display-2\">\n Beautiful mobile websites\n </h3>\n <div class=\"mbr-section-text mbr-white pb-3 \">\n <p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\" mbr-theme-style=\"display-7\">开源在 Github 的技术博客，已有 35k star。 <br></p>\n </div>\n <div class=\"mbr-section-btn\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons mbr-theme-style=\"display-4\"><a class=\"btn btn-md btn-white-outline\" href=\"https://github.com/CyC2018/CS-Notes\" data-app-placeholder=\"Type Text\" target=\"_blank\">Github</a>\n <a class=\"btn btn-md btn-black-outline\" href=\"https://mobirise.com\" data-app-placeholder=\"Type Text\">LIVE DEMO</a></div>\n </div>\n </div>\n </div>\n\n</section>",
"_cid": "r3oA4r7r19",
"_anchor": "header3-f",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value",
"& when (@gradientBg)": {
"background": "linear-gradient(45deg, @bg-value, @color2)"
}
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@reverseContent)": {
".media-container-row": {
"flex-direction": "row-reverse"
}
},
".mbr-figure": {
"@media (min-width: 992px)": {
"padding-right": "4rem",
"& when (@reverseContent)": {
"padding-right": "0",
"padding-left": "4rem"
}
},
"@media (max-width: 991px)": {
"padding-bottom": "3rem"
}
},
".mbr-text": {
"@media (max-width: 767px)": {
"text-align": "center"
}
},
".mbr-text, .mbr-section-btn": {
"text-align": "left"
},
"H1": {
"text-align": "left"
}
},
"_name": "header3",
"_customHTML": "<section class=\"header3\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n \n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubTitle\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Show Buttons\" name=\"showButtons\" checked>\n <input type=\"range\" inline title=\"Media Size\" name=\"mediaSize\" min=\"10\" max=\"200\" step=\"5\" value=\"200\">\n <input type=\"checkbox\" title=\"Media On Left/Right\" name=\"reverseContent\" checked>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background4.jpg\" parallax>\n <input type=\"color\" title=\"Background Color\" value=\"#149dcc\" selected>\n <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n </fieldset>\n\n <input type=\"checkbox\" title=\"Gradient\" name=\"gradientBg\" condition=\"bg.type == 'color'\" checked>\n <input type=\"color\" title=\"Color 2\" name=\"color2\" value=\"#000000\" condition=\"gradientBg\">\n \n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div class=\"container\">\n <div class=\"media-container-row\">\n <div class=\"mbr-figure\" mbr-style=\"{'width': mediaSize + '%'}\">\n <img src=\"@PROJECT_PATH@/assets/images/8-1.gif\" alt=\"Mobirise\" title>\n </div>\n\n <div class=\"media-content\">\n <h1 class=\"mbr-section-title mbr-white pb-3 mbr-fonts-style\" mbr-if=\"showTitle\" mbr-theme-style=\"display-2\">\n 博客系统实现</h1>\n <h3 class=\"mbr-section-subtitle align-left mbr-white mbr-light pb-3 mbr-fonts-style\" mbr-if=\"showSubTitle\" mbr-theme-style=\"display-2\">\n Beautiful mobile websites\n </h3>\n <div class=\"mbr-section-text mbr-white pb-3 \">\n <p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\" mbr-theme-style=\"display-7\">• 根据微博系统读多写少的特点，使用MySQL 主从架构来支持读写分离；\n<br>• 根据微博系统热点数据明显的特点，使用Redis 缓存热点数据；\n<br>• 使用Redis 实现时间线。</p>\n </div>\n <div class=\"mbr-section-btn\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons mbr-theme-style=\"display-4\"><a class=\"btn btn-md btn-white-outline\" href=\"https://github.com/CyC2018/MBlog\" data-app-placeholder=\"Type Text\" target=\"_blank\">Github</a>\n <a class=\"btn btn-md btn-black-outline\" href=\"https://mobirise.com\" data-app-placeholder=\"Type Text\">LIVE DEMO</a></div>\n </div>\n </div>\n </div>\n\n</section>",
"_cid": "r3qD4KEELP",
"_anchor": "header3-7",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value",
"& when (@gradientBg)": {
"background": "linear-gradient(45deg, @bg-value, @color2)"
}
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@reverseContent)": {
".media-container-row": {
"flex-direction": "row-reverse"
}
},
".mbr-figure": {
"@media (min-width: 992px)": {
"padding-right": "4rem",
"& when (@reverseContent)": {
"padding-right": "0",
"padding-left": "4rem"
}
},
"@media (max-width: 991px)": {
"padding-bottom": "3rem"
}
},
".mbr-text": {
"@media (max-width: 767px)": {
"text-align": "center"
}
}
},
"_name": "header3",
"_customHTML": "<section class=\"header3\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n \n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubTitle\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Show Buttons\" name=\"showButtons\" checked>\n <input type=\"range\" inline title=\"Media Size\" name=\"mediaSize\" min=\"10\" max=\"200\" step=\"5\" value=\"160\">\n <input type=\"checkbox\" title=\"Media On Left/Right\" name=\"reverseContent\">\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/mbr-2-1920x1280.jpg\" parallax>\n <input type=\"color\" title=\"Background Color\" value=\"#4f4943\" selected>\n <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n </fieldset>\n\n <input type=\"checkbox\" title=\"Gradient\" name=\"gradientBg\" condition=\"bg.type == 'color'\" checked>\n <input type=\"color\" title=\"Color 2\" name=\"color2\" value=\"#b2ccd2\" condition=\"gradientBg\">\n \n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div class=\"container\">\n <div class=\"media-container-row\">\n <div class=\"mbr-figure\" mbr-style=\"{'width': mediaSize + '%'}\">\n <img src=\"@PROJECT_PATH@/assets/images/10.gif\" alt=\"Mobirise\" title>\n </div>\n\n <div class=\"media-content\">\n <h1 class=\"mbr-section-title mbr-white pb-3 mbr-fonts-style\" mbr-if=\"showTitle\" mbr-theme-style=\"display-2\">Github Markdown 文档转换工具</h1>\n <h3 class=\"mbr-section-subtitle align-left mbr-white mbr-light pb-3 mbr-fonts-style\" mbr-if=\"showSubTitle\" mbr-theme-style=\"display-2\">\n Beautiful mobile websites\n </h3>\n <div class=\"mbr-section-text mbr-white pb-3 \">\n <p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\" mbr-theme-style=\"display-7\">• Github 的 Markdown 不支持目录、Mathjax 公式以及一些特殊符号；<br>• 本工具可以将自动生成目录、将公式转换为 CodeCogs 云服务以及替换一些特殊字符。<br></p>\n </div>\n <div class=\"mbr-section-btn\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons mbr-theme-style=\"display-4\"><a class=\"btn btn-md btn-white-outline\" href=\"https://github.com/CyC2018/GFM-Converter\" data-app-placeholder=\"Type Text\" target=\"_blank\">Github</a>\n <a class=\"btn btn-md btn-black-outline\" href=\"https://mobirise.com\" data-app-placeholder=\"Type Text\">LIVE DEMO</a></div>\n </div>\n </div>\n </div>\n\n</section>",
"_cid": "r3oBi3zCAt",
"_anchor": "header3-g",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"_styles": {
"& when not (@fullScreen)": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value",
"& when (@gradientBg)": {
"background": "linear-gradient(45deg, @bg-value, @color2)"
}
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@reverseContent)": {
".media-container-row": {
"flex-direction": "row-reverse"
}
},
".mbr-figure": {
"@media (min-width: 992px)": {
"padding-right": "4rem",
"& when (@reverseContent)": {
"padding-right": "0",
"padding-left": "4rem"
}
},
"@media (max-width: 991px)": {
"padding-bottom": "3rem"
}
},
".mbr-text": {
"@media (max-width: 767px)": {
"text-align": "center"
}
},
".mbr-text, .mbr-section-btn": {
"text-align": "right"
},
"H1": {
"text-align": "right"
}
},
"_name": "header3",
"_customHTML": "<section class=\"header3\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\" checked>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"6\" condition=\"fullScreen == false\">\n \n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubTitle\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Show Buttons\" name=\"showButtons\" checked>\n <input type=\"range\" inline title=\"Media Size\" name=\"mediaSize\" min=\"10\" max=\"200\" step=\"5\" value=\"200\">\n <input type=\"checkbox\" title=\"Media On Left/Right\" name=\"reverseContent\" checked>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/mbr-1920x1279.jpg\" parallax>\n <input type=\"color\" title=\"Background Color\" value=\"#232323\" selected>\n <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n </fieldset>\n\n <input type=\"checkbox\" title=\"Gradient\" name=\"gradientBg\" condition=\"bg.type == 'color'\" checked>\n <input type=\"color\" title=\"Color 2\" name=\"color2\" value=\"#465052\" condition=\"gradientBg\">\n \n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n\n <div class=\"container\">\n <div class=\"media-container-row\">\n <div class=\"mbr-figure\" mbr-style=\"{'width': mediaSize + '%'}\">\n <img src=\"@PROJECT_PATH@/assets/images/11.gif\" alt=\"Mobirise\" title>\n </div>\n\n <div class=\"media-content\">\n <h1 class=\"mbr-section-title mbr-white pb-3 mbr-fonts-style\" mbr-if=\"showTitle\" mbr-theme-style=\"display-2\">\n Leetcode 夜间主题样式</h1>\n <h3 class=\"mbr-section-subtitle align-left mbr-white mbr-light pb-3 mbr-fonts-style\" mbr-if=\"showSubTitle\" mbr-theme-style=\"display-2\">\n Beautiful mobile websites\n </h3>\n <div class=\"mbr-section-text mbr-white pb-3 \">\n <p class=\"mbr-text mbr-fonts-style\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\" mbr-theme-style=\"display-7\">为 Leetcode 网站写的夜间主题样式，在 Stylish 社区已经有 300+ 的用户下载使用。</p>\n </div>\n <div class=\"mbr-section-btn\" mbr-if=\"showButtons\" data-toolbar=\"-mbrBtnMove\" mbr-buttons mbr-theme-style=\"display-4\"><a class=\"btn btn-md btn-white-outline\" href=\"https://github.com/CyC2018/Dark-Theme-Leetcode\" data-app-placeholder=\"Type Text\" target=\"_blank\">Github</a>\n <a class=\"btn btn-md btn-black-outline\" href=\"https://mobirise.com\" data-app-placeholder=\"Type Text\">LIVE DEMO</a></div>\n </div>\n </div>\n </div>\n\n</section>",
"_cid": "r3oCSWB3HM",
"_anchor": "header3-h",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"h3": {
"text-align": "center",
"font-weight": "300"
},
".wrap": {
"width": "150px",
"height": "150px",
"margin": "0 auto"
},
".mbr-section-subtitle": {
"color": "#767676"
},
".card": {
"-webkit-flex-basis": "100%",
"flex-basis": "100%",
"word-wrap": "break-word"
},
"ellipse": {
"stroke": "rgba(206, 206, 206, 0.4)"
},
"path": {
"stroke": "@progressColor"
},
"@media (max-width: 991px) and (min-width: 768px)": {
".card": {
"-webkit-flex-basis": "33%",
"flex-basis": "33%"
}
}
},
"_name": "progress-bars3",
"_customHTML": "<section class=\"progress-bars3\" group=\"Progress\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" plugins=\"as-pie-progress\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n \n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) --> \n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n \n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <input type=\"color\" title=\"Progress Color\" name=\"progressColor\" value=\"#149dcc\">\n\n <select title=\"Progress count\" name=\"progressCount\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n <option value=\"6\">6</option>\n </select>\n <input type=\"range\" inline title=\"Progress 1\" name=\"progress1\" min=\"0\" max=\"100\" step=\"1\" value=\"75\">\n <input type=\"range\" inline title=\"Progress 2\" name=\"progress2\" min=\"0\" max=\"100\" step=\"1\" value=\"30\" condition=\"progressCount>1\">\n <input type=\"range\" inline title=\"Progress 3\" name=\"progress3\" min=\"0\" max=\"100\" step=\"1\" value=\"30\" condition=\"progressCount>2\">\n <input type=\"range\" inline title=\"Progress 4\" name=\"progress4\" min=\"0\" max=\"100\" step=\"1\" value=\"80\" condition=\"progressCount>3\">\n <input type=\"range\" inline title=\"Progress 5\" name=\"progress5\" min=\"0\" max=\"100\" step=\"1\" value=\"90\" condition=\"progressCount>4\">\n <input type=\"range\" inline title=\"Progress 6\" name=\"progress6\" min=\"0\" max=\"100\" step=\"1\" value=\"100\" condition=\"progressCount>5\">\n\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background4.jpg\" selected>\n <input type=\"color\" title=\"Background Color\" value=\"#fafafa\" selected>\n <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#926150\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters> \n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n \n <div class=\"container\">\n <h2 class=\"mbr-section-title pb-3 align-center mbr-fonts-style\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n 编程语言</h2>\n\n <h3 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n Mobirise has provided for website developers a growing library of modern blocks which can be used either partially or in full for every website developed through the builder.\n </h3>\n \n <div class=\"media-container-row pt-5 mt-2\">\n <div class=\"card p-3 align-center\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress1\" role=\"progressbar\" data-goal=\"{{progress1}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\">70%</p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Java\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>1\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress2\" role=\"progressbar\" data-goal=\"{{progress2}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n C++\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>2\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress3\" role=\"progressbar\" data-goal=\"{{progress3}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Python\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>3\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress4\" role=\"progressbar\" data-goal=\"{{progress4}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Safety\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>4\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress5\" role=\"progressbar\" data-goal=\"{{progress5}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Study\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>5\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress6\" role=\"progressbar\" data-goal=\"{{progress6}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Gifts\n </h4>\n </div> \n </div>\n </div>\n</div></section>",
"_cid": "r3oHlTWEui",
"_anchor": "progress-bars3-i",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"h3": {
"text-align": "center",
"font-weight": "300"
},
".wrap": {
"width": "150px",
"height": "150px",
"margin": "0 auto"
},
".mbr-section-subtitle": {
"color": "#767676"
},
".card": {
"-webkit-flex-basis": "100%",
"flex-basis": "100%",
"word-wrap": "break-word"
},
"ellipse": {
"stroke": "rgba(206, 206, 206, 0.4)"
},
"path": {
"stroke": "@progressColor"
},
"@media (max-width: 991px) and (min-width: 768px)": {
".card": {
"-webkit-flex-basis": "33%",
"flex-basis": "33%"
}
}
},
"_name": "progress-bars3",
"_customHTML": "<section class=\"progress-bars3\" group=\"Progress\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" plugins=\"as-pie-progress\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n \n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) --> \n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n \n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <input type=\"color\" title=\"Progress Color\" name=\"progressColor\" value=\"#149dcc\">\n\n <select title=\"Progress count\" name=\"progressCount\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n <option value=\"6\">6</option>\n </select>\n <input type=\"range\" inline title=\"Progress 1\" name=\"progress1\" min=\"0\" max=\"100\" step=\"1\" value=\"50\">\n <input type=\"range\" inline title=\"Progress 2\" name=\"progress2\" min=\"0\" max=\"100\" step=\"1\" value=\"30\" condition=\"progressCount>1\">\n <input type=\"range\" inline title=\"Progress 3\" name=\"progress3\" min=\"0\" max=\"100\" step=\"1\" value=\"30\" condition=\"progressCount>2\">\n <input type=\"range\" inline title=\"Progress 4\" name=\"progress4\" min=\"0\" max=\"100\" step=\"1\" value=\"80\" condition=\"progressCount>3\">\n <input type=\"range\" inline title=\"Progress 5\" name=\"progress5\" min=\"0\" max=\"100\" step=\"1\" value=\"90\" condition=\"progressCount>4\">\n <input type=\"range\" inline title=\"Progress 6\" name=\"progress6\" min=\"0\" max=\"100\" step=\"1\" value=\"100\" condition=\"progressCount>5\">\n\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background4.jpg\" selected>\n <input type=\"color\" title=\"Background Color\" value=\"#efefef\" selected>\n <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#926150\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters> \n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n \n <div class=\"container\">\n <h2 class=\"mbr-section-title pb-3 align-center mbr-fonts-style\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n Web\n </h2>\n\n <h3 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n Mobirise has provided for website developers a growing library of modern blocks which can be used either partially or in full for every website developed through the builder.\n </h3>\n \n <div class=\"media-container-row pt-5 mt-2\">\n <div class=\"card p-3 align-center\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress1\" role=\"progressbar\" data-goal=\"{{progress1}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n MySQL\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>1\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress2\" role=\"progressbar\" data-goal=\"{{progress2}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Spring\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>2\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress3\" role=\"progressbar\" data-goal=\"{{progress3}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n JavaScript\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>3\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress4\" role=\"progressbar\" data-goal=\"{{progress4}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Safety\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>4\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress5\" role=\"progressbar\" data-goal=\"{{progress5}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Study\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>5\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress6\" role=\"progressbar\" data-goal=\"{{progress6}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Gifts\n </h4>\n </div> \n </div>\n </div>\n</div></section>",
"_cid": "r3oHUdpUmZ",
"_anchor": "progress-bars3-j",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"h3": {
"text-align": "center",
"font-weight": "300"
},
".wrap": {
"width": "150px",
"height": "150px",
"margin": "0 auto"
},
".mbr-section-subtitle": {
"color": "#767676"
},
".card": {
"-webkit-flex-basis": "100%",
"flex-basis": "100%",
"word-wrap": "break-word"
},
"ellipse": {
"stroke": "rgba(206, 206, 206, 0.4)"
},
"path": {
"stroke": "@progressColor"
},
"@media (max-width: 991px) and (min-width: 768px)": {
".card": {
"-webkit-flex-basis": "33%",
"flex-basis": "33%"
}
}
},
"_name": "progress-bars3",
"_customHTML": "<section class=\"progress-bars3\" group=\"Progress\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" plugins=\"as-pie-progress\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n \n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) --> \n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n \n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <input type=\"color\" title=\"Progress Color\" name=\"progressColor\" value=\"#149dcc\">\n\n <select title=\"Progress count\" name=\"progressCount\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n <option value=\"6\">6</option>\n </select>\n <input type=\"range\" inline title=\"Progress 1\" name=\"progress1\" min=\"0\" max=\"100\" step=\"1\" value=\"60\">\n <input type=\"range\" inline title=\"Progress 2\" name=\"progress2\" min=\"0\" max=\"100\" step=\"1\" value=\"30\" condition=\"progressCount>1\">\n <input type=\"range\" inline title=\"Progress 3\" name=\"progress3\" min=\"0\" max=\"100\" step=\"1\" value=\"30\" condition=\"progressCount>2\">\n <input type=\"range\" inline title=\"Progress 4\" name=\"progress4\" min=\"0\" max=\"100\" step=\"1\" value=\"80\" condition=\"progressCount>3\">\n <input type=\"range\" inline title=\"Progress 5\" name=\"progress5\" min=\"0\" max=\"100\" step=\"1\" value=\"90\" condition=\"progressCount>4\">\n <input type=\"range\" inline title=\"Progress 6\" name=\"progress6\" min=\"0\" max=\"100\" step=\"1\" value=\"100\" condition=\"progressCount>5\">\n\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background4.jpg\" selected>\n <input type=\"color\" title=\"Background Color\" value=\"#ffffff\" selected>\n <input type=\"video\" title=\"Background Video\" value=\"http://www.youtube.com/watch?v=uNCr7NdOJgw\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#926150\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters> \n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n </div>\n \n <div class=\"container\">\n <h2 class=\"mbr-section-title pb-3 align-center mbr-fonts-style\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n 中间件\n </h2>\n\n <h3 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n Mobirise has provided for website developers a growing library of modern blocks which can be used either partially or in full for every website developed through the builder.\n </h3>\n \n <div class=\"media-container-row pt-5 mt-2\">\n <div class=\"card p-3 align-center\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress1\" role=\"progressbar\" data-goal=\"{{progress1}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Redis\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>1\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress2\" role=\"progressbar\" data-goal=\"{{progress2}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n RabbitMQ\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>2\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress3\" role=\"progressbar\" data-goal=\"{{progress3}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Zoopkeeper\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>3\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress4\" role=\"progressbar\" data-goal=\"{{progress4}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Safety\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>4\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress5\" role=\"progressbar\" data-goal=\"{{progress5}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Study\n </h4>\n </div> \n </div>\n\n <div class=\"card p-3 align-center\" mbr-if=\"progressCount>5\">\n <div class=\"wrap\">\n <div class=\"pie_progress progress6\" role=\"progressbar\" data-goal=\"{{progress6}}\">\n <p class=\"pie_progress__number mbr-fonts-style\" mbr-theme-style=\"display-5\"></p>\n </div>\n </div> \n <div class=\"mbr-crt-title pt-3\">\n <h4 class=\"card-title py-2 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n Gifts\n </h4>\n </div> \n </div>\n </div>\n</div></section>",
"_cid": "r3oIeKK9By",
"_anchor": "progress-bars3-l",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
},
{
"_styles": {
"padding-top": "(@paddingTop * 15px)",
"padding-bottom": "(@paddingBottom * 15px)",
"& when (@bg-type = 'image')": {
"background-image": "url(@bg-value)"
},
"& when (@bg-type = 'color')": {
"background-color": "@bg-value"
},
".content": {
"@media (max-width: 767px)": {
"text-align": "center",
"> div:not(:last-child)": {
"margin-bottom": "2rem"
}
}
},
".media-wrap": {
"@media (max-width: 767px)": {
"margin-bottom": "1rem"
},
".mbr-iconfont-logo": {
"font-size": "7.5rem",
"color": "#f36"
},
"img": {
"height": "6rem"
}
},
".footer-lower": {
".copyright": {
"@media (max-width: 767px)": {
"margin-bottom": "1rem",
"text-align": "center"
}
},
"hr": {
"margin": "1rem 0",
"border-color": "#fff",
"opacity": ".05"
},
".social-list": {
"padding-left": "0",
"margin-bottom": "0",
"list-style": "none",
"display": "flex",
"flex-wrap": "wrap",
"justify-content": "flex-end",
"-webkit-justify-content": "flex-end",
".mbr-iconfont-social": {
"font-size": "1.3rem",
"color": "#fff"
},
".soc-item": {
"margin": "0 .5rem"
},
"a": {
"margin": "0",
"opacity": ".5",
"-webkit-transition": ".2s linear",
"transition": ".2s linear",
"&:hover": {
"opacity": "1"
}
},
"@media (max-width: 767px)": {
"justify-content": "center",
"-webkit-justify-content": "center"
}
}
}
},
"_name": "footer1",
"_customHTML": "<section group=\"Footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) --> \n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"4\">\n <input type=\"checkbox\" title=\"Show Copyright\" name=\"showCopyright\">\n <select title=\"Icons\" name=\"iconsCount\">\n <option value=\"0\">0</option>\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\">3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n <option value=\"6\" selected>6</option>\n </select>\n <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\" checked>\n <fieldset type=\"background\" name=\"bg\" parallax>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/jumbotron.jpg\">\n <input type=\"color\" title=\"Background Color\" value=\"#2e2e2e\" selected>\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#3C3C3C\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n <div class=\"container\">\n <div class=\"media-container-row content text-white\">\n <div class=\"col-12 col-md-3\">\n <div class=\"media-wrap\">\n <a href=\"https://mobirise.com/\">\n <img src=\"@PROJECT_PATH@/assets/images/logomakr-3sxxzw-192x192.png\" alt=\"Mobirise\" title>\n </a>\n </div>\n </div>\n <div class=\"col-12 col-md-3 mbr-fonts-style\" mbr-theme-style=\"display-7\">\n <h5 class=\"pb-3\">\n Address\n </h5>\n <p class=\"mbr-text\">广东省番禺区中山大学实验中心b</p>\n </div>\n <div class=\"col-12 col-md-3 mbr-fonts-style\" mbr-theme-style=\"display-7\">\n <h5 class=\"pb-3\">\n Contacts\n </h5>\n <p class=\"mbr-text\">\n Email: [email protected]<br>Phone: (+86) 18020807381<br></p>\n </div>\n <div class=\"col-12 col-md-3 mbr-fonts-style\" mbr-theme-style=\"display-7\">\n <h5 class=\"pb-3\">\n Links\n </h5>\n <p class=\"mbr-text\"><a href=\"https://github.com/CyC2018\">Github</a><br><br></p>\n </div>\n </div>\n <div class=\"footer-lower\" mbr-if=\"showCopyright\">\n <div class=\"media-container-row\">\n <div class=\"col-sm-12\">\n <hr>\n </div>\n </div>\n <div class=\"media-container-row mbr-white\">\n <div class=\"col-sm-6 copyright\">\n <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".copyright > p\">\n © Copyright 2017 Mobirise - All Rights Reserved\n </p>\n </div>\n <div class=\"col-md-6\">\n <div class=\"social-list align-right\" mbr-if=\"iconsCount > 0\">\n <div class=\"soc-item\" mbr-if=\"iconsCount>0\">\n <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"iconsCount>1\">\n <a href=\"https://www.facebook.com/pages/Mobirise/1616226671953247\" target=\"_blank\">\n <span mbr-icon class=\"socicon-facebook socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"iconsCount>2\">\n <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"socicon-youtube socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"iconsCount>3\">\n <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n <span mbr-icon class=\"socicon-instagram socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"iconsCount>4\">\n <a href=\"https://plus.google.com/u/0/+Mobirise\" target=\"_blank\">\n <span mbr-icon class=\"socicon-googleplus socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n <div class=\"soc-item\" mbr-if=\"iconsCount>5\">\n <a href=\"https://www.behance.net/Mobirise\" target=\"_blank\">\n <span mbr-icon class=\"socicon-behance socicon mbr-iconfont mbr-iconfont-social\"></span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>",
"_cid": "qTkAaeaxX5",
"_anchor": "footer1-2",
"_protectedParams": [],
"_global": false,
"_once": false,
"_params": {}
}
]
}
}
}