Revise the Kubernetes website to use Docsy (#20874)
* Add Docsy, required packages and config * Apply Docsy integration work to k8s website This encompasses significant changes to the style system, layout files, as well as changes to some of the static assets. To examine this work and the iterations that were performed, the original repository can be found at https://github.com/gearbox-built/kubernetes-hugo.git * Address issues found in review The styling and positioning of the header, footer, some shortcodes and main container elements are improved. A new partial is added for favicons. The sidebars, as well as inner table of contents, have been altered for better positioning and rendering of content. Localization has also been addressed. * Enable announcements The recent Black Lives Matter announcement surfaced issues which have been addressed.
This commit is contained in:
Aidan Ranney
@@ -17,7 +17,7 @@ cid: community
|
||||
<br class="mobile">
|
||||
</div>
|
||||
|
||||
<div class="navbar">
|
||||
<div class="community__navbar">
|
||||
|
||||
<a href="#conduct">Code of conduct </a>
|
||||
<a href="#videos">Videos</a>
|
||||
|
||||
@@ -2605,7 +2605,7 @@ output
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.form-control
|
||||
/* .form-control
|
||||
{
|
||||
font-size: 14px;
|
||||
line-height: 1.42857;
|
||||
@@ -2671,7 +2671,7 @@ textarea.form-control
|
||||
input[type='search']
|
||||
{
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
} */
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0)
|
||||
{
|
||||
@@ -8804,7 +8804,6 @@ button.close
|
||||
.content
|
||||
{
|
||||
position: relative;
|
||||
z-index: 500;
|
||||
|
||||
box-sizing: border-box;
|
||||
margin: 0 0 0 -200px;
|
||||
@@ -8813,7 +8812,7 @@ button.close
|
||||
-webkit-transition: .12s ease-out;
|
||||
transition: .12s ease-out;
|
||||
|
||||
background: #fff;
|
||||
/* background: #fff; */
|
||||
/*box-shadow: -6px 0 14px -4px rgba(0, 0, 0, .5);*/
|
||||
|
||||
-webkit-box-flex: 1;
|
||||
@@ -9736,12 +9735,12 @@ p a:hover
|
||||
content: '|';
|
||||
}
|
||||
|
||||
.btn
|
||||
/* .btn
|
||||
{
|
||||
font-family: Roboto Slab, Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif;
|
||||
|
||||
border-radius: 0;
|
||||
}
|
||||
} */
|
||||
.btn.btn-success
|
||||
{
|
||||
color: #273d6d;
|
||||
@@ -9914,11 +9913,11 @@ p a:hover
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.form-control
|
||||
/* .form-control
|
||||
{
|
||||
border-radius: 0;
|
||||
background: #f8f8f8;
|
||||
}
|
||||
} */
|
||||
|
||||
.content.katacoda-content {
|
||||
padding: 0;
|
||||
|
||||
@@ -7,79 +7,90 @@ cid: partners
|
||||
---
|
||||
|
||||
<section id="users">
|
||||
<main class="main-section">
|
||||
<h5>Kubernetes works with partners to create a strong, vibrant codebase that supports a spectrum of complementary platforms.</h5>
|
||||
<div class="col-container">
|
||||
<div class="col-nav">
|
||||
<center>
|
||||
<h5>
|
||||
<b>Kubernetes Certified Service Providers</b>
|
||||
</h5>
|
||||
<br>Vetted service providers with deep experience helping enterprises successfully adopt Kubernetes.
|
||||
<br><br><br>
|
||||
<button id="kcsp" class="button" onClick="updateSrc(this.id)">See KCSP Partners</button>
|
||||
<br><br>Interested in becoming a <a href="https://www.cncf.io/certification/kcsp/">KCSP</a>?
|
||||
</center>
|
||||
</div>
|
||||
<div class="col-nav">
|
||||
<center>
|
||||
<h5>
|
||||
<b>Certified Kubernetes Distributions, Hosted Platforms, and Installers</b>
|
||||
</h5>Software conformance ensures that every vendor’s version of Kubernetes supports the required APIs.
|
||||
<br><br><br>
|
||||
<button id="conformance" class="button" onClick="updateSrc(this.id)">See Conformance Partners</button>
|
||||
<br><br>Interested in becoming <a href="https://www.cncf.io/certification/software-conformance/">Kubernetes Certified</a>?
|
||||
</center>
|
||||
</div>
|
||||
<div class="col-nav">
|
||||
<center>
|
||||
<h5><b>Kubernetes Training Partners</b></h5>
|
||||
<br>Vetted training providers who have deep experience in cloud native technology training.
|
||||
<br><br><br><br>
|
||||
<button id="ktp" class="button" onClick="updateSrc(this.id)">See KTP Partners</button>
|
||||
<br><br>Interested in becoming a <a href="https://www.cncf.io/certification/training/">KTP</a>?
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript">
|
||||
<main class="main-section">
|
||||
<h5>Kubernetes works with partners to create a strong, vibrant codebase that supports a spectrum of complementary platforms.</h5>
|
||||
<div class="col-container">
|
||||
<div class="col-nav">
|
||||
<center>
|
||||
<h5>
|
||||
<b>Kubernetes Certified Service Providers</b>
|
||||
</h5>
|
||||
<br>Vetted service providers with deep experience helping enterprises successfully adopt Kubernetes.
|
||||
<br><br><br>
|
||||
<button class="button" id="kcsp" onclick="updateSrc(this.id)">See KCSP Partners</button>
|
||||
<br><br>Interested in becoming a
|
||||
<a href="https://www.cncf.io/certification/kcsp/">KCSP</a>?
|
||||
</center>
|
||||
</div>
|
||||
<div class="col-nav">
|
||||
<center>
|
||||
<h5>
|
||||
<b>Certified Kubernetes Distributions, Hosted Platforms, and Installers</b>
|
||||
</h5>Software conformance ensures that every vendor’s version of Kubernetes supports the required APIs.
|
||||
<br><br><br>
|
||||
<button class="button" id="conformance" onclick="updateSrc(this.id)">See Conformance Partners</button>
|
||||
<br><br>Interested in becoming
|
||||
<a href="https://www.cncf.io/certification/software-conformance/">Kubernetes Certified</a>?
|
||||
</center>
|
||||
</div>
|
||||
<div class="col-nav">
|
||||
<center>
|
||||
<h5>
|
||||
<b>Kubernetes Training Partners</b>
|
||||
</h5>
|
||||
<br>Vetted training providers who have deep experience in cloud native technology training.
|
||||
<br><br><br>
|
||||
<button class="button" id="ktp" onclick="updateSrc(this.id)">See KTP Partners</button>
|
||||
<br><br>Interested in becoming a
|
||||
<a href="https://www.cncf.io/certification/training/">KTP</a>?
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
<script crossorigin="anonymous" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
var defaultLink = "https://landscape.cncf.io/category=kubernetes-certified-service-provider&format=card-mode&grouping=category&embed=yes";
|
||||
var firstLink = "https://landscape.cncf.io/category=certified-kubernetes-distribution,certified-kubernetes-hosted,certified-kubernetes-installer&format=card-mode&grouping=category&embed=yes";
|
||||
var defaultLink = "https://landscape.cncf.io/category=kubernetes-certified-service-provider&format=card-mode&grouping=category&embed=yes";
|
||||
var firstLink = "https://landscape.cncf.io/category=certified-kubernetes-distribution,certified-kubernetes-hosted,certified-kubernetes-installer&format=card-mode&grouping=category&embed=yes";
|
||||
var secondLink = "https://landscape.cncf.io/category=kubernetes-training-partner&format=card-mode&grouping=category&embed=yes";
|
||||
|
||||
function updateSrc(buttonId) {
|
||||
if (buttonId == "kcsp") {
|
||||
$("#landscape").attr("src",defaultLink);
|
||||
window.location.hash = "#kcsp";
|
||||
if (buttonId == "kcsp") {
|
||||
$("#landscape").attr("src", defaultLink);
|
||||
window.location.hash = "#kcsp";
|
||||
}
|
||||
if (buttonId == "conformance") {
|
||||
$("#landscape").attr("src",firstLink);
|
||||
window.location.hash = "#conformance";
|
||||
$("#landscape").attr("src", firstLink);
|
||||
window.location.hash = "#conformance";
|
||||
}
|
||||
if (buttonId == "ktp") {
|
||||
$("#landscape").attr("src",secondLink);
|
||||
window.location.hash = "#ktp";
|
||||
$("#landscape").attr("src", secondLink);
|
||||
window.location.hash = "#ktp";
|
||||
}
|
||||
}
|
||||
|
||||
// Automatically load the correct iframe based on the URL fragment
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var showContent = "kcsp";
|
||||
if (window.location.hash) {
|
||||
console.log('hash is:', window.location.hash.substring(1));
|
||||
showContent = window.location.hash.substring(1);
|
||||
console.log("hash is:", window
|
||||
.location
|
||||
.hash
|
||||
.substring(1));
|
||||
showContent = window
|
||||
.location
|
||||
.hash
|
||||
.substring(1);
|
||||
}
|
||||
updateSrc(showContent);
|
||||
});
|
||||
</script>
|
||||
<body>
|
||||
<div id="frameHolder">
|
||||
<iframe id="landscape" title="CNCF Landscape" frameBorder="0" scrolling="no" style="width: 1px; min-width: 100%" src=""></iframe>
|
||||
<script src="https://landscape.cncf.io/iframeResizer.js"></script>
|
||||
</div>
|
||||
</body>
|
||||
</main>
|
||||
</script>
|
||||
<body>
|
||||
<div id="frameHolder">
|
||||
<iframe frameborder="0" id="landscape" scrolling="no" src="" style="width: 1px; min-width: 100%" title="CNCF Landscape"></iframe>
|
||||
<script src="https://landscape.cncf.io/iframeResizer.js"></script>
|
||||
</div>
|
||||
</body>
|
||||
</main>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
|
||||
@@ -17,7 +17,7 @@ cid: community
|
||||
<br class="mobile">
|
||||
</div>
|
||||
|
||||
<div class="navbar">
|
||||
<div class="community__navbar">
|
||||
|
||||
<a href="#conduct">Code de conduite</a>
|
||||
<a href="#videos">Vidéos</a>
|
||||
|
||||
@@ -17,7 +17,7 @@ cid: community
|
||||
<br class="mobile">
|
||||
</div>
|
||||
|
||||
<div class="navbar">
|
||||
<div class="community__navbar">
|
||||
|
||||
<a href="#conduct">Kode Etik</a>
|
||||
<a href="#videos">Video</a>
|
||||
|
||||
@@ -17,7 +17,7 @@ cid: community
|
||||
<br class="mobile">
|
||||
</div>
|
||||
|
||||
<div class="navbar">
|
||||
<div class="community__navbar">
|
||||
|
||||
<a href="#conduct">Codice di Condotta</a>
|
||||
<a href="#videos">Video</a>
|
||||
|
||||
@@ -17,7 +17,7 @@ cid: community
|
||||
<br class="mobile">
|
||||
</div>
|
||||
|
||||
<div class="navbar">
|
||||
<div class="community__navbar">
|
||||
|
||||
<a href="#conduct">행동 강령 </a>
|
||||
<a href="#videos">비디오</a>
|
||||
|
||||
@@ -17,7 +17,7 @@ cid: community
|
||||
<br class="mobile">
|
||||
</div>
|
||||
|
||||
<div class="navbar">
|
||||
<div class="community__navbar">
|
||||
|
||||
<a href="#conduct">Quy tắc ứng xử</a>
|
||||
<a href="#videos">Videos</a>
|
||||
|
||||
Reference in New Issue
Block a user