Skip to content

Commit d6bd650

Browse files
k8s-ci-robotk8s-ci-robot
authored
Merge pull request #30164 from bene2k1/de-fix-kubernetes-partners-20211020
[de] Fix kubernetes partners 20211020
2 parents 37508f1 + d31a7eb commit d6bd650

File tree

2 files changed

+241
-78
lines changed

2 files changed

+241
-78
lines changed

‎content/de/includes/partner-style.css

Lines changed: 201 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,201 @@
1+
/* SECTIONS */
2+
.section {
3+
clear: both;
4+
padding: 0px;
5+
margin-bottom: 2em;
6+
}
7+
8+
.kcsp_section {
9+
clear: both;
10+
padding: 0px;
11+
margin-bottom: 2em;
12+
}
13+
14+
/* COLUMN SETUP */
15+
.col {
16+
display: block;
17+
float:left;
18+
margin: 1% 0 1% 1.6%;
19+
background-color: #f9f9f9;
20+
}
21+
.col:first-child { margin-left: 0; }
22+
23+
24+
/* GROUPING */
25+
.group:before,
26+
.group:after {
27+
content:"";
28+
display:table;
29+
}
30+
.group:after {
31+
clear:both;
32+
}
33+
.group {
34+
zoom:1; /* For IE 6/7 */
35+
}
36+
37+
/* GRID OF THREE */
38+
.span_3_of_3 {
39+
width: 35%;
40+
background-color: #f9f9f9;
41+
padding: 20px;
42+
}
43+
.span_2_of_3 {
44+
width: 35%;
45+
background-color: #f9f9f9;
46+
padding: 20px;
47+
}
48+
.span_1_of_3 {
49+
width: 35%;
50+
background-color: #f9f9f9;
51+
padding: 20px;
52+
}
53+
54+
.col-container {
55+
display: table; /* Make the container element behave like a table */
56+
width: 100%; /* Set full-width to expand the whole page */
57+
padding-bottom: 30px;
58+
}
59+
60+
.col-nav {
61+
display: table-cell; /* Make elements inside the container behave like table cells */
62+
width: 18%;
63+
background-color: #f9f9f9;
64+
padding: 20px;
65+
border: 5px solid white;
66+
}
67+
68+
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
69+
70+
@media only screen and (max-width: 480px) {
71+
.col { margin: 1% 0 1% 0%;}
72+
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
73+
}
74+
75+
@media only screen and (max-width: 650px) {
76+
.col-nav {
77+
display: block;
78+
width: 100%;
79+
}
80+
}
81+
82+
.button{
83+
max-width: 100%;
84+
box-sizing: border-box;
85+
margin: 0;
86+
display: inline-block;
87+
border-radius: 6px;
88+
padding: 0 20px;
89+
line-height: 40px;
90+
color: #ffffff;
91+
font-size: 16px;
92+
background-color: #3371e3;
93+
text-decoration: none;
94+
}
95+
96+
h5 {
97+
font-size: 16px;
98+
line-height: 1.5em;
99+
margin-bottom: 2em;
100+
}
101+
102+
#usersGrid a {
103+
display: inline-block;
104+
background-color: #f9f9f9;
105+
}
106+
107+
#ktpContainer, #distContainer, #kcspContainer, #isvContainer, #servContainer {
108+
position: relative;
109+
width: 100%;
110+
display: flex;
111+
justify-content: space-between;
112+
flex-wrap: wrap;
113+
}
114+
115+
#isvContainer {
116+
margin-bottom: 80px;
117+
}
118+
119+
#kcspContainer {
120+
margin-bottom: 80px;
121+
}
122+
123+
#distContainer {
124+
margin-bottom: 80px;
125+
}
126+
127+
#ktpContainer {
128+
margin-bottom: 80px;
129+
}
130+
131+
.partner-box {
132+
position: relative;
133+
width: 47%;
134+
max-width: 48%;
135+
min-width: 48%;
136+
margin-bottom: 20px;
137+
padding: 20px;
138+
flex: 1;
139+
display: flex;
140+
justify-content: left;
141+
align-items: flex-start;
142+
}
143+
144+
.partner-box img {
145+
background-color: #f9f9f9;
146+
}
147+
148+
.partner-box > div {
149+
margin-left: 30px;
150+
}
151+
152+
.partner-box a {
153+
color: #3576E3;
154+
}
155+
156+
@media screen and (max-width: 1024px) {
157+
.partner-box {
158+
flex-direction: column;
159+
justify-content: flex-start;
160+
}
161+
162+
.partner-box > div {
163+
margin: 20px 0 0;
164+
}
165+
}
166+
167+
@media screen and (max-width: 568px) {
168+
#ktpContainer, #distContainter, #kcspContainer, #isvContainer, #servContainer {
169+
justify-content: center;
170+
}
171+
172+
.partner-box {
173+
flex-direction: column;
174+
justify-content: flex-start;
175+
width: 100%;
176+
max-width: 100%;
177+
min-width: 100%;
178+
}
179+
180+
.partner-box > div {
181+
margin: 20px 0 0;
182+
}
183+
}
184+
185+
@media screen and (max-width: 568px) {
186+
#ktpContainer, #distContainer, #kcspContainer, #isvContainer, #servContainer {
187+
justify-content: center;
188+
}
189+
190+
.partner-box {
191+
flex-direction: column;
192+
justify-content: flex-start;
193+
width: 100%;
194+
max-width: 100%;
195+
min-width: 100%;
196+
}
197+
198+
.partner-box > div {
199+
margin: 20px 0 0;
200+
}
201+
}

