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

Adding new images to homepage and community page (#5870) 

* Adding all files for BlaBlaCar case study

* Adding KubeCon banners to community page and homepage

* Revert "Adding all files for BlaBlaCar case study"

This reverts commit d53523f214.

Removing case study commit from branch

* Update index.html
This commit is contained in:
Kaitlyn Barnard 2017-10-12 10:13:41 -07:00 committed by Zach Corleissen
parent 871c78708f
commit 20ac051ba0
6 changed files with 36 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
_sass/_base.sass
View File

@ -379,12 +379,12 @@ ul.global-nav
width: 100%
background-color: transparentize(white, 0.9)
content: ''
&.no-sub
h5
display: none
h1
margin-bottom: 20px
@ -478,12 +478,12 @@ footer
display: block
height: 0
overflow: hidden
&.button
background-image: none
width: auto
height: auto
&:hover
color: $blue
@ -572,7 +572,7 @@ section
height: 44px
line-height: 44px
position: relative
&:before
position: absolute
width: 15px
@ -829,7 +829,7 @@ dd
h1,h2
border-bottom: 1px solid #cccccc
h1
font-size: 32px
padding-right: 60px
@ -1009,7 +1009,7 @@ dd
a.button
border-radius: 2px
text-decoration: none
&:visited
color: white
@ -1128,7 +1128,7 @@ $feature-box-div-margin-bottom: 40px
#video
width: 100%
position: relative
background-image: url(/images/kub_video_banner.jpg)
background-image: url(/images/kub_video_banner_box.jpg)
background-position: center center
background-size: cover
@ -1153,6 +1153,14 @@ $feature-box-div-margin-bottom: 40px
p
margin-bottom: 20px
#desktopKCButton
position: relative
font-size: 18px
background-color: $dark-grey
border-radius: 8px
color: $white
padding: 10px 20px 10px 20px
#desktopShowVideoButton
position: relative
font-size: 24px
@ -1335,7 +1343,7 @@ $feature-box-div-margin-bottom: 40px
height: 30vw
max-width: 1200px
max-height: 450px
margin: 20px auto
margin: 20px auto
iframe
position: absolute
@ -1417,7 +1425,7 @@ $feature-box-div-margin-bottom: 40px
h1,h2
border-bottom: 1px solid #cccccc
h1
font-size: 32px
padding-right: 60px
@ -1597,7 +1605,7 @@ $feature-box-div-margin-bottom: 40px
a.button
border-radius: 2px
text-decoration: none
&:visited
color: white
@ -1699,7 +1707,7 @@ $feature-box-div-margin-bottom: 40px
#talkToUs
main
padding: 30px 0
h5
font-size: 20px
@ -1708,7 +1716,7 @@ $feature-box-div-margin-bottom: 40px
position: relative
text-align: center
margin-bottom: 30px
div
position: relative
display: inline-block
@ -1731,10 +1739,10 @@ $feature-box-div-margin-bottom: 40px
div:nth-child(4)
background-image: url(/images/community_logos/wikimedia_foundation_logo.png)
p
font-size: 20px
a
position: absolute
bottom: 0
@ -1743,16 +1751,16 @@ $feature-box-div-margin-bottom: 40px
color: $blue
font-weight: 400
//#bigSocial
// text-align: center
//
//
// div
// display: inline-block
// float: none
// padding-top: 125px
// width: calc(90%)
//
//
// a
// margin-top: 15px
// font-size: 18px

6
_sass/_desktop.sass
View File

@ -97,7 +97,7 @@ $video-section-height: 550px
section, header, footer
main
max-width: $main-max-width
header, #vendorStrip, #encyclopedia, #hero h1, #hero h5, #docs #hero h1, #docs #hero h5,
#community #hero h1, .gridPage #hero h1, #community #hero h5, .gridPage #hero h5
padding-left: 100px
@ -138,7 +138,7 @@ $video-section-height: 550px
#video
height: $video-section-height
position: relative
background-image: url(../images/kub_video_banner.jpg)
background-image: url(../images/kub_video_banner_box.jpg)
background-position: center center
background-size: cover
@ -299,7 +299,7 @@ $video-section-height: 550px
width: auto
background-color: $blue
padding: 0 20px

4
community/index.html
View File

@ -7,7 +7,7 @@ cid: community
<section id="hero" class="light-text">
<h1>Community</h1>
</section>
<a href="https://goo.gl/nhbhXw"><img src="/images/KubeCon_NA_Community.png" alt="KubeConNA" width="100%" align="center"></a>
<section id="mainContent">
<main>
<div class="content">
@ -20,7 +20,7 @@ cid: community
<p>You can also join Kubernetes all around the world through our
<a href="https://www.meetup.com/topics/kubernetes/">Kubernetes Meetup Community</a> and the
<a href="https://www.meetup.com/Kubernetes-Cloud-Native-Online-Meetup/">Kubernetes Cloud Native Meetup Community</a>.</p>
</div>
</div>
<div class="content">
<h3>Special Interest Groups (SIGs)</h3>
<p>Have a special interest in how Kubernetes works with another technology? See our ever growing

BIN
images/KubeCon_NA_Community.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 216 KiB

BIN
images/kub_video_banner_box.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 MiB

5
index.html
View File

@ -60,8 +60,11 @@ cid: home
<section id="video">
<div class="light-text">
<h2>Kubernetes: Finally&hellip; A True Cloud Platform</h2>
<p>Sam Ghods, Co-Founder and Services Architect at Box, gives a passionate talk showing that with Kubernetes, we have for first time a universal interface that one can build real deployment tooling against.</p>
<p>Sam Ghods, Co-Founder and Services Architect at Box, gives a passionate talk last year at KubeCon Seattle showing that with Kubernetes, we have for first time a universal interface that one can build real deployment tooling against.</p>
<button id="desktopShowVideoButton" onclick="kub.showVideo()">Watch Video</button>
<br>
<br>
<a href="https://goo.gl/nhbhXw" button id= "desktopKCButton">Attend KubeCon This Year</a>
</div>
<button id="mobileShowVideoButton" onclick="kub.showVideo()"></button>
</section>