Wiki source code of Flamingo Skin

Last modified by Vincent Massol on 2024/02/26 17:54

Show last authors
1 {{velocity}}
2 $xwiki.ssx.use("Improvements.WebHome")
3 $xwiki.ssx.use("Standards.WebHome")
4 {{/velocity}}
5
6 {{warning}}
7 See related investigation: [[Twitter Bootstrap Integration>>Proposal.BootstrapIntegration]]
8 {{/warning}}
9
10 (% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
11 (((
12 === Objective ===
13
14 This proposal is focused on presenting ideas for a new XWiki skin.
15 The skin is focused on the usage of applications and also proposes some changes on menu structure, panels listing per application, some applications are restyled or improved; all these changes being done on a responsive layout (based on [[Bootstrap>>http://twitter.github.com/bootstrap/]]).
16
17 {{jiraIssues}}
18 XWIKI-378,
19 XWIKI-1342
20 {{/jiraIssues}}
21 )))
22
23 (% class="dashboardright left column50" style="width:49%" %)
24 (((
25 === Proposal ===
26
27 {{toc start="4"/}}
28
29 * Related: [[Create Step Improvements>>CreateImprovements]]
30 )))
31
32 (% class="clearfloats" %)
33 (((
34
35 )))
36
37 (% class="left column50 dashboardleft" style="width: 48%; min-width: 640px; margin-right: 2%;" %)
38 (((
39 (((
40 ==== Annotations Overview ====
41
42 {{gallery}}
43 image:loginDesktopSnapshotAnnotations.png
44 image:loginDesktopDetails.png
45 image:homepageDesktopSnapshot.png
46 image:homepageDesktopSnapshotAnnotationsOverview.png
47 image:homepageDesktopSnapshotAnnotationsMenu1.png
48 image:homepageDesktopSnapshotAnnotationsMenu2.png
49 image:homepageDesktopSnapshotAnnotationsMenu3.png
50 image:homepageDesktopSnapshotAnnotationsMenu4.png
51 image:homepageDesktopSnapshotAnnotationsMenu5.png
52 image:homepageDesktopSnapshotAnnotationsMenu6.png
53 image:homepageDesktopSnapshotAnnotationsMenu7.png
54 image:profileDesktopSnapshot.png
55 image:profileDesktopSnapshotAnnotations.png
56 image:profileDesktopSnapshotAnnotationsPanels.png
57 image:profileDesktopSnapshotAnnotationsPanels1.png
58 image:profileDesktopSnapshotAnnotationsPanels2.png
59 image:profileDesktopSnapshotAnnotationsAppBar.png
60 image:administrationDesktopSnapshot.png
61 image:administrationDesktopSnapshotAnnotations.png
62 image:appWithinMinutesDesktopSnapshot.png
63 image:appWithinMinutesDesktopSnapshotAnnotations.png
64 image:userDirectoryDesktopSnapshot.png
65 image:userDirectoryDesktopSnapshotAnnotations.png
66 image:documentIndexDesktopSnapshot.png
67 image:documentIndexDesktopSnapshotAnnotations.png
68 image:dashboardDesktopSnapshot.png
69 image:dashboardDesktopSnapshotAnnotations.png
70 image:dashboardDesktopSnapshotAnnotationsStandard.png
71 image:blogDesktopSnapshot.png
72 image:blogDesktopSnapshotAnnotations.png
73 image:helpDesktopSnapshot.png
74 image:helpDesktopSnapshotAnnotations.png
75 image:pageExample2DesktopSnapshot.png
76 image:pageExample3DesktopSnapshotComments.png
77 image:pageExample3DesktopSnapshotCommentsAnnotations.png
78 image:pageExample3DesktopSnapshotAttachments.png
79 image:pageExample3DesktopSnapshotAttachmentsAnnotations.png
80 image:pageExample1DesktopSnapshot.png
81 image:editDesktopSnapshot.png
82 image:editDesktopSnapshotAnnotations.png
83 image:commentsDesktopSnapshot.png
84 image:attachmentsDesktopSnapshot.png
85 image:historyDesktopSnapshot.png
86 image:[email protected]
87 image:[email protected]
88 image:[email protected]
89 image:[email protected]
90 image:[email protected]
91 image:[email protected]
92 {{/gallery}}
93
94 (% class="clearfloats" %)
95 (((
96
97 )))
98 )))
99
100 (((
101 ==== Simple Overview ====
102
103 {{gallery}}
104 image:loginDesktopDetails.png
105 image:homepageDesktopSnapshot.png
106 image:profileDesktopSnapshot.png
107 image:administrationDesktopSnapshot.png
108 image:appWithinMinutesDesktopSnapshot.png
109 image:userDirectoryDesktopSnapshot.png
110 image:documentIndexDesktopSnapshot.png
111 image:dashboardDesktopSnapshot.png
112 image:blogDesktopSnapshot.png
113 image:helpDesktopSnapshot.png
114 image:pageExample1DesktopSnapshot.png
115 image:editDesktopSnapshot.png
116 image:commentsDesktopSnapshot.png
117 image:attachmentsDesktopSnapshot.png
118 image:historyDesktopSnapshot.png
119 image:[email protected]
120 image:[email protected]
121 {{/gallery}}
122
123 (% class="clearfloats" %)
124 (((
125
126 )))
127 )))
128 )))
129
130 (% class="dashboardright left column50" style="width:49%" %)
131 (((
132 ==== Components ====
133
134 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
135 (((
136 [[Login>>Skin4xLogin]]
137 [[[[image:loginDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xLogin]]
138 )))
139
140 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
141 (((
142 [[Homepage>>Skin4xHomepage]]
143 [[[[image:homepageDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xHomepage]]
144 )))
145
146 (% class="left column33 dashboardright" style="width: 29%;" %)
147 (((
148 [[Profile>>Skin4xProfile]]
149 [[[[image:profileDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xProfile]]
150 )))
151
152 (% class="clearfloats" %)
153 (((
154
155 )))
156
157 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
158 (((
159 [[Administration>>Skin4xAdministration]]
160 [[[[image:administrationDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAdministration]]
161 )))
162
163 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
164 (((
165 [[AppWithinMinutes>>Skin4xAppWithinMinutes]]
166 [[[[image:appWithinMinutesDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xAppWithinMinutes]]
167 )))
168
169 (% class="left column33 dashboardright" style="width: 29%;" %)
170 (((
171 [[User Directory>>Skin4xUserDirectory]]
172 [[[[image:userDirectoryDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xUserDirectory]]
173 )))
174
175 (% class="clearfloats" %)
176 (((
177
178 )))
179
180 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
181 (((
182 [[Document Index>>Skin4xDocumentIndex]]
183 [[[[image:documentIndexDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xDocumentIndex]]
184 )))
185
186 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
187 (((
188 [[Dashboard>>Skin4xDashboard]]
189 [[[[image:dashboardDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xDashboard]]
190 )))
191
192 (% class="left column33 dashboardright" style="width: 29%;" %)
193 (((
194 [[Blog>>Skin4xBlog]]
195 [[[[image:blogDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xBlog]]
196 )))
197
198 (% class="clearfloats" %)
199 (((
200
201 )))
202
203 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
204 (((
205 [[Help Center>>HelpCenter]] ([[v2>>attach:helpDesktopDetails.png]])
206 [[[[image:helpDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>HelpCenter]]
207 )))
208
209 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
210 (((
211 [[Page View>>Skin4xPageView]]
212 [[[[image:pageExample1DesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageView]]
213 )))
214
215 (% class="left column33 dashboardleft" style="width: 29%;" %)
216 (((
217 [[Page Edit>>CollaborativeEditing]] ([[v2>>attach:editDesktopDetails.png]])
218 [[[[image:editDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>CollaborativeEditing]]
219 )))
220
221 (% class="clearfloats" %)
222 (((
223
224 )))
225
226 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
227 (((
228 [[Page Comments>>Skin4xPageComments]]
229 [[[[image:commentsDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageComments]]
230 )))
231
232 (% class="left column33 dashboardleft" style="margin-right: 2%; width: 29%;" %)
233 (((
234 [[Page Attachments>>Skin4xPageAttachments]]
235 [[[[image:attachmentsDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageAttachments]]
236 )))
237
238 (% class="left column33 dashboardright" style="width: 29%;" %)
239 (((
240 [[Page History>>Skin4xPageHistory]]
241 [[[[image:historyDesktopSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xPageHistory]]
242 )))
243
244 (% class="clearfloats" %)
245 (((
246
247 )))
248
249 (% class="left column33 dashboardright" style="margin-right: 2%; width: 29%;" %)
250 (((
251 [[Menus>>Skin4xMenus]]
252 [[[[image:menusSnapshotMini.png||style="border: 1px dotted #DFDFF2; max-width: 100%;"]]>>Skin4xMenus]]
253 )))
254
255 (% class="clearfloats" %)
256 (((
257
258 )))
259 )))

Get Connected