Changes for page testpage2

Last modified by geosens on 2025/01/15 19:04

From version 86.1
edited by geosens
on 2025/01/15 19:04
Change comment: There is no comment for this version
To version 42.1
edited by geosens
on 2025/01/15 16:27
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,124 +1,132 @@
1 1  {{velocity output="false"}}
2 2  $xwiki.ssx.use('Documentation.WebHome')
3 +$xwiki.ssx.use('CardsCSS');
3 3  {{/velocity}}
4 4  
5 -(% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
6 +
7 +
8 +(% class="col-xs-12 col-sm-4 col-md-4 cards-container border-green" %)
6 6  (((
7 -(% class="card card1 border-green" %)
10 +(% class="card card1" %)
8 8  (((
9 -(% class="card-header h2-green" %)
10 -(((
11 -== Die VitiMeteo Website ==
12 -)))
13 -
14 14  (% class="card-body" %)
15 15  (((
16 -Was bietet die Vitimeteo Website.
17 -)))
14 +== Die VitiMeteo Website 1 ==
18 18  
19 -(% class="card-footer text-right" %)
16 +(% class="card-text" %)
20 20  (((
21 -[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
18 +Was bietet Ihnen die Vitimeteo Website.
19 +\\[[App Within Minutes>>AppWithinMinutes]] (AWM).
20 +AWM will take care of making it easy for you and your users to create and manage the data.
21 +
22 +(% class="card-text" %)
23 +
22 22  )))
23 23  )))
24 24  )))
27 +)))
25 25  
26 26  (% class="col-xs-12 col-sm-4 col-md-4 cards-container border-blue" %)
27 27  (((
28 28  (% class="card card1" %)
29 29  (((
30 -(% class="card-header" %)
31 -(((
32 -== Über VitiMeteo ==
33 -)))
34 -
35 35  (% class="card-body" %)
36 36  (((
37 -Eine kurze Vorstellung des Vitimeteo - Projekts.
38 -)))
35 +== Die VitiMeteo Website 2 ==
39 39  
40 -(% class="card-footer text-right" %)
37 +(% class="card-text" %)
41 41  (((
42 -[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
39 +Was bietet Ihnen die Vitimeteo Website.
40 +\\[[App Within Minutes>>AppWithinMinutes]] (AWM).
41 +AWM will take care of making it easy for you and your users to create and manage the data.
42 +
43 +(% class="card-text" %)
44 +
43 43  )))
44 44  )))
45 45  )))
48 +)))
46 46  
47 -(% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
50 +(% class="col-xs-12 col-sm-4 col-md-4 cards-container border-cyan" %)
48 48  (((
49 49  (% class="card card1" %)
50 50  (((
51 -(% class="card-header" %)
52 -(((
53 -== Die Modelle ==
54 -)))
55 -
56 56  (% class="card-body" %)
57 57  (((
58 -Vitimeteo modelliert Rebkrankheiten und -Schädlinge, um eine optimale und schonende Behandlung zu ermöglichen.
59 -)))
56 +== Die VitiMeteo Website 3 ==
60 60  
61 -(% class="card-footer text-right" %)
58 +(% class="card-text" %)
62 62  (((
63 -[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
60 +Was bietet Ihnen die Vitimeteo Website.
61 +\\[[App Within Minutes>>AppWithinMinutes]] (AWM).
62 +AWM will take care of making it easy for you and your users to create and manage the data.
63 +
64 +(% class="card-text" %)
65 +
64 64  )))
65 65  )))
66 66  )))
69 +)))
67 67  
68 68  (% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
69 69  (((
70 70  (% class="card card1" %)
71 71  (((
72 -(% class="card-header" %)
75 +(% class="card-body" %)
73 73  (((
74 74  == Die VitiMeteo Website 4 ==
75 -)))
76 -(% class="card-body" %)
78 +
79 +(% class="card-text" %)
77 77  (((
78 78  Was bietet Ihnen die Vitimeteo Website.
79 -[[App Within Minutes>>AppWithinMinutes]] (AWM).
82 +\\[[App Within Minutes>>AppWithinMinutes]] (AWM).
83 +AWM will take care of making it easy for you and your users to create and manage the data.
84 +
85 +(% class="card-text" %)
86 +
80 80  )))
81 -(% class="card-footer text-right" %)
82 -(((
83 -[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
84 84  )))
85 85  )))
86 86  )))
87 87  
88 -(% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
92 +(% class="col-xs-12 col-sm-4 cards-container" %)
89 89  (((
90 90  (% class="card card1" %)
91 91  (((
92 -(% class="card-header" %)
96 +(% class="card-body" %)
93 93  (((
94 94  == Die VitiMeteo Website 5 ==
95 -)))
96 -(% class="card-body" %)
99 +
100 +(% class="card-text" %)
97 97  (((
98 -[[App Within Minutes>>AppWithinMinutes]] (AWM).
102 +Was bietet Ihnen die Vitimeteo Website.
103 +\\[[App Within Minutes>>AppWithinMinutes]] (AWM).
104 +AWM will take care of making it easy for you and your users to create and manage the data.
105 +
106 +(% class="card-text" %)
107 +
99 99  )))
100 -(% class="card-footer text-right" %)
101 -(((
102 -[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
103 103  )))
104 104  )))
105 105  )))
106 106  
107 -(% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
113 +(% class="col-xs-12 col-sm-4 cards-container" %)
108 108  (((
109 109  (% class="card card1" %)
110 110  (((
111 -(% class="card-header" %)
117 +(% class="card-body" %)
112 112  (((
113 113  == Die VitiMeteo Website 6 ==
114 -)))
115 -(% class="card-body" %)
120 +
121 +(% class="card-text" %)
116 116  (((
117 117  Was bietet Ihnen die Vitimeteo Website.
124 +\\[[App Within Minutes>>AppWithinMinutes]] (AWM).
125 +AWM will take care of making it easy for you and your users to create and manage the data.
126 +
127 +(% class="card-text" %)
128 +
118 118  )))
119 -(% class="card-footer text-right" %)
120 -(((
121 -[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
122 122  )))
123 123  )))
124 124  )))
XWiki.StyleSheetExtension[1]
Code
... ... @@ -1,15 +3,4 @@
1 -.card-body {min-height: 100px;}
2 -.card-footer {padding: 0 12px 0 0;}
3 3  .border-blue {border-color: blue; }
4 4  .border-green {border-color: green; }
5 5  .border-cyan {border-color: cyan; }
6 6  .border-red {border-color: red; }
7 -.bg-blue {background-color: blue;}
8 -.bg-green {background-color: green;}
9 -.bg-cyan {background-color: cyan;}
10 -.bg-red {background-color: red;}
11 -.h2-black > h2 {color: black;}
12 -.h2-blue > h2 {color: blue;}
13 -.h2-green > h2 {color: green;}
14 -.h2-cyan > h2 {color: cyan;}
15 -.h2-red > h2 {color: red;}