1
- <!doctype html>
1
+ <!DOCTYPE html>
2
2
< html >
3
-
4
3
< head >
5
-
6
4
<!-- MISC/META -->
7
- < title > ZenPen ~ Minimal Distraction, Maximum Zen </ title >
8
- < meta charset ="utf-8 ">
9
- < meta name ="description " content ="Zenpen - A minimal text editor, made to stay out of the way while you get the words down. ">
10
-
11
- <!-- CSS -->
12
- < link href ="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic " rel ="stylesheet " type ="text/css ">
13
- < link href ="css/style.css " rel ="stylesheet ">
14
- < link href ="css/fonts.css " rel ="stylesheet ">
5
+ < title > ZenPen ~ Minimal Distraction, Maximum Zen</ title >
6
+ < meta charset ="utf-8 " />
7
+ < meta
8
+ name ="description "
9
+ content ="Zenpen - A minimal text editor, made to stay out of the way while you get the words down. "
10
+ />
15
11
16
- </ head >
12
+ <!-- CSS -->
13
+ < link
14
+ href ="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic "
15
+ rel ="stylesheet "
16
+ type ="text/css "
17
+ />
18
+ < link href ="css/style.css " rel ="stylesheet " />
19
+ < link href ="css/fonts.css " rel ="stylesheet " />
20
+ </ head >
17
21
18
22
< body class ="yin ">
19
-
20
23
< div class ="overlay ">
21
24
< div class ="wordcount modal ">
22
25
< h1 > Target Word Count</ h1 >
23
26
< div >
24
27
< input type ="number " name ="quantity " value ="0 " min ="0 " />
25
28
</ div >
26
29
</ div >
27
-
30
+
28
31
< div class ="saveoverlay modal ">
29
32
< h1 > Select save format</ h1 >
30
- < p class =' saveselection ' >
31
- < span data-format =' markdown ' > Markdown</ span >
32
- < span data-format =' html ' > HTML</ span >
33
- < span data-format =' plain ' > Plain Text</ span >
33
+ < p class =" saveselection " >
34
+ < span data-format =" markdown " > Markdown</ span >
35
+ < span data-format =" html " > HTML</ span >
36
+ < span data-format =" plain " > Plain Text</ span >
34
37
</ p >
35
- < button class ='savebutton useicons '> </ button >
36
- < div > Or select format and press ctrl+c (cmd+c on mac) to copy the text. </ div >
37
- < textarea class ='hiddentextbox '> </ textarea >
38
+ < button class ="savebutton useicons "> </ button >
39
+ < div >
40
+ Or select format and press ctrl+c (cmd+c on mac) to copy the text.
41
+ </ div >
42
+ < textarea class ="hiddentextbox "> </ textarea >
38
43
</ div >
39
44
</ div >
40
45
@@ -43,7 +48,11 @@ <h1>Select save format</h1>
43
48
< span class ="no-overflow ">
44
49
< span class ="lengthen ui-inputs ">
45
50
< button class ="url useicons "> </ button >
46
- < input class ="url-input " type ="text " placeholder ="Type or Paste URL here "/>
51
+ < input
52
+ class ="url-input "
53
+ type ="text "
54
+ placeholder ="Type or Paste URL here "
55
+ />
47
56
< button class ="bold "> b</ button >
48
57
< button class ="italic "> i</ button >
49
58
< button class ="quote "> ”</ button >
@@ -53,9 +62,7 @@ <h1>Select save format</h1>
53
62
</ div >
54
63
55
64
< div class ="ui ">
56
-
57
65
< div class ="wrapper ">
58
-
59
66
< div class ="top editing ">
60
67
< button class ="fullscreen useicons " title ="Toggle fullscreen ">
61
68

@@ -74,7 +81,11 @@ <h1>Select save format</h1>
74
81
</ div >
75
82
76
83
< div class ="bottom ">
77
- < a class ="about " href ="https://www.buymeacoffee.com/tholman " target ="_blank ">
84
+ < a
85
+ class ="about "
86
+ href ="https://www.buymeacoffee.com/tholman "
87
+ target ="_blank "
88
+ >
78
89
☕
79
90
</ a >
80
91
</ div >
@@ -86,26 +97,24 @@ <h1>Select save format</h1>
86
97
</ div >
87
98
88
99
< section >
89
-
90
100
< header contenteditable ="true " class ="header "> </ header >
91
101
< article contenteditable ="true " class ="content "> </ article >
92
-
93
102
</ section >
94
103
95
104
<!-- LIBS -->
96
105
< script src ="js/libs/FileSaver.min.js "> </ script >
97
106
< script src ="js/libs/Blob.min.js "> </ script >
98
107
< script src ="js/libs/screenfull.min.js "> </ script >
99
-
108
+
100
109
<!-- JS -->
101
110
< script src ="js/default.js "> </ script >
102
111
< script src ="js/utils.js "> </ script >
103
112
< script src ="js/editor.js "> </ script >
104
113
< script src ="js/ui.js "> </ script >
105
114
< script type ="text/javascript ">
106
- // Initiate ZenPen
107
- ZenPen . editor . init ( ) ;
108
- ZenPen . ui . init ( ) ;
109
- </ script >
115
+ // Initiate ZenPen
116
+ ZenPen . editor . init ( ) ;
117
+ ZenPen . ui . init ( ) ;
118
+ </ script >
110
119
</ body >
111
120
</ html >
0 commit comments