replace html-inline with shortcodes in the tutorial
Andrii Holovin
parent
4c26fe55a0
commit
c4d31da65b
|
|
@ -35,49 +35,45 @@ container orchestration, combined with best-of-breed ideas from the community.
|
|||
|
||||
## Kubernetes Basics Modules
|
||||
|
||||
<!-- css code to preserve original format -->
|
||||
<link rel="stylesheet" href="/css/style_tutorials.css">
|
||||
<!-- For translators, translate only the values of the ‘alt’ and ‘title’ keys -->
|
||||
{{< tutorials/modules >}}
|
||||
{{< tutorials/module
|
||||
path="/docs/tutorials/kubernetes-basics/create-cluster/cluster-intro/"
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_01.svg?v=1469803628347"
|
||||
alt="Module 1"
|
||||
title="1. Create a Kubernetes cluster" >}}
|
||||
|
||||
<div class="tutorials-modules">
|
||||
<div class="module">
|
||||
<a href="/docs/tutorials/kubernetes-basics/create-cluster/cluster-intro/">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_01.svg?v=1469803628347" alt="Module 1">
|
||||
<h5>1. Create a Kubernetes cluster</h5>
|
||||
</a>
|
||||
</div>
|
||||
<div class="module">
|
||||
<a href="/docs/tutorials/kubernetes-basics/deploy-app/deploy-intro/">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_02.svg?v=1469803628347" alt="Module 2">
|
||||
<h5>2. Deploy an app</h5>
|
||||
</a>
|
||||
</div>
|
||||
<div class="module">
|
||||
<a href="/docs/tutorials/kubernetes-basics/explore/explore-intro/">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_03.svg?v=1469803628347" alt="Module 3">
|
||||
<h5>3. Explore your app</h5>
|
||||
</a>
|
||||
</div>
|
||||
<div class="module">
|
||||
<a href="/docs/tutorials/kubernetes-basics/expose/expose-intro/">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_04.svg?v=1469803628347" alt="Module 4">
|
||||
<h5>4. Expose your app publicly</h5>
|
||||
</a>
|
||||
</div>
|
||||
<div class="module">
|
||||
<a href="/docs/tutorials/kubernetes-basics/scale/scale-intro/">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_05.svg?v=1469803628347" alt="Module 5">
|
||||
<h5>5. Scale up your app</h5>
|
||||
</a>
|
||||
</div>
|
||||
<div class="module">
|
||||
<a href="/docs/tutorials/kubernetes-basics/update/update-intro/">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_06.svg?v=1469803628347" alt="Module 6">
|
||||
<h5>6. Update your app</h5>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{< tutorials/module
|
||||
path="/docs/tutorials/kubernetes-basics/deploy-app/deploy-intro/"
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_02.svg?v=1469803628347"
|
||||
alt="Module 2"
|
||||
title="2. Deploy an app" >}}
|
||||
|
||||
{{< tutorials/module
|
||||
path="/docs/tutorials/kubernetes-basics/explore/explore-intro/"
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_03.svg?v=1469803628347"
|
||||
alt="Module 3"
|
||||
title="3. Explore your app" >}}
|
||||
|
||||
{{< tutorials/module
|
||||
path="/docs/tutorials/kubernetes-basics/expose/expose-intro/"
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_04.svg?v=1469803628347"
|
||||
alt="Module 4"
|
||||
title="4. Expose your app publicly" >}}
|
||||
|
||||
{{< tutorials/module
|
||||
path="/docs/tutorials/kubernetes-basics/scale/scale-intro/"
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_05.svg?v=1469803628347"
|
||||
alt="Module 5"
|
||||
title="5. Scale up your app" >}}
|
||||
|
||||
{{< tutorials/module
|
||||
path="/docs/tutorials/kubernetes-basics/update/update-intro/"
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_06.svg?v=1469803628347"
|
||||
alt="Module 6"
|
||||
title="6. Update your app" >}}
|
||||
{{< /tutorials/modules >}}
|
||||
|
||||
## {{% heading "whatsnext" %}}
|
||||
|
||||
* Tutorial [Using Minikube to Create a
|
||||
Cluster](/docs/tutorials/kubernetes-basics/create-cluster/)
|
||||
* Tutorial [Using Minikube to Create a Cluster](/docs/tutorials/kubernetes-basics/create-cluster/)
|
||||
|
|
|
|||
|
|
@ -44,18 +44,14 @@ kubectl expose deployment/kubernetes-bootcamp --type="LoadBalancer" --port 8080
|
|||
## Scaling overview
|
||||
|
||||
<!-- animation -->
|
||||
<div class="col-md-8">
|
||||
<div id="myCarousel" class="carousel" data-ride="carousel" data-interval="3000">
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item carousel-item active">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_05_scaling1.svg">
|
||||
</div>
|
||||
<div class="item carousel-item">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_05_scaling2.svg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{< tutorials/carousel id="myCarousel" interval="3000" >}}
|
||||
{{< tutorials/carousel-item
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_05_scaling1.svg"
|
||||
active="true" >}}
|
||||
|
||||
{{< tutorials/carousel-item
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_05_scaling2.svg" >}}
|
||||
{{< /tutorials/carousel >}}
|
||||
|
||||
{{% alert %}}
|
||||
_Scaling is accomplished by changing the number of replicas in a Deployment._
|
||||
|
|
@ -229,4 +225,4 @@ This confirms that 2 Pods were terminated.
|
|||
* Tutorial
|
||||
[Performing a Rolling Update](/docs/tutorials/kubernetes-basics/update/update-intro/).
|
||||
* Learn more about [ReplicaSet](/docs/concepts/workloads/controllers/replicaset/).
|
||||
* Learn more about [Autoscaling](/docs/concepts/workloads/autoscaling/).
|
||||
* Learn more about [Autoscaling](/docs/concepts/workloads/autoscaling/).
|
||||
|
|
|
|||
|
|
@ -31,24 +31,20 @@ versioned and any Deployment update can be reverted to a previous (stable) versi
|
|||
## Rolling updates overview
|
||||
|
||||
<!-- animation -->
|
||||
<div class="col-md-8">
|
||||
<div id="myCarousel" class="carousel" data-ride="carousel" data-interval="3000">
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item carousel-item active">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_06_rollingupdates1.svg">
|
||||
</div>
|
||||
<div class="item carousel-item">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_06_rollingupdates2.svg">
|
||||
</div>
|
||||
<div class="item carousel-item">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_06_rollingupdates3.svg">
|
||||
</div>
|
||||
<div class="item carousel-item">
|
||||
<img src="/docs/tutorials/kubernetes-basics/public/images/module_06_rollingupdates4.svg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{< tutorials/carousel id="myCarousel" interval="3000" >}}
|
||||
{{< tutorials/carousel-item
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_06_rollingupdates1.svg"
|
||||
active="true" >}}
|
||||
|
||||
{{< tutorials/carousel-item
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_06_rollingupdates2.svg" >}}
|
||||
|
||||
{{< tutorials/carousel-item
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_06_rollingupdates3.svg" >}}
|
||||
|
||||
{{< tutorials/carousel-item
|
||||
image="/docs/tutorials/kubernetes-basics/public/images/module_06_rollingupdates4.svg" >}}
|
||||
{{< /tutorials/carousel >}}
|
||||
|
||||
{{% alert %}}
|
||||
_If a Deployment is exposed publicly, the Service will load-balance the traffic
|
||||
|
|
@ -212,4 +208,4 @@ kubectl delete deployments/kubernetes-bootcamp services/kubernetes-bootcamp
|
|||
|
||||
## {{% heading "whatsnext" %}}
|
||||
|
||||
* Learn more about [Deployments](/docs/concepts/workloads/controllers/deployment/).
|
||||
* Learn more about [Deployments](/docs/concepts/workloads/controllers/deployment/).
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
<div class="item carousel-item {{ if .Get "active" }}active{{ end }}">
|
||||
<img src="{{ .Get "image" }}">
|
||||
</div>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<div class="col-md-8">
|
||||
<div id="{{ .Get "id" | default "myCarousel" }}" class="carousel" data-ride="carousel" data-interval="{{ .Get "interval" | default "3000" }}">
|
||||
<div class="carousel-inner" role="listbox">
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
{{ $path := .Get "path" }}
|
||||
{{ $defaultLang := .Site.Params.defaultContentLanguage | default "en" }}
|
||||
{{ $url := $path }}
|
||||
{{ if ne .Page.Lang $defaultLang }}
|
||||
{{ $url = printf "/%s%s" .Page.Lang $path }}
|
||||
{{ end }}
|
||||
<div class="module">
|
||||
<a href="{{ $url }}">
|
||||
<img src="{{ .Get "image" }}" alt="{{ .Get "alt" }}">
|
||||
<h5>{{ .Get "title" }}</h5>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<link rel="stylesheet" href="/css/style_tutorials.css">
|
||||
|
||||
<div class="tutorials-modules">
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
|
|
@ -3,7 +3,7 @@
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px;
|
||||
justify-content: space-between;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.module {
|
||||
|
|
@ -17,4 +17,11 @@
|
|||
|
||||
.module h5 {
|
||||
margin: 10px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.module {
|
||||
width: 45%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue