Changes for page testpage2

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

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