Skip to content

Commit 6f4039b

Browse files
Community-ProgrammerTim Bannister
Community-Programmer
and
Tim Bannister
authored
Add KCSA Certification to Training page (#43318)
* Add KCSA certification to Training page Co-Authored-By: Tim Bannister <[email protected]> * Change CSS for training Account for the addition of KCSA. Co-Authored-By: Tim Bannister <[email protected]> --------- Co-authored-by: Tim Bannister <[email protected]>
1 parent 430ce52 commit 6f4039b

File tree

3 files changed

+231
-14
lines changed

3 files changed

+231
-14
lines changed

‎content/en/training/_index.html

Lines changed: 28 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -14,17 +14,22 @@
1414
<h2>Build your cloud native career</h2>
1515
<p>Kubernetes is at the core of the cloud native movement. Training and certifications from the Linux Foundation and our training partners lets you invest in your career, learn Kubernetes, and make your cloud native projects successful.</p>
1616
</div>
17-
<div class="logo-certification cta-image" id="logo-kcnf">
18-
<img src="/images/training/kubernetes-kcnf-white.svg" />
19-
</div>
20-
<div class="logo-certification cta-image" id="logo-cka">
21-
<img src="/images/training/kubernetes-cka-white.svg"/>
22-
</div>
23-
<div class="logo-certification cta-image" id="logo-ckad">
24-
<img src="/images/training/kubernetes-ckad-white.svg"/>
25-
</div>
26-
<div class="logo-certification cta-image" id="logo-cks">
27-
<img src="/images/training/kubernetes-cks-white.svg"/>
17+
<div class="cta-img-container">
18+
<div class="logo-certification cta-image" id="logo-kcnf">
19+
<img src="/images/training/kubernetes-kcnf-white.svg" />
20+
</div>
21+
<div class="logo-certification cta-image" id="logo-kcsa">
22+
<img src="/images/training/kubernetes-cksa-white.svg" />
23+
</div>
24+
<div class="logo-certification cta-image" id="logo-cka">
25+
<img src="/images/training/kubernetes-cka-white.svg"/>
26+
</div>
27+
<div class="logo-certification cta-image" id="logo-ckad">
28+
<img src="/images/training/kubernetes-ckad-white.svg"/>
29+
</div>
30+
<div class="logo-certification cta-image" id="logo-cks">
31+
<img src="/images/training/kubernetes-cks-white.svg"/>
32+
</div>
2833
</div>
2934
</div>
3035
</div>
@@ -93,6 +98,16 @@ <h5>
9398
<br>
9499
<a href="https://training.linuxfoundation.org/certification/kubernetes-cloud-native-associate/" target="_blank" class="button">Go to Certification</a>
95100
</div>
101+
<div class="col-nav">
102+
103+
<h5>
104+
<b>Kubernetes and Cloud Native Security Associate (KCSA)</b>
105+
</h5>
106+
<p>The KCSA is a pre-professional certification designed for candidates interested in advancing to the professional level through a demonstrated understanding of foundational knowledge and skills of security technologies in the cloud native ecosystem.</p>
107+
<p>A certified KCSA will confirm an understanding of the baseline security configuration of Kubernetes clusters to meet compliance objectives.</p>
108+
<br>
109+
<a href="https://training.linuxfoundation.org/certification/kubernetes-and-cloud-native-security-associate-kcsa/" target="_blank" class="button">Go to Certification</a>
110+
</div>
96111
<div class="col-nav">
97112
<h5>
98113
<b>Certified Kubernetes Application Developer (CKAD)</b>
@@ -106,6 +121,7 @@ <h5>
106121
<h5>
107122
<b>Certified Kubernetes Administrator (CKA)</b>
108123
</h5>
124+
109125
<p>The Certified Kubernetes Administrator (CKA) program provides assurance that CKAs have the skills, knowledge, and competency to perform the responsibilities of Kubernetes administrators.</p>
110126
<p>A certified Kubernetes administrator has demonstrated the ability to do basic installation as well as configuring and managing production-grade Kubernetes clusters.</p>
111127
<br>
@@ -115,6 +131,7 @@ <h5>
115131
<h5>
116132
<b>Certified Kubernetes Security Specialist (CKS)</b>
117133
</h5>
134+
118135
<p>The Certified Kubernetes Security Specialist program provides assurance that the holder is comfortable and competent with a broad range of best practices. CKS certification covers skills for securing container-based applications and Kubernetes platforms during build, deployment and runtime.</p>
119136
<p><em>Candidates for CKS must hold a current Certified Kubernetes Administrator (CKA) certification to demonstrate they possess sufficient Kubernetes expertise before sitting for the CKS.</em></p>
120137
<br>

‎static/css/training.css

Lines changed: 56 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,14 @@ body.cid-training section.call-to-action .main-section .cta-text > * {
4848
max-width: min(1000px, 50vw);
4949
}
5050

51+
/*Image Container for further position of image in smaller devices*/
52+
body.cid-training .cta-img-container{
53+
display: flex;
54+
flex-direction: row;
55+
align-items: center;
56+
gap: 40px;
57+
}
58+
5159
body.cid-training section.call-to-action .main-section .cta-image {
5260
max-width: max(20vw,150px);
5361
flex-basis: auto;
@@ -114,7 +122,7 @@ body.cid-training #get-certified .col-nav a.button {
114122
}
115123

116124

117-
@media only screen and (max-width: 840px) {
125+
@media only screen and (max-width: 945px) {
118126
body.cid-training section.call-to-action .main-section .cta-image > img {
119127
margin: 0;
120128
}
@@ -143,6 +151,47 @@ body.cid-training #get-certified .col-nav a.button {
143151
margin: auto;
144152
padding-top: 20px;
145153
}
154+
155+
body.cid-training .cta-img-container{
156+
position: relative;
157+
display: grid;
158+
grid-template-columns: repeat(2, 120px);
159+
gap: 0;
160+
}
161+
162+
body.cid-training #logo-kcnf{
163+
grid-column: 1 / span 2;
164+
margin: 0 auto;
165+
}
166+
167+
body.cid-training #logo-kcnf > img{
168+
position: absolute;
169+
top: 0;
170+
}
171+
172+
.cta-image:nth-child(-n+2) {
173+
grid-row: 1;
174+
}
175+
176+
177+
/*Change the display to Grid to prevent stretching of tiles*/
178+
body.cid-training .col-container {
179+
display: grid;
180+
grid-template-columns: auto auto;
181+
182+
}
183+
184+
body.cid-training .col-nav {
185+
width: 100%;
186+
height: 100%;
187+
}
188+
189+
body.cid-training .col-container .col-nav:last-child{
190+
justify-self: center;
191+
width: 50%;
192+
grid-column-start: span 2;
193+
194+
}
146195
}
147196

148197

@@ -151,16 +200,20 @@ body.cid-training #get-certified .col-nav a.button {
151200

152201
@media only screen and (max-width: 480px) {
153202
body.cid-training .col { margin: 1% 0 1% 0%;}
154-
body.cid-training .col-container { flex-direction: column; }
203+
body.cid-training .col-container { display: flex; flex-direction: column; }
204+
body.cid-training .cta-img-container{display: flex;flex-direction: column;}
205+
body.cid-training .col-container .col-nav:last-child{width: 100%;}
155206
body.cid-training #logo-cks { order: initial; }
207+
body.cid-training #logo-kcnf > img{position: relative; }
156208
}
157209

158210
@media only screen and (max-width: 650px) {
159211
body.cid-training .col-nav {
160212
display: block;
161213
width: 100%;
162214
}
163-
body.cid-training .col-container { flex-direction: column; }
215+
body.cid-training .col-container {display: flex; flex-direction: column; }
216+
body.cid-training .col-container .col-nav:last-child{width: 100%;}
164217
}
165218

166219
body.cid-training .button {

‎static/images/training/kubernetes-cksa-white.svg

Lines changed: 147 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)