Wiki source code of Flamingo Skin
Last modified by Vincent Massol on 2024/02/26 17:54
Show last authors
author | version | line-number | content |
---|---|---|---|
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 | ))) |