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 d53523f21411ba28fe59e9d30e1169777e4c84f3.

Removing case study commit from branch

* Update index.html

_sass/_base.sass

@@ -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

_sass/_desktop.sass

@@ -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
-			
+
 
 
 

community/index.html

@@ -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

index.html

@@ -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>