Wiki source code of Jay Skin

Last modified by Ecaterina Moraru (Valica) on 2020/01/28 14:38

Show last authors
1 The purpose of this proposal is to have a **Technical Documentation Skin**, based on [[Flamingo Skin>>extension:Extension.Flamingo Skin]].
2
3 You can read another investigation about what a [[Documentation Flavor>>Improvements.DocumentationFlavor]] should contain in terms of features, but the conclusion is that a //Technical Documentation Skin// should be focused on //finding//, //reading//, //creating//, //versioning// content.
4
5 Extensions used:
6
7 * [[Menu Application>>extensions:Extension.Menu Application]]
8 * [[Document Tree Macro>>extensions:Extension.Document Tree Macro]]
9 * [[CKEditor Integration>>extensions:Extension.CKEditor Integration]]
10
11 (% class="row" %)
12 (((
13 (% class="col-xs-12 col-sm-6" %)
14 (((
15 = Proposal =
16
17
18 {{toc start="2"/}}
19 )))
20
21 (% class="col-xs-12 col-sm-6" %)
22 (((
23 {{gallery}}
24 image:ex1Full.png
25 image:ex2EditFull.png
26 image:ex1MobileSection.png
27 {{/gallery}}
28 )))
29 )))
30
31 (% class="row" %)
32 (((
33 (% class="col-xs-12" %)
34 (((
35 == Interface ==
36 )))
37
38 (% class="col-xs-12 col-sm-9 col-md-9" %)
39 (((
40 (% class="row" %)
41 (((
42 (% class="col-xs-12 col-sm-6 col-md-6" %)
43 (((
44 Not-logged-in
45 [[{{image reference="ex1NotLoggedSnapshot.png"/}}>>attach:ex1NotLoggedFull.png]]
46 )))
47
48 (% class="col-xs-12 col-sm-6 col-md-6" %)
49 (((
50 Logged-in
51 [[{{image reference="ex1Snapshot.png"/}}>>attach:ex1Full.png]]
52 )))
53
54 (% class="col-xs-12 col-sm-6 col-md-6" %)
55 (((
56 View Mode
57 [[{{image reference="ex2Snapshot.png"/}}>>attach:ex2Full.png]]
58 )))
59
60 (% class="col-xs-12 col-sm-6 col-md-6" %)
61 (((
62 Edit Mode
63 [[{{image reference="ex2EditSnapshot.png"/}}>>attach:ex2EditFull.png]]
64 )))
65 )))
66 )))
67
68 (% class="col-xs-12 col-sm-3 col-md-3" %)
69 (((
70 Mobile
71 [[{{image reference="ex1MobileSnapshot.png"/}}>>attach:ex1MobileFull.png]]
72 )))
73 )))
74
75 (% class="row" %)
76 (((
77 (% class="col-xs-12" %)
78 (((
79 === Expandable areas ===
80 )))
81
82 (% class="col-xs-12 col-sm-6" %)
83 (((
84 * Left Column
85 ** contains navigation (search bar, custom menu, hierarchy tree)
86 ** default: expanded
87 * Right Column
88 ** contains docextra (information, history, attachments, comments)
89 ** default: collapsed
90 )))
91
92 (% class="col-xs-12 col-sm-6" %)
93 (((
94 {{image reference="areaActivatorsSnapshot.png"/}}
95 )))
96 )))
97
98
99
100 (% class="row" %)
101 (((
102 (% class="col-xs-12 col-sm-6 col-md-3" %)
103 (((
104 No Columns
105 [[{{image reference="ex2SingleSnaphot.png"/}}>>attach:ex1SingleFull.png]]
106 )))
107
108 (% class="col-xs-12 col-sm-6 col-md-3" %)
109 (((
110 Left Column
111 [[{{image reference="ex2Snapshot.png"/}}>>attach:ex1Full.png]]
112 )))
113
114 (% class="col-xs-12 col-sm-6 col-md-3" %)
115 (((
116 Both Columns - Collapsed
117 [[{{image reference="ex2BothCollapsedSnapshot.png"/}}>>attach:ex1BothCollapsedFull.png]]
118 )))
119
120 (% class="col-xs-12 col-sm-6 col-md-3" %)
121 (((
122 Both Columns - Expanded
123 [[{{image reference="ex2BothSnapshot.png"/}}>>attach:ex1BothExpandedFull.png]]
124 )))
125 )))
126
127 (% class="row" %)
128 (((
129 (% class="col-xs-12" %)
130 (((
131 == Details ==
132
133 Showcasing different interface elements:
134 )))
135
136 (% class="col-xs-4 col-sm-3 col-md-2" %)
137 (((
138 {{image reference="d10.png"/}}
139 {{footnote}}Displaying parent/children data for the page and actions, inside 'Info' tab{{/footnote}}
140 )))
141
142 (% class="col-xs-4 col-sm-3 col-md-2" %)
143 (((
144 {{image reference="d11.png"/}}
145 {{footnote}}Available colors for info, warning, error and success macros{{/footnote}}
146 )))
147
148 (% class="col-xs-4 col-sm-3 col-md-2" %)
149 (((
150 {{image reference="d4.png"/}}
151 {{footnote}}Table of content styling{{/footnote}}
152 )))
153
154 (% class="col-xs-4 col-sm-3 col-md-2" %)
155 (((
156 {{image reference="d1.png"/}}
157 {{footnote}}Page title are displayed using a different background{{/footnote}}
158 )))
159
160 (% class="col-xs-4 col-sm-3 col-md-2" %)
161 (((
162 {{image reference="d12.png"/}}
163 {{footnote}}Fonts used for content and code{{/footnote}}
164 )))
165
166 (% class="col-xs-4 col-sm-3 col-md-2" %)
167 (((
168 {{image reference="d5.png"/}}
169 {{footnote}}Hierarchy tree styling{{/footnote}}
170 )))
171
172 (% class="col-xs-4 col-sm-3 col-md-2" %)
173 (((
174 {{image reference="d3.png"/}}
175 {{footnote}}Expanding the menu, hovers also the page name{{/footnote}}
176 )))
177
178 (% class="col-xs-4 col-sm-3 col-md-2" %)
179 (((
180 {{image reference="d13.png"/}}
181 {{footnote}}#docextra collapsed accordion{{/footnote}}
182 )))
183
184 (% class="col-xs-4 col-sm-3 col-md-2" %)
185 (((
186 {{image reference="d7.png"/}}
187 {{footnote}}'Edit parent' in Inline mode{{/footnote}}
188 )))
189
190 (% class="col-xs-4 col-sm-3 col-md-2" %)
191 (((
192 {{image reference="d6.png"/}}
193 {{footnote}}Hovering headings display the 'Edit section' + 'Permalink' actions{{/footnote}}
194 )))
195
196 (% class="col-xs-4 col-sm-3 col-md-2" %)
197 (((
198 {{image reference="d8.png"/}}
199 {{footnote}}Tags display and 'Add' button inside 'Info' tab{{/footnote}}
200 )))
201
202 (% class="col-xs-4 col-sm-3 col-md-2" %)
203 (((
204 {{image reference="d2.png"/}}
205 {{footnote}}Search box is displayed in the Left panel, after the Logo{{/footnote}}
206 )))
207
208 (% class="col-xs-4 col-sm-3 col-md-2" %)
209 (((
210 {{image reference="d9.png"/}}
211 {{footnote}}'Back to top' option for long articles{{/footnote}}
212 )))
213 )))
214
215 {{putFootnotes/}}

Get Connected