This commit is contained in:
Ahmed Sabbour 2019-06-18 13:00:20 -07:00
Родитель 8d8eb676b4
Коммит ec2f4d0746
9 изменённых файлов: 208 добавлений и 166 удалений

Просмотреть файл

@ -1,3 +1,5 @@
<header class="header">
<p class="build">#BUILD_ID#</span>
</header>
<img alt="Microsoft Azure" style="width: 140px; vertical-align: middle" src="img/msazure_logo.png"/>
<img alt="Red Hat OpenShift" style="width: 100px; vertical-align: middle" src="img/redhat-openshift.png"/>
<p class="build">#BUILD_ID#</span>
</header>

Просмотреть файл

@ -33,4 +33,8 @@
<a class="github-button" href="https://github.com/microsoft/aroworkshop" data-size="large" data-show-count="true" aria-label="Star microsoft/aroworkshop on GitHub">Star</a>
<a class="github-button" href="https://github.com/microsoft/aroworkshop/fork" data-size="large" data-show-count="true" aria-label="Fork microsoft/aroworkshop on GitHub">Fork</a>
<a class="github-button" href="https://github.com/microsoft/aroworkshop/issues" data-size="large" data-show-count="true" aria-label="Issue microsoft/aroworkshop on GitHub">Issue</a>
</div>
</div>
<p id="copyright-notice">
Azure® is a registered trademark of Microsoft Corporation. Red Hat, Red Hat Enterprise Linux, the Shadowman logo, and OpenShift, are trademarks of Red Hat, Inc.
</p>

Просмотреть файл

