Changes for page testpage2

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

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

Summary

Details

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