Changes for page testpage2

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

From version 54.1
edited by geosens
on 2025/01/15 17:20
Change comment: There is no comment for this version
To version 86.1
edited by geosens
on 2025/01/15 19:04
Change comment: There is no comment for this version

Summary

Details

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