Changes for page Home

Last modified by Jesse Veentjer on 06-5-2024 05:01
From version 216.2
edited by Jesse Veentjer
on 21-2-2023 04:34
Change comment: Opmerking toegevoegd
To version 219.19
edited by Jesse Veentjer
on 15-2-2024 05:16
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -18,7 +18,7 @@
18 18  {{velocity}}
19 19  #if(!$isGuest)
20 20  ##gebruiker is ingelogd
21 -(% style="font-size:18px;font-style: italic;" %)**[[Zorg dat je op de hoogte bent van de kennisbank huisregels!>>doc:.Werkwijze.Applicaties.Kennisbank.Huisregels kennisbank.WebHome||target=_blank]]**
21 +(% style="font-size:18px;font-style: italic;" %)**[[Zorg dat je op de hoogte bent van de kennisbank huisregels!>>doc:.Werkwijze.Kennisbank.Huisregels kennisbank.WebHome||target=_blank]]**
22 22  #end
23 23  {{/velocity}}
24 24  
... ... @@ -43,7 +43,7 @@
43 43  
44 44  ----
45 45  
46 -* [[Klik hier voor uitleg hoe de kennisbank werkt>>doc:.Werkwijze.Applicaties.Kennisbank.WebHome]]. //Als je verdwaald raakt kan je altijd linksbovenin op het logo klikken, dan ga je terug naar deze homepagina.  //
46 +* [[Klik hier voor uitleg hoe de kennisbank werkt>>doc:Main.Werkwijze.Kennisbank.WebHome]]. //Als je verdwaald raakt kan je altijd linksbovenin op het logo klikken, dan ga je terug naar deze homepagina.  //
47 47  * [[Voor discussies,vragen en/of opmerkingen over de kennisbank kan je aan dit teamkanaal meedoen>>https://teams.microsoft.com/l/team/19%3aAxo-k8j1CVRGXTb0t3Dc6tjNDNudeTZjcP_KZVFR5381%40thread.tacv2/conversations?groupId=4da292cd-ff72-4d4c-adc5-8aa3dfc4ae3f&tenantId=42b413cc-67db-4507-a4a6-ce30ce798022||rel="noopener noreferrer" target="_blank"]].
48 48  
49 49  {{velocity}}
XWiki.StyleSheetExtension[0]
Code
... ... @@ -3,3 +3,103 @@
3 3   height: 169px;
4 4   width: 100%;
5 5  }
6 +.half-width-section {
7 + width: 50%;
8 +}
9 +
10 + /* Styling for the button */
11 + .login-btn {
12 + display: inline-block;
13 + padding: 24px 48px; /* Increased padding for a slightly bigger button */
14 + background-color: #D9D9D9; /* Grijs (formulier - header) */
15 + color: #000; /* Text color */
16 + border: none;
17 + border-radius: 5px;
18 + font-size: 27px; /* Increased font size for a slightly larger button */
19 + cursor: pointer;
20 + position: relative;
21 + overflow: hidden;
22 + transition: all 0.3s ease;
23 + }
24 +
25 + /* Styling for the button hover effect */
26 + .login-btn:hover {
27 + background-color: #F2F2F2; /* Lighter shade of grey on hover */
28 + }
29 +
30 + /* Styling for the button before animation */
31 + .login-btn:before {
32 + content: "";
33 + position: absolute;
34 + top: 50%;
35 + left: 50%;
36 + width: 300%;
37 + height: 300%;
38 + background-color: #878787;
39 + transition: all 0.3s ease;
40 + border-radius: 50%;
41 + z-index: 0;
42 + transform: translate(-50%, -50%);
43 + }
44 +
45 + /* Animation when button is clicked */
46 + .login-btn.clicked:before {
47 + width: 50%%;
48 + height: 50%;
49 + opacity: 0;
50 + }
51 +
52 + /* Styling for the button text */
53 + .login-btn span {
54 + position: relative;
55 + z-index: 1;
56 + }
57 +
58 +/* Styling for the smaller button */
59 +.small-login-btn {
60 + display: inline-block;
61 + padding: 12px 24px; /* Reduced padding for a smaller button */
62 + background-color: #D9D9D9; /* Grijs (formulier - header) */
63 + color: #000; /* Text color */
64 + border: none;
65 + border-radius: 5px;
66 + font-size: 18px; /* Reduced font size for a smaller button */
67 + cursor: pointer;
68 + position: relative;
69 + overflow: hidden;
70 + transition: all 0.3s ease;
71 +}
72 +
73 +/* Styling for the smaller button hover effect */
74 +.small-login-btn:hover {
75 + background-color: #F2F2F2; /* Lighter shade of grey on hover */
76 +}
77 +
78 +/* Styling for the smaller button before animation */
79 +.small-login-btn:before {
80 + content: "";
81 + position: absolute;
82 + top: 50%;
83 + left: 50%;
84 + width: 300%;
85 + height: 300%;
86 + background-color: #878787;
87 + transition: all 0.3s ease;
88 + border-radius: 50%;
89 + z-index: 0;
90 + transform: translate(-50%, -50%);
91 +}
92 +
93 +/* Animation when smaller button is clicked */
94 +.small-login-btn.clicked:before {
95 + width: 50%%;
96 + height: 50%;
97 + opacity: 0;
98 +}
99 +
100 +/* Styling for the smaller button text */
101 +.small-login-btn span {
102 + position: relative;
103 + z-index: 1;
104 +}
105 + }
XWiki.XWikiComments[0]
author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Jesse
comment
... ... @@ -1,1 +1,0 @@
1 -test
date
... ... @@ -1,1 +1,0 @@
1 -2023-02-21 16:34:50.338
XWiki.XWikiRights[9]
allow
... ... @@ -1,0 +1,1 @@
1 +Allow
groups
... ... @@ -1,0 +1,1 @@
1 +XWiki.Axians
levels
... ... @@ -1,0 +1,1 @@
1 +view,script