Skip to Content

Changes for page Academy

Last modified by Erik Bakker on 2024/09/24 16:12
From version 28.1
edited by Erik Bakker
on 2022/04/21 15:44
Change comment: Added object
To version 51.1
edited by Erik Bakker
on 2022/04/25 15:31
Change comment: There is no comment for this version

Summary

Details

XWiki.DocumentSheetBinding[0]
XWiki.GadgetClass[0]
content
... ... @@ -1,9 +1,0 @@
1 -{{velocity}}
2 -#set ($extraParams = '')
3 -#if ($doc.space != 'Main')
4 - #set ($escapedDocumentReference = $services.rendering.escape($services.model.serialize($doc.documentReference,
5 - 'default'), 'xwiki/2.1'))
6 - #set ($extraParams = "root='document:$escapedDocumentReference'")
7 -#end
8 -{{documentTree showTranslations="false" showAttachments="false" compact="true" $extraParams /}}
9 -{{/velocity}}
position
... ... @@ -1,1 +1,0 @@
1 -1,1
title
... ... @@ -1,1 +1,0 @@
1 -#if ($doc.space == 'Main')$services.localization.render('platform.dashboard.wiki.pages')#{else}$services.localization.render('platform.dashboard.space.documents', [$doc.plainTitle])#end
XWiki.GadgetClass[1]
content
... ... @@ -1,198 +1,0 @@
1 -{{code}}
2 -@import url('https://fonts.googleapis.com/css?family=Heebo:400,700|Open+Sans:400,700');
3 -
4 -:root {
5 - --color: #3c3163;
6 - --transition-time: 0.5s;
7 -}
8 -
9 -* {
10 - box-sizing: border-box;
11 -}
12 -
13 -body {
14 - margin: 0;
15 - min-height: 100vh;
16 - font-family: 'Open Sans';
17 - background: #fafafa;
18 -}
19 -
20 -a {
21 - color: inherit;
22 -}
23 -
24 -.cards-wrapper {
25 - display: grid;
26 - justify-content: center;
27 - align-items: center;
28 - grid-template-columns: 1fr 1fr 1fr;
29 - grid-gap: 4rem;
30 - padding: 4rem;
31 - margin: 0 auto;
32 - width: max-content;
33 -}
34 -
35 -.card {
36 - font-family: 'Heebo';
37 - --bg-filter-opacity: 0.5;
38 - background-image: linear-gradient(rgba(0,0,0,var(--bg-filter-opacity)),rgba(0,0,0,var(--bg-filter-opacity))), var(--bg-img);
39 - height: 20em;
40 - width: 15em;
41 - font-size: 1.5em;
42 - color: white;
43 - border-radius: 1em;
44 - padding: 1em;
45 - /*margin: 2em;*/
46 - display: flex;
47 - align-items: flex-end;
48 - background-size: cover;
49 - background-position: center;
50 - box-shadow: 0 0 5em -1em black;
51 - transition: all, var(--transition-time);
52 - position: relative;
53 - overflow: hidden;
54 - border: 10px solid #ccc;
55 - text-decoration: none;
56 -}
57 -
58 -.card:hover {
59 - transform: rotate(0);
60 -}
61 -
62 -.card h1 {
63 - margin: 0;
64 - font-size: 1.5em;
65 - line-height: 1.2em;
66 -}
67 -
68 -.card p {
69 - font-size: 0.75em;
70 - font-family: 'Open Sans';
71 - margin-top: 0.5em;
72 - line-height: 2em;
73 -}
74 -
75 -.card .tags {
76 - display: flex;
77 -}
78 -
79 -.card .tags .tag {
80 - font-size: 0.75em;
81 - background: rgba(255,255,255,0.5);
82 - border-radius: 0.3rem;
83 - padding: 0 0.5em;
84 - margin-right: 0.5em;
85 - line-height: 1.5em;
86 - transition: all, var(--transition-time);
87 -}
88 -
89 -.card:hover .tags .tag {
90 - background: var(--color);
91 - color: white;
92 -}
93 -
94 -.card .date {
95 - position: absolute;
96 - top: 0;
97 - right: 0;
98 - font-size: 0.75em;
99 - padding: 1em;
100 - line-height: 1em;
101 - opacity: .8;
102 -}
103 -
104 -.card:before, .card:after {
105 - content: '';
106 - transform: scale(0);
107 - transform-origin: top left;
108 - border-radius: 50%;
109 - position: absolute;
110 - left: -50%;
111 - top: -50%;
112 - z-index: -5;
113 - transition: all, var(--transition-time);
114 - transition-timing-function: ease-in-out;
115 -}
116 -
117 -.card:before {
118 - background: #ddd;
119 - width: 250%;
120 - height: 250%;
121 -}
122 -
123 -.card:after {
124 - background: white;
125 - width: 200%;
126 - height: 200%;
127 -}
128 -
129 -.card:hover {
130 - color: var(--color);
131 -}
132 -
133 -.card:hover:before, .card:hover:after {
134 - transform: scale(1);
135 -}
136 -
137 -.card-grid-space .num {
138 - font-size: 3em;
139 - margin-bottom: 1.2rem;
140 - margin-left: 1rem;
141 -}
142 -
143 -.info {
144 - font-size: 1.2em;
145 - display: flex;
146 - padding: 1em 3em;
147 - height: 3em;
148 -}
149 -
150 -.info img {
151 - height: 3em;
152 - margin-right: 0.5em;
153 -}
154 -
155 -.info h1 {
156 - font-size: 1em;
157 - font-weight: normal;
158 -}
159 -
160 -/* MEDIA QUERIES */
161 -@media screen and (max-width: 1285px) {
162 - .cards-wrapper {
163 - grid-template-columns: 1fr 1fr;
164 - }
165 -}
166 -
167 -@media screen and (max-width: 900px) {
168 - .cards-wrapper {
169 - grid-template-columns: 1fr;
170 - }
171 - .info {
172 - justify-content: center;
173 - }
174 - .card-grid-space .num {
175 - /margin-left: 0;
176 - /text-align: center;
177 - }
178 -}
179 -
180 -@media screen and (max-width: 500px) {
181 - .cards-wrapper {
182 - padding: 4rem 2rem;
183 - }
184 - .card {
185 - max-width: calc(100vw - 4rem);
186 - }
187 -}
188 -
189 -@media screen and (max-width: 450px) {
190 - .info {
191 - display: block;
192 - text-align: center;
193 - }
194 - .info h1 {
195 - margin: 0;
196 - }
197 -}
198 -{{/code}}
position
... ... @@ -1,1 +1,0 @@
1 -1, 2
title
... ... @@ -1,1 +1,0 @@
1 -$services.localization.render('rendering.macro.code.name')
XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +long
Code
... ... @@ -1,0 +1,2 @@
1 +#xwikicontent {.navPusher{background-color:#f5f5f5}.docMainWrapper{max-width:1280px !important;display:-ms-grid;display:grid;grid-template-areas:"outer-nav content inner-nav";-ms-grid-columns:auto 32px 1fr 32px auto;grid-template-columns:auto 1fr auto;-ms-grid-rows:1fr;grid-template-rows:1fr;-moz-column-gap:32px;column-gap:32px;position:relative}.docMainWrapper>.docsNavContainer{-ms-grid-row:1;-ms-grid-column:1;grid-area:outer-nav}.docMainWrapper>.docsContainer:first-child{-ms-grid-row:1;-ms-grid-column:3;grid-area:content;position:relative;z-index:2}.docMainWrapper>.docsContainer:first-child .post:after{content:'';width:100%;height:90px;background-color:#f5f5f5;display:block;position:fixed;top:0}.docMainWrapper>.docsContainer:first-child .post>header{display:none}.docMainWrapper>.onPageNav:nth-child(2){-ms-grid-row:1;-ms-grid-column:5;grid-area:inner-nav;margin:0;padding-top:0;max-width:405px;z-index:1}.docMainWrapper>.onPageNav:nth-child(2):empty{margin:0;padding:0;width:0;flex:0}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings{border:none;padding:16px 32px;background-color:#fff;box-shadow:0 3px 0 0 rgba(16,19,126,0.16)}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings li{margin:0;padding:0}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a{font-size:20px;line-height:30px;color:gray;position:relative;max-width:100%;display:inline-block}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a.active{color:#10137e}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a:after{content:"";display:none;width:0;position:absolute;height:2px;background-color:#10137e;bottom:0;left:0}.docMainWrapper>.onPageNav:nth-child(2)>.toc-headings a:hover:after{display:inline-block;-webkit-animation:line-left 250ms ease-in-out forwards;animation:line-left 250ms ease-in-out forwards}.container.mainContainer.docsContainer{flex-shrink:0 !important;margin:0 !important;width:100%}.ez-academy__body main.master{width:100%;max-width:1280px;margin:0 auto}.ez-academy *{font-family:Ubuntu;color:#10137e}.ez-academy h1,.ez-academy h2,.ez-academy h3,.ez-academy h4,.ez-academy h5,.ez-academy h6{font-family:"Ubuntu", sans-serif;font-weight:700;color:#10137e;margin-top:0}.ez-academy h2.title{font-size:40px;margin-top:8px;margin-bottom:32px}.ez-academy h3{margin-top:32px;margin-bottom:32px;font-size:32px;line-height:37px}.ez-academy h4{font-size:24px;line-height:28px}.ez-academy ul{margin:0;padding:0;list-style:none;border:none}.ez-academy li{margin:0;display:inline-block}.ez-academy p{font-size:20px;line-height:30px;margin-bottom:8px}.ez-academy__body main ul,.ez-academy__body main p{margin-bottom:16px}@-webkit-keyframes block-left{from{right:0;width:100%}to{right:0;width:0}}@keyframes block-left{from{right:0;width:100%}to{right:0;width:0}}.ez-academy .card{box-shadow:0 3px 0 0 rgba(16,19,126,0.16);min-height:200px;background-color:#fff;display:-ms-grid;display:grid;grid-template-areas:"body" "footer";-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr auto;grid-template-rows:1fr auto}.ez-academy .card__body{-ms-grid-row:1;-ms-grid-column:1;grid-area:body;padding:16px;position:relative}.ez-academy .card__body .title{margin-top:0;text-shadow:0 0 10px #fff;position:relative;z-index:2}.ez-academy .card__body:after{content:'';width:100%;height:100%;display:block;background-color:rgba(255,255,255,0.25);position:absolute;top:0;right:0;z-index:1}.ez-academy .card__body:hover:after{-webkit-animation:block-left 250ms ease-in-out forwards;animation:block-left 250ms ease-in-out forwards}.ez-academy .card__footer{-ms-grid-row:2;-ms-grid-column:1;grid-area:footer;background-color:#10137e;margin:0;list-style:none;display:flex;padding:12px 16px}.ez-academy .card__footer-item{display:flex;margin:0;margin-right:32px}.ez-academy .card__footer-icon{max-height:24px;width:auto;margin-right:8px}.ez-academy .card__footer-label{color:#fff;font-size:20px;line-height:24px}.ez-academy .card--featured{-ms-grid-column-span:3;grid-column:span 3}.ez-academy .card--featured .card__body .title{font-size:32px;line-height:37px}.ez-academy .card-container{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr);gap:32px;padding-bottom:32px}.ez-academy .doc-nav{-ms-grid-row:1;-ms-grid-column:2;display:-ms-grid;display:grid;-ms-grid-columns:auto (1fr)[4];grid-template-columns:auto repeat(4, 1fr);-ms-grid-rows:auto;grid-template-rows:auto;padding-bottom:3px;background-color:#f5f5f5;overflow:hidden;grid-area:nav}.ez-academy .doc-nav__item{padding:16px;display:flex;position:relative;background-color:#fff;box-shadow:0 3px 0 0 rgba(16,19,126,0.16)}.ez-academy .doc-nav__item a{padding:0 32px;display:block;text-align:center;position:relative;width:100%;flex:0 0 100%}.ez-academy .doc-nav__item a:after{content:"";display:none;width:0;position:absolute;height:2px;background-color:#10137e;bottom:0;left:0}.ez-academy .doc-nav__item a:before{content:'';position:absolute;right:0;border:8px solid #f5f5f5;border-left-color:transparent;border-bottom-color:transparent;width:48px;height:48px;flex:0 0 80px;transform:rotate(45deg) translateY(-50%);transform-origin:center;z-index:4}.ez-academy .doc-nav__item:after{content:none}.ez-academy .doc-nav__item:first-child a{border-left:none}.ez-academy .doc-nav__item:last-child a:before{content:none}.ez-academy .doc-nav__item:hover a:after{display:inline-block;-webkit-animation:line-left 250ms ease-in-out forwards;animation:line-left 250ms ease-in-out forwards}.ez-academy .dropdown{display:-ms-grid;display:grid;position:absolute;left:100%;height:48px;width:50%;overflow:hidden;grid-template-areas:"dropdown nav";-ms-grid-columns:minmax(0, 100%) auto;grid-template-columns:minmax(0, 100%) auto}.ez-academy .dropdown__dropdown{-ms-grid-row:1;-ms-grid-column:1;padding-left:32px;font-size:24px;font-weight:700;grid-area:dropdown;text-overflow:ellipsis;overflow:hidden !important;white-space:nowrap;max-width:100%;border:none}.ez-academy .dropdown__nav{-ms-grid-row:1;-ms-grid-column:2;display:flex;grid-area:nav}.ez-academy .dropdown__nav a{margin:auto 0;display:flex}.ez-academy .dropdown__nav img{max-width:32px;height:auto;margin:auto}.ez-academy .micro-learning{max-height:calc(100vh - 170px);overflow-y:hidden;display:-ms-grid;display:grid;grid-template-areas:"nav" "doc";-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr}.ez-academy .micro-learning>.doc{-ms-grid-row:2;-ms-grid-column:1;padding-left:24px;padding-right:24px;grid-area:doc;overflow-y:auto}.ez-academy .micro-learning>.doc h1,.ez-academy .micro-learning>.doc h2,.ez-academy .micro-learning>.doc h3,.ez-academy .micro-learning>.doc h4{top:0;background-color:#f5f5f5}.ez-academy .micro-learning>.doc h1{font-size:36px;top:0}.ez-academy .micro-learning>.doc h2{font-size:28px;top:36px}.ez-academy .micro-learning>.doc h3{font-size:24px;top:66px}.ez-academy .micro-learning>.doc p{font-size:16px;line-height:24px}.ez-academy .micro-learning>.doc a{color:#69b731}.ez-academy .micro-learning>.doc a:hover{text-decoration:underline}.ez-academy .micro-learning>.doc .anchor{top:0 !important}.ez-academy .micro-learning>.doc ul{list-style:disc;padding-left:32px}.ez-academy .micro-learning>.doc ul>li{display:list-item}.ez-academy .strip-container{width:100%;display:flex;flex-direction:column;counter-reset:stripCounter}@-webkit-keyframes line-left{from{left:0;width:0}to{left:0;width:100%}}@keyframes line-left{from{left:0;width:0}to{left:0;width:100%}}@-webkit-keyframes line-middle{from{left:50%;width:0}to{left:0;width:100%}}@keyframes line-middle{from{left:50%;width:0}to{left:0;width:100%}}.ez-academy .strip{background-color:#fff;box-shadow:0 3px 0 0 rgba(16,19,126,0.16);display:block;margin-bottom:16px;counter-increment:stripCounter;position:relative}.ez-academy .strip:after{content:'';display:none;width:0;position:absolute;height:2px;background-color:#10137e;bottom:0;left:0}.ez-academy .strip:hover:after{display:inline-block;-webkit-animation:line-left 250ms ease-in-out forwards;animation:line-left 250ms ease-in-out forwards}.ez-academy .strip__link{display:flex;justify-content:flex-end;padding:16px 32px}.ez-academy .strip__link>*{cursor:pointer}.ez-academy .strip__label{font-weight:500;font-size:20px;line-height:24px;margin:0 auto 0 0}.ez-academy .strip__label span{display:inline-block}.ez-academy .strip__label span:after{content:"." counter(stripCounter) " - "}.ez-academy .strip__attribute{display:flex;margin:0 0 0 32px}.ez-academy .strip__attribute-icon{max-height:24px;width:auto;margin-right:8px}.ez-academy .strip__attribute-label{font-weight:500;font-size:20px;line-height:24px}.ez-academy .tabs{display:flex;position:relative;margin-bottom:16px}.ez-academy .tabs:after{content:'';width:100%;height:2px;background-color:#10137e;position:absolute;bottom:0;left:0}.ez-academy .tabs__item{border:1px solid #10137e;border-left:none;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#fff;position:relative}.ez-academy .tabs__item:first-child{border-left:1px solid #10137e}.ez-academy .tabs__item--active{z-index:10}.ez-academy .tabs__item--active .tabs__link{font-weight:700}.ez-academy .tabs__link{font-size:20px;line-height:24px;padding:8px 16px;display:inline-block}
2 +}
Content Type
... ... @@ -1,0 +1,1 @@
1 +CSS
Name
... ... @@ -1,0 +1,1 @@
1 +TestCSSExtension
Parse content
... ... @@ -1,0 +1,1 @@
1 +Yes
Use this extension
... ... @@ -1,0 +1,1 @@
1 +currentPage