@ -1,244 +1,249 @@
body{
font:{
family: $roboto;
weight: $light;
size: 22px;
}
line-height: 1.4;
background: $white;
color: $black;
body {
font: {
family: $roboto;
weight: $light;
size: 22px;
}
line-height: 1.4;
background: $white;
color: $black;
}
.container{
max-width: 100%;
position: relative;
margin: 0 auto;
.container {
max-width: 100%;
position: relative;
margin: 0 auto;
}
.overview{
width: 320px;
font-size: 18px;
.overview {
width: 320px;
font-size: 18px;
}
.build {
font-family: monospace;
font-size: x-small;
color: #ffffff;
position: relative;
top: 120px;
font-family: monospace;
font-size: x-small;
}
.content{
counter-reset: h1-counter;
width: calc(100% - 350px);
.content {
counter-reset: h1-counter;
width: calc(100% - 350px);
position: absolute;
right: 0;
@media screen and (max-width: $sidebar-collapse) {
width: 100%;
}
.toggle {
position: absolute;
right: 0;
@media screen and (max-width: $sidebar-collapse){
width: 100%;
}
.toggle{
position: absolute;
top: 5px;
left: 5px;
}
top: 5px;
left: 5px;
}
}
section{
section {
&:last-of-type{
padding-bottom: 300px;
}
&:last-of-type {
padding-bottom: 300px;
}
> p,
> ul,
> ol,
> div{
text-align: justify;
padding-right: 5%;
box-sizing: border-box;
}
>p,
>ul,
>ol,
>div {
text-align: justify;
padding-right: 5%;
box-sizing: border-box;
}
pre {
margin-left: 5%;
margin-right: 5%;
}
> ol{
padding-left: calc(5% + 40px);
text-align: left;
}
pre {
margin-left: 5%;
margin-right: 5%;
}
>ol {
padding-left: calc(5% + 40px);
text-align: left;
}
}
h1, h2, h3, h4, h5, h6{
font-weight: $bold;
line-height: 1;
color: $blue;
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: $bold;
line-height: 1;
color: $blue;
}
h1 {
font-size: 2.8em;
text-align: left;
width: calc(100% - 60px);;
line-height: 1;
font-size: 2.8em;
text-align: left;
width: calc(100% - 60px);
;
line-height: 1;
&:before {
content: counter(h1-counter) " ";
}
&:before {
content: counter(h1-counter) " ";
}
}
.h1{
counter-increment: h1-counter;
counter-reset: h2-counter;
.h1 {
counter-increment: h1-counter;
counter-reset: h2-counter;
}
h1.nocount:before {
content: none;
counter-increment: none;
content: none;
counter-increment: none;
}
h2 {
font-size: 2em;
width: 90%;
text-align: left;
line-height: 1;
font-size: 2em;
width: 90%;
text-align: left;
line-height: 1;
&:before {
content: counter(h1-counter) "." counter(h2-counter) " ";
}
&:before {
content: counter(h1-counter) "."counter(h2-counter) " ";
}
}
h2.nocount:before {
content: none;
counter-increment: none;
content: none;
counter-increment: none;
}
.h2{
counter-increment: h2-counter;
counter-reset: h3-counter;
.h2 {
counter-increment: h2-counter;
counter-reset: h3-counter;
}
h3{
font-size: 1.7em;
width: 90%;
text-align: left;
line-height: 1;
h3 {
font-size: 1.7em;
width: 90%;
text-align: left;
line-height: 1;
/*&:before {
/*&:before {
content: counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) " ";
}*/
}
h3.nocount:before {
content: none;
counter-increment: none;
content: none;
counter-increment: none;
}
.h3{
counter-increment: h3-counter;
counter-reset: h4-counter;
.h3 {
counter-increment: h3-counter;
counter-reset: h4-counter;
}
h4{
font-size: 1.5em;
width: 90%;
text-align: left;
line-height: 1;
h4 {
font-size: 1.5em;
width: 90%;
text-align: left;
line-height: 1;
/*&:before {
/*&:before {
content: counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) " ";
}*/
}
.h4{
counter-increment: h4-counter;
counter-reset: h5-counter 1;
.h4 {
counter-increment: h4-counter;
counter-reset: h5-counter 1;
}
h5{
font-size: 1.3em;
width: 90%;
text-align: left;
line-height: 1;
h5 {
font-size: 1.3em;
width: 90%;
text-align: left;
line-height: 1;
/*&:before {
/*&:before {
content: counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) " ";
}*/
}
a{
transition: .3s all;
color: $blue;
text-decoration: none;
a {
transition: .3s all;
color: $blue;
text-decoration: none;
.content &{
padding: 0px 2px;
.content & {
padding: 0px 2px;
&:hover{
border-bottom: transparent 1px solid;
}
&:hover {
border-bottom: transparent 1px solid;
}
}
&:hover{
color: $darkblue;
}
&:hover {
color: $darkblue;
}
}
img{
//display: block;
//max-width: 100%;
//margin: 20px 0;
img {
//display: block;
//max-width: 100%;
//margin: 20px 0;
}
code{
font-family: 'Source Code Pro', 'Courier New', monospace;
code {
font-family: 'Source Code Pro', 'Courier New', monospace;
}
.video_container{
margin: 30px auto;
@include paddinghack(90%, 894, 510);
.video_container {
margin: 30px auto;
@include paddinghack(90%, 894, 510);
iframe{
@extend %paddinghack;
}
iframe {
@extend %paddinghack;
}
}
#intro{
padding-top: 20px;
#intro {
padding-top: 20px;
}
code,
pre{
white-space: pre-wrap;
border-radius: 0px;
border: 0;
pre {
white-space: pre-wrap;
border-radius: 0px;
border: 0;
}
iframe{
padding-left: 5%;
padding-right: 5%;
box-sizing: border-box;
width: 100%;
iframe {
padding-left: 5%;
padding-right: 5%;
box-sizing: border-box;
width: 100%;
}
p + p{
margin-top: 20px;
p+p {
margin-top: 20px;
}
.content ul{
list-style: disc;
list-style-position: outside;
.content ul {
list-style: disc;
list-style-position: outside;
}
.content li{
}
.content li {}
button.toggle-collapsible {
background-color: #777;
@ -252,13 +257,15 @@ button.toggle-collapsible {
font-size: 15px;
}
button.active, button.toggle-collapsible:hover {
button.active,
button.toggle-collapsible:hover {
background-color: #555;
}
.collapsible-content-container {
margin-bottom: 18px;
}
.collapsible-content {
padding: 18px 18px 0px 18px;
display: none;
@ -290,4 +297,9 @@ img.github-avatar {
#github-actions {
text-align: center;
}
#copyright-notice {
font-size: 12px;
padding: 10px;
}

Просмотреть файл

@ -1,15 +1,6 @@
header{
background:{
size: 100%;
repeat: no-repeat;
image: url(../media/azure.png);
position-x: center;
position-y: center;
}
background-color: #cc0000;
background-color: #ffffff; //#cc0000;
padding-top: 45px;
height: 150px;
text-align: center;
position: relative;
max-width: 100%;

Двоичные данные
img/msazure_logo.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 21 KiB

Двоичные данные
img/msft_logo.png Executable file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 6.4 KiB

Двоичные данные
img/redhat-openshift.png Normal file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 46 KiB

33
img/redhat-openshift.svg Normal file
Просмотреть файл

@ -0,0 +1,33 @@
<svg class="ux-svg-embed-img" id="Red Hat OpenShift" data-name="Red Hat OpenShift" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 145.82 51.7" width="145px">
<defs>
<style>.cls-1{fill:#c00;}.cls-2{fill:#e00;}.cls-3{fill:#a30000;}</style>
</defs>
<title stroke="none" fill="#000000" stroke-width="1px">OpenShift Logo</title>
<g id="Product" stroke="none" fill="#000000" stroke-width="1px">
<g stroke="none" fill="#000000" stroke-width="1px">
<g id="Sticky-nav" stroke="none" fill="#000000" stroke-width="1px">
<g id="OpenShift-Logo" stroke="none" fill="#000000" stroke-width="1px">
<path id="Shape" d="M50.29,47.58a8,8,0,1,1,8.07-8A7.92,7.92,0,0,1,50.29,47.58Zm0-13.79A5.83,5.83,0,1,0,56,39.61,5.64,5.64,0,0,0,50.29,33.79Z" transform="translate(0 -0.21)" stroke="none" fill="#000000" stroke-width="1px"></path>
<path d="M60.52,36.1h2.19v1.06a5.31,5.31,0,0,1,3.44-1.23,5.8,5.8,0,0,1-.06,11.59,5.55,5.55,0,0,1-3.35-1.11v5.5H60.52Zm2.21,3.07v5.12a4.16,4.16,0,0,0,3.11,1.3,3.87,3.87,0,0,0,0-7.74,4,4,0,0,0-3.11,1.32Z" transform="translate(0 -0.21)" stroke="none" fill="#000000" stroke-width="1px"></path>
<path d="M79,35.93a5.56,5.56,0,0,1,5.43,5.87v.63H75.6a3.79,3.79,0,0,0,3.79,3.23,4.41,4.41,0,0,0,2.85-1l1.41,1.4a6.65,6.65,0,0,1-4.35,1.48,5.79,5.79,0,0,1-5.89-5.83A5.64,5.64,0,0,1,79,35.93Zm-3.42,4.85h6.66a3.35,3.35,0,0,0-6.66,0Z" transform="translate(0 -0.21)" stroke="none" fill="#000000" stroke-width="1px"></path>
<path d="M86.54,36.1h2.21v1.13a4.58,4.58,0,0,1,3.38-1.35,4.19,4.19,0,0,1,4.37,4.4v7H94.31V40.65a2.62,2.62,0,0,0-2.8-2.85,3.17,3.17,0,0,0-2.76,1.46v8.07H86.54Z" transform="translate(0 -0.21)" stroke="none" fill="#000000" stroke-width="1px"></path>
<path d="M99.36,43.15a7.33,7.33,0,0,0,5.32,2.42c2.25,0,3.75-1.06,3.75-2.58,0-1.35-.84-2.05-3.13-2.43l-2.58-.42c-2.87-.49-4.22-1.83-4.22-4,0-2.67,2.23-4.44,5.7-4.44a10.52,10.52,0,0,1,6.22,2.1l-1.27,1.77a8.28,8.28,0,0,0-5.06-1.9c-2,0-3.35.92-3.35,2.29s.77,1.86,2.76,2.19l2.49.4c3.29.53,4.75,1.91,4.75,4.28,0,2.82-2.48,4.75-6.16,4.75A9.3,9.3,0,0,1,98,44.78Z" transform="translate(0 -0.21)" stroke="none" fill="#000000" stroke-width="1px"></path>
<path d="M120.35,40.65a2.62,2.62,0,0,0-2.8-2.85,3.17,3.17,0,0,0-2.76,1.46v8.07h-2.21V31.88l2.21-.49v5.84a4.58,4.58,0,0,1,3.38-1.35,4.19,4.19,0,0,1,4.37,4.4v7h-2.19Z" transform="translate(0 -0.21)" stroke="none" fill="#000000" stroke-width="1px"></path>
<path d="M124.83,32.92a1.35,1.35,0,1,1,1.37,1.37A1.38,1.38,0,0,1,124.83,32.92Zm2.47,14.41h-2.2V36.1h2.2Z" transform="translate(0 -0.21)" stroke="none" fill="#000000" stroke-width="1px"></path>
<path d="M131.57,36.1V34.4c0-2.27,1.3-3.61,3.82-3.61A6.07,6.07,0,0,1,137,31V32.9a4.11,4.11,0,0,0-1.39-.2c-1.24,0-1.83.53-1.83,1.74V36.1H137V38h-3.23v9.38h-2.18V38H129V36.1Z" transform="translate(0 -0.21)" stroke="none" fill="#000000" stroke-width="1px"></path>
<path d="M140.32,38h-2.38V36.1h2.38V33.23l2.18-.53v3.4h3.32V38H142.5v6.1c0,1.14.47,1.56,1.66,1.56a4.19,4.19,0,0,0,1.61-.26V47.2a7.43,7.43,0,0,1-2.1.33c-2.18,0-3.35-1-3.35-3Z" transform="translate(0 -0.21)" stroke="none" fill="#000000" stroke-width="1px"></path>
<path d="M117.73,20.76c0,2.52,1.52,3.75,4.29,3.75a10.72,10.72,0,0,0,2.52-.36V21.22a5.33,5.33,0,0,1-1.63.25c-1.14,0-1.56-.36-1.56-1.43V15.56h3.3v-3h-3.3V8.72l-3.61.78v3h-2.4v3h2.39Zm-11.23.07c0-.79.78-1.17,2-1.17a9.65,9.65,0,0,1,2.14.27v1.52a4.53,4.53,0,0,1-2.25.56c-1.16,0-1.85-.45-1.85-1.18Zm1.1,3.72a5.51,5.51,0,0,0,3.26-.91v.71h3.57V16.78c0-2.87-1.94-4.45-5.18-4.45a13.2,13.2,0,0,0-5.52,1.29L105,16.27a9.72,9.72,0,0,1,3.57-.94c1.5,0,2.26.58,2.26,1.77v.58a10.59,10.59,0,0,0-2.68-.34c-3,0-4.87,1.28-4.87,3.55,0,2.08,1.66,3.66,4.29,3.66ZM88,24.35h3.83V18.24h6.43v6.11h3.84V8.73H98.25v6H91.82v-6H88ZM73.36,18.44a3,3,0,0,1,3.1-3,3.64,3.64,0,0,1,2.5.91v4.13a3.45,3.45,0,0,1-2.5,1,3,3,0,0,1-3.1-3ZM79,24.36h3.57V8L79,8.73v4.44a6.1,6.1,0,1,0-3.13,11.34,5.38,5.38,0,0,0,3.17-1ZM62.62,15.28a2.62,2.62,0,0,1,2.48,1.88H60.17a2.45,2.45,0,0,1,2.45-1.88Zm-6.09,3.19A6.2,6.2,0,0,0,63,24.58a7.09,7.09,0,0,0,4.93-1.78L65.5,20.67a3.2,3.2,0,0,1-2.37.9,3.06,3.06,0,0,1-2.9-1.88h8.42v-.9c0-3.75-2.52-6.45-6-6.45a6.08,6.08,0,0,0-6.16,6.12ZM50.29,12a1.78,1.78,0,1,1,0,3.53H46.51V12ZM42.65,24.35h3.84V18.66h2.93l2.94,5.69h4.3L53.22,18.1a4.71,4.71,0,0,0,3-4.4c0-2.81-2.21-5-5.52-5h-8Z" transform="translate(0 -0.21)" stroke="none" fill="#000000" stroke-width="1px"></path>
<path class="cls-1" d="M10.22,14.71,4.57,16.77A17.44,17.44,0,0,0,5,19.45L10.4,17.5a10.89,10.89,0,0,1-.17-2.79" transform="translate(0 -0.21)" stroke="none" fill="#cc0000" stroke-width="1px"></path>
<path class="cls-1" d="M35.21,8.46a17.62,17.62,0,0,0-1.38-2.33L28.18,8.19a11,11,0,0,1,1.66,2.23Z" transform="translate(0 -0.21)" stroke="none" fill="#cc0000" stroke-width="1px"></path>
<path class="cls-2" d="M22.77,6.86A10.31,10.31,0,0,1,25.82,9L31.48,7A16.16,16.16,0,0,0,2.22,17.63l5.65-2.06a10.47,10.47,0,0,1,14.9-8.7" transform="translate(0 -0.21)" stroke="none" fill="#ee0000" stroke-width="1px"></path>
<path class="cls-2" d="M5.37,19.31,0,21.28a16.34,16.34,0,0,0,2.53,5.47L8.17,24.7a10.6,10.6,0,0,1-2.8-5.39" transform="translate(0 -0.21)" stroke="none" fill="#ee0000" stroke-width="1px"></path>
<path class="cls-2" d="M28.8,17.19a10.51,10.51,0,0,1-14.91,8.73,10.44,10.44,0,0,1-3.07-2.19L5.18,25.78A16.15,16.15,0,0,0,34.44,15.15Z" transform="translate(0 -0.21)" stroke="none" fill="#ee0000" stroke-width="1px"></path>
<path class="cls-2" d="M30.19,10.29l-5.36,2a10.55,10.55,0,0,1,1.31,5.92l5.64-2.05a16.36,16.36,0,0,0-1.58-5.82" transform="translate(0 -0.21)" stroke="none" fill="#ee0000" stroke-width="1px"></path>
<path class="cls-3" d="M10.2,15.85c0-.38,0-.76,0-1.14L4.57,16.77c0,.36.08.72.13,1.08Z" transform="translate(0 -0.21)" stroke="none" fill="#a30000" stroke-width="1px"></path>
<path class="cls-3" d="M34.38,7c-.18-.29-.36-.57-.56-.85L28.17,8.18a10.4,10.4,0,0,1,.69.8Z" transform="translate(0 -0.21)" stroke="none" fill="#a30000" stroke-width="1px"></path>
<path class="cls-1" d="M5.19,25.78a16.13,16.13,0,0,0,1.44,1.75l6.14-2.24a10.44,10.44,0,0,1-1.95-1.56ZM34.44,15.14,28.8,17.19a10.07,10.07,0,0,1-.48,2.43l6.14-2.24a16.75,16.75,0,0,0,0-2.24Z" transform="translate(0 -0.21)" stroke="none" fill="#cc0000" stroke-width="1px"></path>
</g>
</g>
</g>
</g>
</svg>

После

Ширина:  |  Высота:  |  Размер: 7.0 KiB

Двоичные данные
img/rh_logo.png Executable file

Двоичный файл не отображается.

После

Ширина:  |  Высота:  |  Размер: 4.4 KiB