New Community page, as designed by @alexcontini (#13046)
* new community page * updatepull/14060/head
Chris Abraham
Kubernetes Prow Robot
parent
f59e872479
commit
4e35312a7f
|
|
@ -1,69 +1,236 @@
|
|||
---
|
||||
title: Community
|
||||
layout: basic
|
||||
cid: community
|
||||
---
|
||||
---
|
||||
title: Community
|
||||
layout: basic
|
||||
cid: community
|
||||
---
|
||||
|
||||
<div class="newcommunitywrapper">
|
||||
<div class="banner1">
|
||||
<img src="/images/community/kubernetes-community-final-02.jpg" style="width:100%" class="desktop">
|
||||
<img src="/images/community/kubernetes-community-02-mobile.jpg" style="width:100%" class="mobile">
|
||||
</div>
|
||||
|
||||
<div class="intro">
|
||||
<br class="mobile">
|
||||
<p>The Kubernetes community -- users, contributors, and the culture we've built together -- is one of the biggest reasons for the meteoric rise of this open source project. Our culture and values continue to grow and change as the project itself grows and changes. We all work together toward constant improvement of the project and the ways we work on it.
|
||||
<br><br>We are the people who file issues and pull requests, attend SIG meetings, Kubernetes meetups, and KubeCon, advocate for it's adoption and innovation, run <code>kubectl get pods</code>, and contribute in a thousand other vital ways. Read on to learn how you can get involved and become part of this amazing community.</p>
|
||||
<br class="mobile">
|
||||
</div>
|
||||
|
||||
<div class="navbar">
|
||||
|
||||
<a href="#conduct">Code of conduct </a>
|
||||
<a href="#videos">Videos</a>
|
||||
<a href="#discuss">Discussions</a>
|
||||
<a href="#events">Events and meetups</a>
|
||||
<a href="#news">News</a>
|
||||
|
||||
<section id="mainContent">
|
||||
<main>
|
||||
<div class="content">
|
||||
<h3>Ensuring Kubernetes works well everywhere and for everyone.</h3>
|
||||
<p>Connect with the Kubernetes community on our <a href="http://slack.k8s.io/">Slack channel</a>, <a href="https://discuss.kubernetes.io/">discussion board</a>, or join the
|
||||
<a href="https://groups.google.com/forum/#!forum/kubernetes-dev">Kubernetes-dev Google group</a>. A weekly
|
||||
community meeting takes place via video conference to discuss the state of affairs, see
|
||||
<a href="https://github.com/kubernetes/community/blob/master/events/community-meeting.md">these instructions</a> for information
|
||||
on how to participate.</p>
|
||||
<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 class="content">
|
||||
<h3>Special Interest Groups (SIGs)</h3>
|
||||
<p>Have a special interest in how Kubernetes works with another technology? See our ever growing
|
||||
<a href="https://git.k8s.io/community/sig-list.md">lists of SIGs</a>,
|
||||
from AWS and Openstack to Big Data and Scalability, there's a place for you to contribute and instructions
|
||||
for forming a new SIG if your special interest isn't covered (yet).</p>
|
||||
</div>
|
||||
<br class="mobile"><br class="mobile">
|
||||
<div class="imagecols">
|
||||
<br class="mobile">
|
||||
<div class="imagecol">
|
||||
<img src="/images/community/kubernetes-community-final-03.jpg" style="width:100%" class="desktop">
|
||||
</div>
|
||||
|
||||
<div class="imagecol">
|
||||
<img src="/images/community/kubernetes-community-final-04.jpg" style="width:100%" class="desktop">
|
||||
</div>
|
||||
|
||||
<div class="imagecol" style="margin-right:0% important">
|
||||
<img src="/images/community/kubernetes-community-final-05.jpg" style="width:100%;margin-right:0% important" class="desktop">
|
||||
</div>
|
||||
<img src="/images/community/kubernetes-community-04-mobile.jpg" style="width:100%;margin-bottom:3%" class="mobile">
|
||||
|
||||
<a name="conduct"></a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="conduct">
|
||||
<div class="conducttext">
|
||||
<br class="mobile"><br class="mobile">
|
||||
<br class="tablet"><br class="tablet">
|
||||
<div class="conducttextnobutton" style="margin-bottom:2%"><h1>Code of Conduct</h1>
|
||||
The Kubernetes community values respect and inclusiveness, and enforces a Code of Conduct in all interactions. If you notice a violation of the Code of Conduct at an event or meeting, in Slack, or in another communication mechanism, reach out to the Kubernetes Code of Conduct Committee at <a href="mailto:conduct@kubernetes.io" style="color:#0662EE;font-weight:300">conduct@kubernetes.io</a>. All reports are kept confidential. You can read about the committee <a href="https://github.com/kubernetes/community/tree/master/committee-code-of-conduct" style="color:#0662EE;font-weight:300">here</a>.
|
||||
<br>
|
||||
<a href="https://kubernetes.io/community/code-of-conduct/">
|
||||
<br class="mobile"><br class="mobile">
|
||||
|
||||
<span class="fullbutton">
|
||||
READ MORE
|
||||
</span>
|
||||
</a>
|
||||
</div><a name="videos"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="videos">
|
||||
<br class="mobile"><br class="mobile">
|
||||
<br class="tablet"><br class="tablet">
|
||||
<h1 style="margin-top:0px">Videos</h1>
|
||||
|
||||
<div style="margin-bottom:4%;font-weight:300;text-align:center;padding-left:10%;padding-right:10%">We're on YouTube, a lot. Subscribe for a wide range of topics.</div>
|
||||
|
||||
<div class="videocontainer">
|
||||
|
||||
<div class="video">
|
||||
|
||||
<iframe width="100%" height="250" src="https://www.youtube.com/embed/videoseries?list=PL69nYSiGNLP3azFUvYJjGn45YbF6C-uIg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
||||
|
||||
<a href="https://www.youtube.com/playlist?list=PL69nYSiGNLP3azFUvYJjGn45YbF6C-uIg">
|
||||
<div class="videocta">
|
||||
Watch monthly office hours ▶</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="video">
|
||||
<iframe width="100%" height="250" src="https://www.youtube.com/embed/videoseries?list=PL69nYSiGNLP1pkHsbPjzAewvMgGUpkCnJ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
||||
<a href="https://www.youtube.com/playlist?list=PL69nYSiGNLP1pkHsbPjzAewvMgGUpkCnJ">
|
||||
<div class="videocta">
|
||||
Watch weekly community meetings ▶
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="video">
|
||||
|
||||
<iframe width="100%" height="250" src="https://www.youtube.com/embed/videoseries?list=PL69nYSiGNLP3QpQrhZq_sLYo77BVKv09F" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
||||
|
||||
<a href="https://www.youtube.com/playlist?list=PL69nYSiGNLP3QpQrhZq_sLYo77BVKv09F">
|
||||
<div class="videocta">
|
||||
Watch a talk from a community member ▶
|
||||
</div>
|
||||
|
||||
</a>
|
||||
<a name="discuss"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="resources">
|
||||
<br class="mobile"><br class="mobile">
|
||||
<br class="tablet"><br class="tablet">
|
||||
<h1 style="padding-top:1%">Discussions</h1>
|
||||
|
||||
<div style="font-weight:300;text-align:center">We talk a lot. Find us and join the conversation on any of these platforms.</div>
|
||||
|
||||
<div class="resourcecontainer">
|
||||
|
||||
<div class="resourcebox">
|
||||
<img src="/images/community/discuss.png" style="width:80%;padding-bottom:2%">
|
||||
<a href="https://discuss.kubernetes.io/" style="color:#0662EE;display:block;margin-top:1%">
|
||||
forum ▶
|
||||
</a>
|
||||
<div class="resourceboxtext" style="font-size:12px;text-transform:none !important;font-weight:300;line-height:1.4em;color:#333333;margin-top:4%">
|
||||
Topic-based technical discussions that bridge docs, StackOverflow, and so much more
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="resourcebox">
|
||||
<img src="/images/community/twitter.png" style="width:80%;padding-bottom:2%">
|
||||
<a href="https://twitter.com/kubernetesio" style="color:#0662EE;display:block;margin-top:1%">
|
||||
twitter ▶
|
||||
</a>
|
||||
<div class="resourceboxtext" style="font-size:12px;text-transform:none !important;font-weight:300;line-height:1.4em;color:#333333;margin-top:4%">Real-time announcements of blog posts, events, news, ideas
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="resourcebox">
|
||||
<img src="/images/community/github.png" style="width:80%;padding-bottom:2%">
|
||||
<a href="https://github.com/kubernetes/kubernetes" style="color:#0662EE;display:block;margin-top:1%">
|
||||
github ▶
|
||||
</a>
|
||||
<div class="resourceboxtext" style="font-size:12px;text-transform:none !important;font-weight:300;line-height:1.4em;color:#333333;margin-top:4%">
|
||||
All the project and issue tracking, plus of course code
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="resourcebox">
|
||||
<img src="/images/community/stack.png" style="width:80%;padding-bottom:2%">
|
||||
<a href="https://stackoverflow.com/search?q=kubernetes" style="color:#0662EE;display:block;margin-top:1%">
|
||||
stack overflow ▶
|
||||
</a>
|
||||
<div class="resourceboxtext" style="font-size:12px;text-transform:none !important;font-weight:300;line-height:1.4em;color:#333333;margin-top:4%">
|
||||
Technical troubleshooting for any use case
|
||||
<a name="events"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<div class="resourcebox">
|
||||
|
||||
<img src="/images/community/slack.png" style="width:80%">
|
||||
|
||||
slack ▶
|
||||
|
||||
<div class="resourceboxtext" style="font-size:11px;text-transform:none !important;font-weight:200;line-height:1.4em;color:#333333;margin-top:4%">
|
||||
With 170+ channels, you'll find one that fits your needs.
|
||||
</div>
|
||||
|
||||
</div>-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="events">
|
||||
<br class="mobile"><br class="mobile">
|
||||
<br class="tablet"><br class="tablet">
|
||||
<div class="eventcontainer">
|
||||
<h1 style="color:white !important">Upcoming Events</h1>
|
||||
{{< upcoming-events >}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="meetups">
|
||||
<div class="meetupcol">
|
||||
<div class="meetuptext">
|
||||
<h1 style="text-align:left">Global Community</h1>
|
||||
With over 150 meetups in the world and growing, go find your local kube people. If one isn't near, take charge and create your own.
|
||||
</div>
|
||||
<a href="https://www.meetup.com/topics/kubernetes/">
|
||||
<div class="button">
|
||||
FIND A MEETUP
|
||||
</div>
|
||||
</a>
|
||||
<a name="news"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>As a member of the Kubernetes community, you are welcome to join any of the SIG meetings
|
||||
you are interested in. No registration required.</p>
|
||||
|
||||
</div>
|
||||
<!--
|
||||
<div class="contributor">
|
||||
<div class="contributortext">
|
||||
<br>
|
||||
<h1 style="text-align:left">
|
||||
New Contributors Site
|
||||
</h1>
|
||||
Text about new contributors site.
|
||||
|
||||
<br><br>
|
||||
|
||||
<div class="button">
|
||||
VISIT SITE
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<h3>Code of Conduct</h3>
|
||||
<p>The Kubernetes community values respect and inclusiveness, and
|
||||
enforces a <a href="code-of-conduct/">Code of Conduct</a> in all
|
||||
interactions. If you notice a violation of the Code of Conduct at
|
||||
an event or meeting, in Slack, or in another communication
|
||||
mechanism, reach out to the <a href="https://github.com/kubernetes/community/tree/master/committee-code-of-conduct">Kubernetes Code of Conduct Committee</a>
|
||||
<a href="mailto:conduct@kubernetes.io">conduct@kubernetes.io</a>.
|
||||
Your anonymity will be protected.
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
</section>
|
||||
-->
|
||||
|
||||
<div class="news">
|
||||
<br class="mobile"><br class="mobile">
|
||||
<br class="tablet"><br class="tablet">
|
||||
<h1 style="margin-bottom:2%">Recent News</h1>
|
||||
|
||||
<br>
|
||||
<div class="twittercol1">
|
||||
<a class="twitter-timeline" data-tweet-limit="1" href="https://twitter.com/kubernetesio?ref_src=twsrc%5Etfw">Tweets by kubernetesio</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
</div>
|
||||
|
||||
<section id="talkToUs">
|
||||
<main>
|
||||
<h3>Talk to Us!</h3>
|
||||
<h4>We would love to hear from you, how you are using Kubernetes,<br> and what we can do to make it better.</h4>
|
||||
<div id="bigSocial">
|
||||
<div>
|
||||
<a href="https://twitter.com/kubernetesio">@kubernetesio</a>
|
||||
<p>Get the latest news and updates.</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="https://github.com/kubernetes/kubernetes">GitHub Project</a>
|
||||
<p>Check out the project and consider contributing.</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="http://slack.k8s.io/">#kubernetes-users</a>
|
||||
<p>Our Slack channel is the best way to contact our engineers and share your ideas with them.</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="http://stackoverflow.com/questions/tagged/kubernetes">Stack Overflow</a>
|
||||
<p>Our user forum is a great place to go for community support.</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</section>
|
||||
<br>
|
||||
<br><br><br><br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,4 @@
|
|||
{{ define "main" }}
|
||||
{{ .Content }}
|
||||
{{ end }}
|
||||
|
||||
{{ define "post-hero" }}
|
||||
<a href="https://events.linuxfoundation.org/events/kubecon-cloudnativecon-europe-2019/"><img src="/images/kubecon_ad_eu_2019.jpg" alt="KubeConBarcelona" width="49.9%" align="center"></a>
|
||||
<a href="https://events.linuxfoundation.cn/events/kubecon-cloudnativecon-china-2019/"><img src="/images/kubecon_ad_china_2019.jpg" alt="KubeConShanghai" width="49.9%" align="right"></a>
|
||||
<link rel="stylesheet" type="text/css" href="{{ "css/newcommunity.css" | relURL }}">
|
||||
{{ .Content }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,11 @@
|
|||
{{ $date := now.Format "2006-01-02T15:04:05Z07:00" | querify "timeMin" }}
|
||||
{{ $jurl := printf "https://www.googleapis.com/calendar/v3/calendars/nt2tcnbtbied3l6gi2h29slvc0%%40group.calendar.google.com/events?orderBy=startTime&singleEvents=true&%s&key=AIzaSyAST-sCyPJzMQJSl6_vRPW9r4DNLPaDIyM" $date }}
|
||||
{{ $dataJ := getJSON $jurl }}
|
||||
|
||||
{{ range first 4 $dataJ.items }}
|
||||
{{ $url := findRE "(http|ftp|https)://([\\w_-]+(?:(?:\\.[\\w_-]+)+))([\\w.,@?^=%&:/~+#-]*[\\w@?^=%&/~+#-])?" .description }}
|
||||
{{ $url := index $url 0 }}
|
||||
<div class="event"><a href="{{ safeHTML $url }}">{{ .summary }}</a> - {{ .location }} - {{ .start.date }}</div>
|
||||
{{ end }}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,868 @@
|
|||
.SandboxRoot.env-bp-430 .timeline-Tweet-text {
|
||||
|
||||
font-size:13pt !important;
|
||||
}
|
||||
|
||||
#section.talkToUs {
|
||||
display:none !important;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
.tablet {
|
||||
display:none;
|
||||
|
||||
}
|
||||
.desktop {
|
||||
display:block;
|
||||
}
|
||||
.mobile {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.twittercol1 {
|
||||
width: 60%;
|
||||
margin-left:20%;
|
||||
float:left;
|
||||
padding:2%
|
||||
}
|
||||
|
||||
code {
|
||||
font-size:90%;
|
||||
opacity:0.95;
|
||||
font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace !important;
|
||||
}
|
||||
|
||||
.fa {
|
||||
font-size: 25px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.panel-title {
|
||||
font-size: 25px;
|
||||
color: #FFFFFF;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
.panel-heading {
|
||||
background-color: #1da1f2 !important;;
|
||||
color: #1da1f2 !important;;
|
||||
}
|
||||
.panel {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
|
||||
footer {
|
||||
float:left !important;
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight:300 !important;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
|
||||
display:none;
|
||||
|
||||
}
|
||||
|
||||
.desktop {
|
||||
display:block;
|
||||
|
||||
}
|
||||
|
||||
body {
|
||||
line-height:1.5em;
|
||||
font-family:'roboto';
|
||||
margin-top:1%;
|
||||
font-weight:300;
|
||||
letter-spacing:0.03em;
|
||||
font-size:15px;
|
||||
margin:0 auto;
|
||||
|
||||
}
|
||||
|
||||
.banner1 {
|
||||
position:relative;
|
||||
float:left;
|
||||
width:100%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.intro {
|
||||
float:left;
|
||||
width:75%;
|
||||
margin-left:12.5%;
|
||||
text-align:left;
|
||||
line-height:1.6em;
|
||||
margin-bottom:2%;
|
||||
font-family:'roboto';
|
||||
margin-top:3%;
|
||||
font-weight:300;
|
||||
letter-spacing:0.04em;
|
||||
|
||||
}
|
||||
|
||||
.navbar {
|
||||
text-align:center;
|
||||
padding-top:2%;
|
||||
padding-bottom:2%;
|
||||
font-family:'roboto';
|
||||
word-spacing:3%;
|
||||
text-decoration:none;
|
||||
text-transform:uppercase;
|
||||
font-weight:400;
|
||||
color:#303030;
|
||||
font-size:14px;
|
||||
margin-top:1%;
|
||||
margin-bottom:4%;
|
||||
width:100%;
|
||||
float:left;
|
||||
letter-spacing:0.07em;
|
||||
border-bottom:1px solid #aaaaaa;
|
||||
border-top:1px solid #aaaaaa;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
color:#303030;
|
||||
}
|
||||
|
||||
|
||||
.imagecols {
|
||||
text-align:center;
|
||||
margin:0 auto;
|
||||
width:80%;
|
||||
margin-left:10%;
|
||||
float:left;
|
||||
margin-bottom:2%;
|
||||
|
||||
}
|
||||
|
||||
.imagecol {
|
||||
margin-right:1%;
|
||||
float:left;
|
||||
width:32%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.events {
|
||||
background-image:url('https://www2.thelinuxfoundation.org/l/6342/2019-02-21/42ckgy/6342/236996/event_bg.jpg');
|
||||
float:left;
|
||||
width:100%;
|
||||
margin-top:3%;
|
||||
|
||||
}
|
||||
|
||||
.eventcontainer {
|
||||
width:80%;
|
||||
margin-top:5%;
|
||||
margin-bottom:3%;
|
||||
margin-left:10%;
|
||||
}
|
||||
|
||||
.event {
|
||||
width:23%;
|
||||
color:white !important;
|
||||
font-size:1.1em !important;
|
||||
padding-top:1%;
|
||||
padding-bottom:8%;
|
||||
padding-left:%;
|
||||
padding-right:%;
|
||||
text-align:center;
|
||||
font-family:'roboto';
|
||||
float:left;
|
||||
margin:1%;
|
||||
}
|
||||
|
||||
.event a {
|
||||
|
||||
color:white !important;
|
||||
font-weight:bold !important;
|
||||
display:block;
|
||||
padding-bottom:2%;
|
||||
}
|
||||
|
||||
.searchbar {
|
||||
height:50px;
|
||||
width:40%;
|
||||
background-color:white;
|
||||
float:left;
|
||||
margin:0 auto;
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
margin-left:30%;
|
||||
margin-top:3%;
|
||||
margin-bottom:5%;
|
||||
}
|
||||
|
||||
.meetups {
|
||||
background:url('/images/community/kubernetes-community-final.jpg');
|
||||
background-size: 100% auto;
|
||||
float:left;
|
||||
background-position: center;
|
||||
width:100%;
|
||||
padding:5%;
|
||||
padding-bottom:7%;
|
||||
}
|
||||
|
||||
.meetupcol {
|
||||
z-index:99;
|
||||
width:37%;
|
||||
margin-left:5%;
|
||||
text-align:left;
|
||||
font-family:'roboto';
|
||||
}
|
||||
|
||||
.meetuptext {
|
||||
color:white;
|
||||
margin-bottom:7%;
|
||||
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color:#0662EE;
|
||||
color:white;
|
||||
font-size:18px;
|
||||
padding-top:3%;
|
||||
padding-left:4%;
|
||||
padding-right:4%;
|
||||
padding-bottom:3%;
|
||||
border-radius:0px;
|
||||
margin-top:1%;
|
||||
float:left;
|
||||
letter-spacing:0.07em;
|
||||
font-weight:bold;
|
||||
|
||||
}
|
||||
|
||||
.fullbutton {
|
||||
background-color:#0662EE;
|
||||
color:white;
|
||||
font-size:18px;
|
||||
padding:2%;
|
||||
margin-left:43%;
|
||||
margin-top:3%;
|
||||
float:left;
|
||||
letter-spacing:0.07em;
|
||||
font-weight:bold;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.newcommunitywrapper h1 {
|
||||
font-size:42px;
|
||||
font-family:'roboto';
|
||||
font-weight:300;
|
||||
margin-top:4%;
|
||||
line-height:1.1em;
|
||||
margin-bottom:3%;
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
|
||||
.videos {
|
||||
float:left;
|
||||
width:100%;
|
||||
padding-top:5%;
|
||||
padding-bottom:5%;
|
||||
background-color:#eeeeee;
|
||||
|
||||
}
|
||||
|
||||
.videocontainer {
|
||||
float:left;
|
||||
margin-left:10%;
|
||||
width:80%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.video {
|
||||
margin-right:2%;
|
||||
float:left;
|
||||
width:31%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.videotext {
|
||||
margin-top:3%;
|
||||
text-align:center;
|
||||
padding-top:4%;
|
||||
font-family:'roboto';
|
||||
|
||||
}
|
||||
|
||||
.videocta {
|
||||
text-align:center;
|
||||
padding:3%;
|
||||
color:#0662EE;
|
||||
text-transform:uppercase;
|
||||
font-family:'roboto';
|
||||
font-weight:bold;
|
||||
letter-spacing:0.05em;
|
||||
line-height:1.3em;
|
||||
padding-top:5%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.resources {
|
||||
width:100%;
|
||||
margin-top;5%;
|
||||
margin-bottom:3%;
|
||||
font-family:'roboto';
|
||||
float:left;
|
||||
}
|
||||
|
||||
|
||||
.resourcecontainer {
|
||||
width:90%;
|
||||
margin-top:3%;
|
||||
margin-left:10%;
|
||||
}
|
||||
|
||||
|
||||
.resourcebox {
|
||||
float:left;
|
||||
margin:1%;
|
||||
border:1px solid grey;
|
||||
padding:2%;
|
||||
font-size:1em;
|
||||
color:#0662EE;
|
||||
height:100%;
|
||||
vertical-align:middle;
|
||||
text-transform:uppercase;
|
||||
font-family:'roboto';
|
||||
font-weight:bold;
|
||||
line-height:1.3em;
|
||||
letter-spacing:0.05em;
|
||||
width:20%;
|
||||
min-height:330px;
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.contributor {
|
||||
float:left;
|
||||
width:100%;
|
||||
background:url('/images/community/kubernetes-community-contributor.jpg');
|
||||
background-size: 100% auto;
|
||||
float:left;
|
||||
background-position: center;
|
||||
|
||||
}
|
||||
|
||||
.contributortext {
|
||||
color:white;
|
||||
margin-left:0%;
|
||||
margin-right:6%;
|
||||
padding:4%;
|
||||
float:right;
|
||||
width:40%;
|
||||
text-align:left;
|
||||
margin-bottom:3%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.contributorimage {
|
||||
margin-left:4%;
|
||||
margin-right:0%;
|
||||
padding:3%;
|
||||
float:left;
|
||||
width:40%;
|
||||
display:inline-block;
|
||||
text-align:left;
|
||||
|
||||
}
|
||||
|
||||
.conduct {
|
||||
float:left;
|
||||
width:100%;
|
||||
padding-top:3%;
|
||||
padding-bottom:3%;
|
||||
text-align:center;
|
||||
font-family:'roboto';
|
||||
font-weight:300;
|
||||
}
|
||||
.conducttext {
|
||||
float:left;
|
||||
width:70%;
|
||||
margin-bottom:3%;
|
||||
margin-left:15%;
|
||||
text-align:center;
|
||||
font-family:'roboto';
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
|
||||
h2 {
|
||||
overflow: hidden;
|
||||
font-family:'roboto';
|
||||
font-weight:200;
|
||||
margin-top:5%;
|
||||
text-align: center;
|
||||
letter-spacing:0.1em;
|
||||
}
|
||||
h2:before,
|
||||
h2:after {
|
||||
background-color: #aaaaaa;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 1px;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
width: 35%;
|
||||
}
|
||||
h2:before {
|
||||
right: 0.5em;
|
||||
margin-left: -50%;
|
||||
}
|
||||
h2:after {
|
||||
left: 0.5em;
|
||||
margin-right: -50%;
|
||||
}
|
||||
|
||||
|
||||
.news {
|
||||
float:left;
|
||||
width:80%;
|
||||
padding-top:3%;
|
||||
padding-bottom:3%;
|
||||
margin-left:10%;
|
||||
text-align:center;
|
||||
font-family:'roboto';
|
||||
|
||||
}
|
||||
|
||||
.newscol {
|
||||
float:left;
|
||||
width:30%;
|
||||
font-family:'roboto';
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
.resourcebox {
|
||||
|
||||
height:100%;
|
||||
min-height:370px;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width:1500px) and (min-width:1100px) {
|
||||
|
||||
|
||||
.resourcebox {
|
||||
min-height:320px;
|
||||
height:100%;
|
||||
|
||||
}
|
||||
}
|
||||
@media (max-width:1500px) and (min-width:800px) {
|
||||
|
||||
|
||||
.tablet {
|
||||
display:block;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1100px) {
|
||||
|
||||
|
||||
.resourcebox {
|
||||
min-height:270px;
|
||||
height:100%;
|
||||
|
||||
}
|
||||
.button {
|
||||
background-color:#0662EE;
|
||||
color:white;
|
||||
font-size:16px;
|
||||
padding:4% !important;
|
||||
margin-top:0%;
|
||||
float:none;
|
||||
margin-top:0%;
|
||||
margin-bottom:5%;
|
||||
letter-spacing:0.07em;
|
||||
font-weight:bold;
|
||||
|
||||
}
|
||||
.fullbutton {
|
||||
|
||||
padding:3% !important;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:1000px) {
|
||||
.desktop {
|
||||
display:none;
|
||||
}
|
||||
.mobile {
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width:600px) and (max-width:750px) {
|
||||
|
||||
.resourcebox {
|
||||
float:left;
|
||||
margin:3%;
|
||||
border:1px solid grey;
|
||||
padding:1%;
|
||||
font-size:1.4em;;
|
||||
color:#0662EE;
|
||||
vertical-align:middle;
|
||||
text-transform:uppercase;
|
||||
font-family:'roboto';
|
||||
font-weight:bold;
|
||||
min-height:375px;
|
||||
letter-spacing:0.01em;
|
||||
width:43% !important;
|
||||
line-height:1.5em;
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:450px) and (max-width:600px) {
|
||||
|
||||
.resourcebox {
|
||||
float:left;
|
||||
margin:3%;
|
||||
border:1px solid grey;
|
||||
padding:1%;
|
||||
font-size:1.1em;;
|
||||
color:#0662EE;
|
||||
vertical-align:middle;
|
||||
text-transform:uppercase;
|
||||
font-family:'roboto';
|
||||
font-weight:bold;
|
||||
min-height:280px ;
|
||||
letter-spacing:0.01em;
|
||||
width:43% !important;
|
||||
line-height:1.5em;
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media (max-width:450px) {
|
||||
|
||||
.resourcebox {
|
||||
float:left;
|
||||
margin:3%;
|
||||
border:1px solid grey;
|
||||
padding:1%;
|
||||
font-size:1.1em;;
|
||||
color:#0662EE;
|
||||
vertical-align:middle;
|
||||
text-transform:uppercase;
|
||||
font-family:'roboto';
|
||||
font-weight:bold;
|
||||
height:100% !important;
|
||||
letter-spacing:0.01em;
|
||||
width:43% !important;
|
||||
line-height:1.5em;
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:750px) {
|
||||
|
||||
|
||||
.twittercol1 {
|
||||
width: 95%;
|
||||
float:left;
|
||||
padding:2%
|
||||
}
|
||||
|
||||
.conducttextnobutton {
|
||||
margin-bottom:4%;
|
||||
}
|
||||
|
||||
.intro {
|
||||
float:left;
|
||||
width:80%;
|
||||
margin-left:10%;
|
||||
text-align:center;
|
||||
line-height:1.6em;
|
||||
margin-bottom:1%;
|
||||
font-family:'roboto';
|
||||
margin-top:7%;
|
||||
margin-bottom:7%;
|
||||
letter-spacing:0.04em;
|
||||
|
||||
}
|
||||
.banner1 {
|
||||
position:relative;
|
||||
height:300%;
|
||||
float:left;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.mobile {
|
||||
|
||||
display:block;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.desktop {
|
||||
|
||||
display:none;
|
||||
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align:center !important;
|
||||
font-size:2.1em;
|
||||
margin-bottom:5%;
|
||||
margin-top:7%;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-x:hidden;
|
||||
line-height:1.5em;
|
||||
font-family:'roboto';
|
||||
margin-top:1%;
|
||||
letter-spacing:0.03em;
|
||||
font-size:13px;
|
||||
margin:0 auto;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.navbar {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.events {
|
||||
float:left;
|
||||
width:100%;
|
||||
background-color:#eeeeee;
|
||||
margin-top:3%;
|
||||
padding-bottom:5%;
|
||||
|
||||
}
|
||||
|
||||
.eventcontainer {
|
||||
width:100%;
|
||||
margin-top:5%;
|
||||
margin-bottom:3%;
|
||||
margin-left:0%;
|
||||
}
|
||||
|
||||
.event {
|
||||
|
||||
width:80%;
|
||||
padding-top:1%;
|
||||
padding-bottom:1%;
|
||||
color:white;
|
||||
font-family:'roboto';
|
||||
text-align:center;
|
||||
float:left;
|
||||
margin:1%;
|
||||
font-size:1.1em;
|
||||
line-height:1.4em;
|
||||
margin-left:10%;
|
||||
}
|
||||
|
||||
.meetups {
|
||||
background-color:navy !important;
|
||||
background-size: 100% auto;
|
||||
float:left;
|
||||
background-position: center;
|
||||
width:100%;
|
||||
padding:5%;
|
||||
}
|
||||
|
||||
.meetupcol {
|
||||
z-index:99;
|
||||
width:90%;
|
||||
margin-left:5%;
|
||||
text-align:center;
|
||||
font-family:'roboto';
|
||||
}
|
||||
|
||||
.meetuptext {
|
||||
color:white;
|
||||
margin-bottom:7%;
|
||||
|
||||
}
|
||||
.button {
|
||||
background-color:#0662EE;
|
||||
color:white;
|
||||
font-size:16px;
|
||||
padding:4%;
|
||||
margin-top:1%;
|
||||
float:none;
|
||||
margin-bottom:5%;
|
||||
letter-spacing:0.07em;
|
||||
font-weight:bold;
|
||||
|
||||
}
|
||||
.videos {
|
||||
float:left;
|
||||
width:100%;
|
||||
padding-top:5%;
|
||||
padding-bottom:5%;
|
||||
background-color:#eeeeee;
|
||||
|
||||
}
|
||||
|
||||
.videocontainer {
|
||||
float:left;
|
||||
width:90%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.video {
|
||||
margin-right:2%;
|
||||
margin-left:0%;
|
||||
float:left;
|
||||
width:90%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.videotext {
|
||||
margin-top:3%;
|
||||
text-align:center;
|
||||
padding-top:4%;
|
||||
padding-bottom:2%;
|
||||
font-family:'roboto';
|
||||
|
||||
}
|
||||
|
||||
.videocta {
|
||||
text-align:center;
|
||||
padding:3%;
|
||||
padding-top:5%;
|
||||
line-height:1.3em;
|
||||
color:#0662EE;
|
||||
text-transform:uppercase;
|
||||
font-family:'roboto';
|
||||
font-weight:bold;
|
||||
padding-bottom:8%;
|
||||
font-size:1em;
|
||||
letter-spacing:0.05em;
|
||||
}
|
||||
|
||||
.resources {
|
||||
width:100%;
|
||||
margin-top;8%;
|
||||
margin-bottom:8%;
|
||||
font-family:'roboto';
|
||||
float:left;
|
||||
}
|
||||
|
||||
|
||||
.resourcecontainer {
|
||||
width:90%;
|
||||
text-align:center;
|
||||
margin-top:3%;
|
||||
margin-left:5%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.contributor {
|
||||
float:left;
|
||||
width:100%;
|
||||
background:url('/images/community/kubernetes-community-contributor.jpg');
|
||||
background-size: 100% auto;
|
||||
float:left;
|
||||
background-position: center;
|
||||
|
||||
}
|
||||
|
||||
.contributortext {
|
||||
color:white;
|
||||
margin-left:5%;
|
||||
float:left;
|
||||
text-align:center !important;
|
||||
width:80%;
|
||||
text-align:left;
|
||||
margin-bottom:3%;
|
||||
|
||||
}
|
||||
|
||||
.conduct {
|
||||
float:left;
|
||||
width:100%;
|
||||
padding-top:3%;
|
||||
padding-bottom:3%;
|
||||
text-align:center;
|
||||
font-family:'roboto';
|
||||
margin-bottom:12%;
|
||||
}
|
||||
.conducttext {
|
||||
float:left;
|
||||
width:80%;
|
||||
margin-left:10%;
|
||||
margin-bottom:2%;
|
||||
text-align:center;
|
||||
font-family:'roboto';
|
||||
}
|
||||
|
||||
.fullbutton {
|
||||
background-color:#0662EE;
|
||||
color:white;
|
||||
font-size:16px;
|
||||
padding:4%;
|
||||
margin-top:8% !important;
|
||||
float:none;
|
||||
margin-left:0%;
|
||||
margin-bottom:9%;
|
||||
letter-spacing:0.07em;
|
||||
font-weight:bold;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.searchbar {
|
||||
height:50px;
|
||||
width:85%;
|
||||
background-color:white;
|
||||
float:left;
|
||||
margin:0 auto;
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
margin-left:7.5%;
|
||||
margin-top:5%;
|
||||
margin-bottom:7%;
|
||||
}
|
||||
|
||||
.resourceboxtext {
|
||||
width:90% !important;
|
||||
margin-left:5% !important;
|
||||
font-weight:400 !important;
|
||||
margin-top:5% !important;
|
||||
padding:3%;
|
||||
font-size:0.7em !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 195 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 305 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 946 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 456 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 259 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 302 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 217 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 619 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
Loading…
Reference in New Issue