whentimeslows/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding anchor links to partner page (#9411)

Browse Source 
* adding anchor links

* updating link names
This commit is contained in:
Kaitlyn Barnard
2018-07-18 16:35:43 -07:00
committed by k8s-ci-robot
parent 22ec331d41
commit 34fb7339e0
1 changed files with 33 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
content/en/partners/_index.html
+22 -7
View File
@@ -10,9 +10,9 @@ cid: partners
<main> <main>
<h5>Kubernetes works with partners to create a strong, vibrant codebase that supports a spectrum of complementary platforms.</h5> <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-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="defaultIframe" class="button" onClick="updateSrc(this.id)">See KCSP Partners</button></center></div> <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></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="firstIframe" class="button" onClick="updateSrc(this.id)">See Conformance Partners</button></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></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="secondIframe" class="button" onClick="updateSrc(this.id)">See KTP Partners</button></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></center></div>
</div> </div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script type="text/javascript"> <script type="text/javascript">
@@ -22,23 +22,37 @@ cid: partners
var secondLink = "https://landscape.cncf.io/grouping=landscape&landscape=kubernetes-training-partner&embed=true"; var secondLink = "https://landscape.cncf.io/grouping=landscape&landscape=kubernetes-training-partner&embed=true";
function updateSrc(buttonId) { function updateSrc(buttonId) {
if (buttonId == "defaultIframe") { if (buttonId == "kcsp") {
$("#landscape").attr("src",defaultLink); $("#landscape").attr("src",defaultLink);
window.location.hash = "#kcsp";
} }
if (buttonId == "firstIframe") { if (buttonId == "conformance") {
$("#landscape").attr("src",firstLink); $("#landscape").attr("src",firstLink);
window.location.hash = "#conformance";
} }
if (buttonId == "secondIframe") { if (buttonId == "ktp") {
$("#landscape").attr("src",secondLink); $("#landscape").attr("src",secondLink);
window.location.hash = "#ktp";
} }
} }
// Automatically load the correct iframe based on the URL fragment
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);
}
updateSrc(showContent);
});
</script> </script>
</head> </head>
<body> <body>
<div id="frameHolder"> <div id="frameHolder">
<iframe id="landscape" frameBorder="0" scrolling="no" style="width: 1px; min-width: 100%" src="https://landscape.cncf.io/grouping=landscape&landscape=kubernetes-certified-service-provider&embed=true"></iframe> <iframe id="landscape" frameBorder="0" scrolling="no" style="width: 1px; min-width: 100%" src=""></iframe>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.0/iframeResizer.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.6.0/iframeResizer.js"></script>
<script> <script>
document.addEventListener('DOMContentLoaded', function() {
iFrameResize({ iFrameResize({
log:true, log:true,
messageCallback : function(messageData){ // Callback fn when message is received messageCallback : function(messageData){ // Callback fn when message is received
@@ -50,6 +64,7 @@ cid: partners
} }
}, },
}, '#landscape'); }, '#landscape');
});
</script> </script>
</div> </div>
</body> </body>