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

Merge pull request #49167 from shurup/upgrade-kubecon-section 

Redesign KubeCon links on the main page
pull/49412/head
Kubernetes Prow Robot 2025-01-13 02:32:33 -08:00 committed by GitHub
parent 2f1ceb4423 e49c25cc17
commit 0e3a062280
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/scss/_base.scss
View File

@ -545,16 +545,27 @@ section#cncf {
margin-bottom: 20px; margin-bottom: 20px;
} }
#desktopKCButton { // All #desktopKCButton blocks are left for back compatibility and
position: absolute; // should be removed later, leaving .desktopKCButton only
// See https://github.com/kubernetes/website/pull/49167 for details
#desktopKCButton, .desktopKCButton {
display: inline-block;
font-size: 18px; font-size: 18px;
background-color: $dark-grey; background-color: $dark-grey;
border-radius: 8px; border-radius: 8px;
color: $white; color: $white;
padding: 20px 10px 20px 10px; padding: 2px 8px;
margin: 5px;
} }
#desktopKCButton:hover{ #desktopKCButton {
display: inline;
position: absolute;
padding: 20px 10px 20px 10px;
margin: 0;
}
#desktopKCButton:hover, .desktopKCButton:hover{
background-color: #ffffff; background-color: #ffffff;
color: #326ce5; color: #326ce5;
transition: 150ms; transition: 150ms;
@ -567,7 +578,7 @@ section#cncf {
border-radius: 8px; border-radius: 8px;
color: $primary; color: $primary;
padding: 15px 30px 15px 80px; padding: 15px 30px 15px 80px;
margin-bottom: 15px; margin-bottom: 35px;
&:before { &:before {
content: ""; content: "";

2
assets/scss/_desktop.scss
View File

@ -1,6 +1,6 @@
$main-max-width: 1200px; $main-max-width: 1200px;
$vendor-strip-height: 44px; $vendor-strip-height: 44px;
$video-section-height: 550px; $video-section-height: 580px;
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {

2
assets/scss/_tablet.scss
View File

@ -136,7 +136,7 @@ $video-section-height: 400px;
#video { #video {
height: $video-section-height; height: $video-section-height;
display: block; display: block;
height: 500px; height: 550px;
& > .light-text { & > .light-text {
display: block; display: block;

18
content/en/_index.html
View File

@ -45,17 +45,13 @@ To download Kubernetes, visit the [download](/releases/download/) section.
<h2>The Challenges of Migrating 150+ Microservices to Kubernetes</h2> <h2>The Challenges of Migrating 150+ Microservices to Kubernetes</h2>
<p>By Sarah Wells, Technical Director for Operations and Reliability, Financial Times</p> <p>By Sarah Wells, Technical Director for Operations and Reliability, Financial Times</p>
<button id="desktopShowVideoButton" onclick="kub.showVideo()">Watch Video</button> <button id="desktopShowVideoButton" onclick="kub.showVideo()">Watch Video</button>
<br>
<br> <h3>Attend upcoming KubeCon + CloudNativeCon events</h3>
<a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america/" button id="desktopKCButton">Attend KubeCon + CloudNativeCon North America on November 12-15</a> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-europe/" class="desktopKCButton"><strong>Europe</strong> (London, Apr 1-4)</a>
<br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-china/" class="desktopKCButton"><strong>China</strong> (Hong Kong, Jun 10-11)</a>
<br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-japan/" class="desktopKCButton"><strong>Japan</strong> (Tokyo, Jun 16-17)</a>
<br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-india/" class="desktopKCButton"><strong>India</strong> (Hyderabad, Aug 6-7)</a>
<a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-india/" button id="desktopKCButton">Attend KubeCon + CloudNativeCon India on December 11-12</a> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america-2025/" class="desktopKCButton"><strong>North America</strong> (Atlanta, Nov 10-13)</a>
<br>
<br>
<br>
<a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-europe/" button id="desktopKCButton">Attend KubeCon + CloudNativeCon Europe on April 1-4, 2025</a>
</div> </div>
<div id="videoPlayer"> <div id="videoPlayer">
<iframe data-url="https://www.youtube.com/embed/H06qrNmGqyE?autoplay=1" frameborder="0" allowfullscreen></iframe> <iframe data-url="https://www.youtube.com/embed/H06qrNmGqyE?autoplay=1" frameborder="0" allowfullscreen></iframe>