kubernetes
/
minikube
mirror of https://github.com/kubernetes/minikube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

wrap the installation section into a blue card

pull/11399/head
Peixuan Ding 2021-05-18 01:07:45 -04:00
parent a7d8a06f72
commit d50e86138d
4 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
site/assets/scss/_variables_project.scss
View File

@ -229,10 +229,6 @@ div.code-toolbar > .toolbar {
top: -.3em !important; top: -.3em !important;
} }
.option-row {
margin-bottom: 0.5rem;
}
.option-button { .option-button {
border-radius: 0.2rem !important; border-radius: 0.2rem !important;
margin-right: 0.2rem; margin-right: 0.2rem;
@ -241,3 +237,7 @@ div.code-toolbar > .toolbar {
.hide { .hide {
display: none !important; display: none !important;
} }
.card-body-blue {
background: #f3f9fa;
}

4
site/content/en/docs/start/_index.md
View File

@ -20,6 +20,8 @@ All you need is Docker (or similarly compatible) container or a Virtual Machine
<h2 class="step"><span class="fa-stack fa-1x"><i class="fa fa-circle fa-stack-2x"></i><strong class="fa-stack-1x text-primary">1</strong></span>Installation</h2> <h2 class="step"><span class="fa-stack fa-1x"><i class="fa fa-circle fa-stack-2x"></i><strong class="fa-stack-1x text-primary">1</strong></span>Installation</h2>
{{% card %}}
Click on the buttons that describe your target platform: Click on the buttons that describe your target platform:
{{% quiz_row base="" name="Operating system" %}} {{% quiz_row base="" name="Operating system" %}}
@ -212,6 +214,8 @@ Download and run the stand-alone [minikube Windows installer](https://storage.go
_If you used a CLI to perform the installation, you will need to close that CLI and open a new one before proceeding._ _If you used a CLI to perform the installation, you will need to close that CLI and open a new one before proceeding._
{{% /quiz_instruction %}} {{% /quiz_instruction %}}
{{% /card %}}
<h2 class="step"><span class="fa-stack fa-1x"><i class="fa fa-circle fa-stack-2x"></i><strong class="fa-stack-1x text-primary">2</strong></span>Start your cluster</h2> <h2 class="step"><span class="fa-stack fa-1x"><i class="fa fa-circle fa-stack-2x"></i><strong class="fa-stack-1x text-primary">2</strong></span>Start your cluster</h2>

1
site/layouts/shortcodes/card.html Normal file
View File

@ -0,0 +1 @@
<div class="card"><div class="card-body card-body-blue">{{ .Inner }}</div></div>

2
site/layouts/shortcodes/quiz_row.html
View File

@ -8,7 +8,7 @@
<div data-quiz-id="{{ .Get "base" }}" data-level="{{ $level }}" class="row option-row {{ $hide }}"> <div data-quiz-id="{{ .Get "base" }}" data-level="{{ $level }}" class="row option-row {{ $hide }}">
<div class="col-lg-2 my-auto"> <div class="col-lg-2 my-auto">
<span>{{ with .Get "name"}}{{.}}{{end}}</span> <p>{{ with .Get "name"}}{{.}}{{end}}</p>
</div> </div>
<div class="col-lg-10">{{ .Inner }}</div> <div class="col-lg-10">{{ .Inner }}</div>
</div> </div>