Add CKS to training page

CKS is a two-hour, performance-based certification exam that provides
assurance that a certificant has the skills, knowledge, and competence on
a broad range of best practices for securing container-based applications
and Kubernetes platforms during build, deployment, and runtime. And now
it's live.
pull/25087/head
Tim Bannister 2020-11-17 17:20:01 +00:00
parent 497e2ccb10
commit 938d569e8e
3 changed files with 126 additions and 64 deletions

View File

@ -10,16 +10,19 @@ class: training
<section class="call-to-action">
<div class="main-section">
<div class="call-to-action" id="cta-certification">
<div class="logo-certification cta-image cta-image-before" id="logo-cka">
<img src="/images/training/kubernetes-cka-white.svg"/>
</div>
<div class="logo-certification cta-image cta-image-after" id="logo-ckad">
<img src="/images/training/kubernetes-ckad-white.svg"/>
</div>
<div class="cta-text">
<h2>Build your cloud native career</h2>
<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>
</div>
<div class="logo-certification cta-image" id="logo-cka">
<img src="/images/training/kubernetes-cka-white.svg"/>
</div>
<div class="logo-certification cta-image" id="logo-ckad">
<img src="/images/training/kubernetes-ckad-white.svg"/>
</div>
<div class="logo-certification cta-image" id="logo-cks">
<img src="/images/training/kubernetes-cks-white.svg"/>
</div>
</div>
</div>
</section>
@ -74,31 +77,36 @@ class: training
</div>
</div>
<section>
<section id="get-certified">
<div class="main-section padded">
<center>
<h2>Get Kubernetes Certified</h2>
</center>
<h2>Get Kubernetes Certified</h2>
<div class="col-container">
<div class="col-nav">
<center>
<h5>
<b>Certified Kubernetes Application Developer (CKAD)</b>
</h5>
<p>The Certified Kubernetes Application Developer exam certifies that users can design, build, configure, and expose cloud native applications for Kubernetes.</p>
<p>A CKAD can define application resources and use core primitives to build, monitor, and troubleshoot scalable applications and tools in Kubernetes.</p>
<br>
<a href="https://training.linuxfoundation.org/certification/certified-kubernetes-application-developer-ckad/" target="_blank" class="button">Go to Certification</a>
</center>
</div>
<div class="col-nav">
<center>
<h5>
<b>Certified Kubernetes Administrator (CKA)</b>
</h5>
<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>
<p>A certified Kubernetes administrator has demonstrated the ability to do basic installation as well as configuring and managing production-grade Kubernetes clusters.</p>
<br>
<a href="https://training.linuxfoundation.org/certification/certified-kubernetes-administrator-cka/" target="_blank" class="button">Go to Certification</a>
</center>
</div>
<div class="col-nav">
<h5>
<b>Certified Kubernetes Security Specialist (CKS)</b>
</h5>
<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>
<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>
<br>
<a href="https://training.linuxfoundation.org/certification/certified-kubernetes-security-specialist/" target="_blank" class="button">Go to Certification</a>
</div>
</div>
</div>

View File

@ -1,29 +1,28 @@
#hero {
body.cid-training body.cid-training #hero {
text-align: left;
padding-bottom: 20px;
}
.section {
body.cid-training body.cid-training .section {
clear: both;
padding: 0px;
margin-bottom: 2em;
width: 100%;
}
section.call-to-action {
body.cid-training section.call-to-action {
color: #ffffff;
background-color: #3371e3;
}
section.call-to-action .main-section {
body.cid-training section.call-to-action .main-section {
max-width: initial;
}
section.call-to-action .main-section > div.call-to-action {
body.cid-training section.call-to-action .main-section > div.call-to-action {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-basis: auto;
justify-content: center;
align-items: center;
margin: initial;
@ -31,54 +30,57 @@ section.call-to-action .main-section > div.call-to-action {
padding-bottom: 5rem;
}
section.call-to-action .main-section > div.call-to-action > div {
order: 1;
body.cid-training section.call-to-action .main-section > div.call-to-action > div {
padding: 20px;
}
section.call-to-action .main-section .cta-text {
text-align: center;
flex: 1 1 auto;
max-width: 50vw;
body.cid-training section.call-to-action .main-section .cta-text {
width: 100%;
flex-basis: 100%;
}
/* if max() and min() are available, use them */
section.call-to-action .main-section .cta-text {
body.cid-training section.call-to-action .main-section .cta-text > * {
margin-left: auto;
margin-right: auto;
text-align: center;
/* if max() and min() are available, use them */
min-width: min(20em, 50vw);
max-width: min(1000px, 50vw);
}
section.call-to-action .main-section .cta-image.cta-image-before {
order: 0
body.cid-training section.call-to-action .main-section .cta-image {
max-width: max(20vw,150px);
flex-basis: auto;
}
section.call-to-action .main-section .cta-image.cta-image-after {
order: 2
}
section.call-to-action .main-section .cta-image > img {
body.cid-training section.call-to-action .main-section .cta-image > img {
display: block;
width: 150px;
margin: auto;
}
.col {
body.cid-training #logo-cks {
order: 2; /* central */
}
body.cid-training .col {
display: flex;
flex-direction: row;
float: left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }
body.cid-training .col:first-child { margin-left: 0; }
.col-container {
body.cid-training .col-container {
display: flex; /* Make the container element behave like a table */
flex-direction: row;
width: 100%; /* Set full-width to expand the whole page */
padding-bottom: 30px;
}
.col-nav {
body.cid-training .col-nav {
display: flex;
flex-grow: 1;
width: 18%;
@ -87,44 +89,62 @@ section.call-to-action .main-section .cta-image > img {
border: 5px solid white;
}
body.cid-training #get-certified .col-nav {
flex-flow: column nowrap;
justify-content: space-between;
}
body.cid-training #get-certified .col-nav > * {
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
}
body.cid-training #get-certified .col-nav > br {
flex-grow: 1;
display: block;
min-height: 2em;
}
body.cid-training #get-certified .col-nav a.button {
flex: initial;
width: auto;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 840px) {
section.call-to-action .main-section .cta-image.cta-image-before, section.call-to-action .main-section .cta-image.cta-image-after {
order: 0;
}
section.call-to-action .main-section .cta-image > img {
body.cid-training section.call-to-action .main-section .cta-image > img {
margin: 0;
}
section.call-to-action .main-section .cta-image > img {
body.cid-training section.call-to-action .main-section .cta-image > img {
width: 7rem;
}
section.call-to-action .main-section > div.call-to-action > div {
body.cid-training section.call-to-action .main-section > div.call-to-action > div {
padding: 0 2rem 0 2rem;
}
section.call-to-action .main-section .cta-text {
flex: 2 0 75vw;
max-width: initial;
padding: 5vw 0 0 0;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.col { margin: 1% 0 1% 0%;}
.col-container { flex-direction: column; }
body.cid-training .col { margin: 1% 0 1% 0%;}
body.cid-training .col-container { flex-direction: column; }
body.cid-training #logo-cks { order: initial; }
}
@media only screen and (max-width: 650px) {
.col-nav {
body.cid-training .col-nav {
display: block;
width: 100%;
}
.col-container { flex-direction: column; }
body.cid-training .col-container { flex-direction: column; }
}
.button{
body.cid-training .button {
max-width: 100%;
box-sizing: border-box;
margin: 1em 0;
@ -136,47 +156,48 @@ section.call-to-action .main-section .cta-image > img {
font-size: 16px;
background-color: #3371e3;
text-decoration: none;
text-align: center;
}
h5 {
body.cid-training h5 {
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
margin-bottom: 2em;
}
.white-text {
body.cid-training .white-text {
color: #fff;
}
.padded {
body.cid-training .padded {
padding-top: 100px;
padding-bottom: 100px;
}
.blue-bg {
body.cid-training .blue-bg {
background-color: #3371e3;
}
.lighter-gray-bg {
body.cid-training .lighter-gray-bg {
background-color: #f4f4f4;
}
.two-thirds-centered {
body.cid-training .two-thirds-centered {
width: 66%;
max-width: 950px;
margin-left: auto;
margin-right: auto;
}
.landscape-section {
body.cid-training .landscape-section {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
width: 100%;
}
#landscape {
body.cid-training #landscape {
opacity: 1;
visibility: visible;
overflow: hidden;

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 30 KiB