‎content/de/partners/_index.html

Lines changed: 40 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -1,91 +1,53 @@
11
---
22
title: Partner
33
bigheader: Kubernetes Partner
4-
abstract: Entwicklung des Kubernetes-Ökosystems.
4+
abstract: Erweiterung des Kubernetes-Ökosystems.
55
class: gridPage
66
cid: partners
77
---
88

99
<section id="users">
10-
<main>
11-
<h5>Kubernetes arbeitet mit Partnern zusammen, um eine starke, dynamische Codebasis zu schaffen, die ein Spektrum von aufeinander abgestimmten Plattformen unterstützt.</h5>
12-
<div class="col-container">
13-
<div class="col-nav">
14-
<center>
15-
<h5>
16-
<b>Kubernetes zertifizierte Service Provider</b>
17-
</h5>
18-
<br>Geprüfte Service Provider mit großer Erfahrung, die Unternehmen bei der erfolgreichen Einführung von Kubernetes unterstützen.
19-
<br><br><br>
20-
<button id="kcsp" class="button" onClick="updateSrc(this.id)">KCSP-Partner anzeigen</button>
21-
<br><br>Interessiert daran, ein <a href="https://www.cncf.io/certification/kcsp/">KCSP</a> zu werden?
22-
</center>
23-
</div>
24-
<div class="col-nav">
25-
<center>
26-
<h5>
27-
<b>Kubernetes-Distributionen, gehostete Plattformen und zertifizierte Installateure</b>
28-
</h5>Software-Konformität stellt sicher, dass die Kubernetes-Versionen aller Hersteller die erforderlichen APIs unterstützen.
29-
<br><br><br>
30-
<button id="conformance" class="button" onClick="updateSrc(this.id)">Zertifizierte Partner anzeigen</button>
31-
<br><br>Interessiert daran, <a href="https://www.cncf.io/certification/software-conformance/">Kubernetes zertifiziert</a> zu werden?
32-
</center>
33-
</div>
34-
<div class="col-nav">
35-
<center>
36-
<h5><b>Kubernetes Training Partner</b></h5>
37-
<br>Geprüfte Schulungsanbieter, die über umfassende Erfahrung in Cloud Native Technologietrainings verfügen.
38-
<br><br><br><br>
39-
<button id="ktp" class="button" onClick="updateSrc(this.id)">KTP Partner anzeigen</button>
40-
<br><br>Interessiert daran, ein <a href="https://www.cncf.io/certification/training/">KTP</a> zu werden?
41-
</center>
42-
</div>
43-
</div>
44-
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
45-
<script type="text/javascript">
46-
47-
var defaultLink = "https://landscape.cncf.io/category=kubernetes-certified-service-provider&format=card-mode&grouping=category&embed=yes";
48-
var firstLink = "https://landscape.cncf.io/category=certified-kubernetes-distribution,certified-kubernetes-hosted,certified-kubernetes-installer&format=card-mode&grouping=category&embed=yes";
49-
var secondLink = "https://landscape.cncf.io/category=kubernetes-training-partner&format=card-mode&grouping=category&embed=yes";
50-
51-
function updateSrc(buttonId) {
52-
if (buttonId == "kcsp") {
53-
$("#landscape").attr("src",defaultLink);
54-
window.location.hash = "#kcsp";
55-
}
56-
if (buttonId == "conformance") {
57-
$("#landscape").attr("src",firstLink);
58-
window.location.hash = "#conformance";
59-
}
60-
if (buttonId == "ktp") {
61-
$("#landscape").attr("src",secondLink);
62-
window.location.hash = "#ktp";
63-
}
64-
}
65-
66-
// Automatically load the correct iframe based on the URL fragment
67-
document.addEventListener('DOMContentLoaded', function() {
68-
var showContent = "kcsp";
69-
if (window.location.hash) {
70-
console.log('hash is:', window.location.hash.substring(1));
71-
showContent = window.location.hash.substring(1);
72-
}
73-
updateSrc(showContent);
74-
});
75-
</script>
76-
<body>
77-
<div id="frameHolder">
78-
<iframe id="landscape" frameBorder="0" scrolling="no" style="width: 1px; min-width: 100%" src=""></iframe>
79-
<script src="https://landscape.cncf.io/iframeResizer.js"></script>
10+
<h5>Kubernetes arbeitet mit Partnern zusammen, um eine starke, lebendige Codebasis zu schaffen, die ein Spektrum von ergänzenden Plattformen unterstützt.</h5>
11+
<div class="col-container">
12+
<div class="col-nav">
13+
<center>
14+
<h5>
15+
<b>Kubernetes-zertifizierte Service-Anbieter</b>
16+
</h5>
17+
<br>Geprüfte Dienstleister mit umfassender Erfahrung bei der erfolgreichen Einführung von Kubernetes in Unternehmen.
18+
<br><br><br>
19+
<button class="button landscape-trigger landscape-default" data-landscape-types="kubernetes-certified-service-provider" id="kcsp">KCSP Partner anzeigen</button>
20+
<br><br>Interessiert daran, ein
21+
<a href="https://www.cncf.io/certification/kcsp/">KCSP</a> zu werden?
22+
</center>
23+
</div>
24+
<div class="col-nav">
25+
<center>
26+
<h5>
27+
<b>Zertifizierte Kubernetes-Distributionen, gehostete Plattformen und Installationssysteme</b>
28+
</h5>Die Softwarekonformität stellt sicher, dass die Kubernetes-Version eines jeden Anbieters die erforderlichen APIs unterstützt.
29+
<br><br><br>
30+
<button class="button landscape-trigger" data-landscape-types="certified-kubernetes-distribution,certified-kubernetes-hosted,certified-kubernetes-installer" id="conformance">Konforme Partner anzeigen</button>
31+
<br><br>Interessiert daran,
32+
<a href="https://www.cncf.io/certification/software-conformance/">Kubernetes Zertifiziert</a> zu werden?
33+
</center>
34+
</div>
35+
<div class="col-nav">
36+
<center>
37+
<h5>
38+
<b>Kubernetes Schulungspartner</b>
39+
</h5>
40+
<br>Geprüfte Schulungsanbieter mit umfassender Erfahrung in der Weiterbildung im Bereich Cloud Native Technology.
41+
<br><br><br>
42+
<button class="button landscape-trigger" data-landscape-types="kubernetes-training-partner" id="ktp">KTP Partner anzeigen</button>
43+
<br><br>Interessiert daran, ein
44+
<a href="https://www.cncf.io/certification/training/">KTP</a> zu werden?
45+
</center>
46+
</div>
8047
</div>
81-
</body>
82-
</main>
48+
{{< cncf-landscape helpers=true >}}
8349
</section>
8450

8551
<style>
8652
{{< include "partner-style.css" >}}
87-
</style>
88-
89-
<script>
90-
{{< include "partner-script.js" >}}
91-
</script>
53+
</style>

0 commit comments

Comments
 (0)