diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss index d46bac0924..1ebe8c81fa 100644 --- a/assets/scss/_custom.scss +++ b/assets/scss/_custom.scss @@ -566,7 +566,8 @@ main.content { } } -/* COMMUNITY */ +/* COMMUNITY legacy styles */ +/* Leave these in place until localizations are caught up */ .newcommunitywrapper { .news { diff --git a/content/en/community/_index.html b/content/en/community/_index.html index c08aa25ae0..de7fcee9a4 100644 --- a/content/en/community/_index.html +++ b/content/en/community/_index.html @@ -1,257 +1,183 @@ ---- -title: Community -layout: basic -cid: community ---- - -
-
- Kubernetes Conference Gallery - Kubernetes Conference Gallery -
- -
-
-

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. -

We are the people who file issues and pull requests, attend SIG meetings, Kubernetes meetups, and KubeCon, advocate for its adoption and innovation, run kubectl get pods, and contribute in a thousand other vital ways. Read on to learn how you can get involved and become part of this amazing community.

-
-
- -
- -Contributor Community      -Community Values      -Code of conduct       -Videos      -Discussions      -Events and meetups      -News      -Releases - -
-

-
-
-
- Kubernetes Conference Gallery -
- -
- Kubernetes Conference Gallery -
- -
- Kubernetes Conference Gallery -
- Kubernetes Conference Gallery - -
- -
-
-
-

-

-

Community Values

-The Kubernetes Community values are the keystone to the ongoing success of the project.
-These principles guide every aspect of the Kubernetes project. -
- -

- - READ MORE - -
-
-
-
- - - -
-
-

-

-

Code of Conduct

-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 conduct@kubernetes.io. All reports are kept confidential. You can read about the committee here. -
- -

- - -READ MORE - -
-
-
-
- - - -
-

-

-

Videos

- -
We're on YouTube, a lot. Subscribe for a wide range of topics.
- - -
- - -
-

-

-

Discussions

- -
We talk a lot. Find us and join the conversation on any of these platforms.
- -
- -
-Forum" - -forum ▶ - -
-Topic-based technical discussions that bridge docs, StackOverflow, and so much more -
-
- -
-Twitter - -twitter ▶ - -
Real-time announcements of blog posts, events, news, ideas -
-
- -
-GitHub - -github ▶ - -
-All the project and issue tracking, plus of course code -
-
- -
-Stack Overflow - -stack overflow ▶ - -
- Technical troubleshooting for any use case - -
-
- - - -
-
-
-

-

-
-

Upcoming Events

- {{< upcoming-events >}} -
-
- -
-
-
-

Global Community

-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. -
- -
-FIND A MEETUP -
-
- -
-
- - - - -
-

-

-

Recent News

- -
- - -
-



-
- -
+--- +title: Community +layout: basic +cid: community +community_styles_migrated: true +--- + + +
+

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.

+

We are the people who file issues and pull requests, attend SIG meetings, + Kubernetes meetups, and KubeCon, advocate for its adoption and innovation, + run kubectl get pods, and contribute in a thousand other vital + ways. Read on to learn how you can get involved and become part of this amazing + community.

+
+ + + + + +
+

Community Values

+

The Kubernetes Community values are the keystone to the ongoing success of the project.
+ These principles guide every aspect of the Kubernetes project.

+ + Read more + +
+ +
+

Code of Conduct

+

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 conduct@kubernetes.io. All reports are kept confidential. You can read about the committee in the Kubernetes community repository on GitHub.

+ + Read more + +
+ +
+

Videos

+ +

Kubernetes is on YouTube, a lot. Subscribe for a wide range of topics.

+ +
+ + + + + +
+
+ +
+

Discussions

+ +

We talk a lot. Find us and join the conversation on any of these platforms.

+ +
+
+ + Forum + + Community forums ▶ +

Topic-based technical discussions that bridge docs, + troubleshooting, and so much more.

+
+ +
+ + Twitter + + Twitter ▶ +

#kubernetesio

+

Real-time announcements of blog posts, events, news, ideas.

+
+ +
+ + GitHub + + GitHub ▶ +

All the project and issue tracking, plus of course code.

+
+ +
+ + Server Fault + + Server Fault ▶ +

Kubernetes-related discussion on Server Fault. Ask a question, or answer one.

+
+ +
+ + Slack + + Slack ▶ +

With 170+ channels, you'll find one that fits your needs.

+
Need an invitation? + Visit https://slack.k8s.io/ + for an invitation.
+
+
+
+ +
+
+

Upcoming Events

+ {{< upcoming-events >}} +
+
+ +
+

Global community

+

+ 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. +

+ + Find a meetup + +
+ +
+

Recent News

+
+ +
+
diff --git a/content/en/community/code-of-conduct.md b/content/en/community/code-of-conduct.md index 5dd0cb28e8..a66b0572bf 100644 --- a/content/en/community/code-of-conduct.md +++ b/content/en/community/code-of-conduct.md @@ -1,27 +1,29 @@ --- -title: Community +title: Kubernetes Community Code of Conduct layout: basic cid: community -css: /css/community.css +community_styles_migrated: true --- -
-

Kubernetes Community Code of Conduct

- +
+

Kubernetes follows the CNCF Code of Conduct. The text of the CNCF CoC is replicated below, as of commit 214585e. If you notice that this is out of date, please file an issue. +

+

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. You can reach us by email at conduct@kubernetes.io. Your anonymity will be protected. +

+
-
+
{{< include "/static/cncf-code-of-conduct.md" >}}
-
diff --git a/content/en/community/static/OWNERS b/content/en/community/static/OWNERS new file mode 100644 index 0000000000..3db354af14 --- /dev/null +++ b/content/en/community/static/OWNERS @@ -0,0 +1,7 @@ +# See the OWNERS docs at https://go.k8s.io/owners + +# Disable inheritance to encourage careful review of any changes here. +options: + no_parent_owners: true +approvers: +- sig-docs-leads diff --git a/content/en/community/static/README.md b/content/en/community/static/README.md index ef8e8d5a3e..bc44990c07 100644 --- a/content/en/community/static/README.md +++ b/content/en/community/static/README.md @@ -1,2 +1,5 @@ The files in this directory have been imported from other sources. Do not -edit them directly, except by replacing them with new versions. \ No newline at end of file +edit them directly, except by replacing them with new versions. + +Localization note: you do not need to create localized versions of any of + the files in this directory. \ No newline at end of file diff --git a/content/en/community/values.md b/content/en/community/values.md index 4ae1fe30b6..675e93c865 100644 --- a/content/en/community/values.md +++ b/content/en/community/values.md @@ -1,13 +1,18 @@ --- -title: Community +title: Kubernetes Community Values layout: basic cid: community -css: /css/community.css +community_styles_migrated: true + +# this page is deprecated +# canonical page is https://www.kubernetes.dev/community/values/ +sitemap: + priority: 0.1 --- - -
- -
+
{{< include "/static/community-values.md" >}}
-
+ + + diff --git a/layouts/community/list.html b/layouts/community/list.html index a9eb9f73ce..9ce1091f30 100644 --- a/layouts/community/list.html +++ b/layouts/community/list.html @@ -1,4 +1,3 @@ {{ define "main" }} - - {{ .Content }} + {{ .Content }} {{ end }} \ No newline at end of file diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 9f25090d63..7f42139a68 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -92,6 +92,14 @@ {{ end }} +{{- if eq (lower .Params.cid) "community" -}} +{{- if eq .Params.community_styles_migrated true -}} + +{{- else -}} + +{{- end -}} + +{{- end -}} {{ with .Params.js }}{{ range (split . ",") }} {{ end }}{{ else }}{{ end }} diff --git a/static/css/community.css b/static/css/community.css index 9bd94d3dab..99ad2948fa 100644 --- a/static/css/community.css +++ b/static/css/community.css @@ -1,19 +1,425 @@ -div.community_main h1, h2, h3 { - border-bottom: 1px solid #cccccc; - margin-bottom: 30px; - padding-bottom: 10px; - padding-top: 10px; +body.cid-community #banner { + aspect-ratio: 1500 / 293; /* match source image */ + display: block; + width: 100%; + margin: 0 0 2.5em 0; + max-height: min(calc(2.5vw + min(24em, calc(2 * 293px))), 50vh); + object-fit: cover; + overflow: clip; } -div.community_main { - padding: 50px 100px; +body.cid-community .community-section #h2 { + font-weight: 200; + margin-top: 1em; + margin-bottom: 0.5em; + text-align: center; + letter-spacing: 0.15em; + text-transform: uppercase; } -div.community_main ul, -div.community_main li { - list-style: disc; - list-style-position: inside; - padding: 10px 0; - font-size: 16px; +body.cid-community .community-section h2:before, +body.cid-community .community-section h2:after { + background-color: #aaaaaa; + content: ""; + display: inline-block; + height: 1px; + position: relative; + vertical-align: middle; + width: 35%; +} + +body.cid-community .community-section h2:before { + right: 0.5em; + margin-left: -50%; +} + +body.cid-community .community-section h2:after { + left: 0.5em; + margin-right: -50%; +} + +body.cid-community .community-section, body.cid-community #navigation-items { + max-width: min(85vw,100em); + margin-left: auto; + margin-right: auto; +} + +body.cid-community .community-section { + margin-top: 1em; + margin-bottom: 1em; + padding: 0.5em 0; + justify-content: space-evenly; + align-items: baseline; + align-content: space-between; + min-height: 10em; + text-align: center; /* overridden for paragraphs */ +} + +body.cid-community .community-section:first-child { + padding-top: max(3vh,1.5em); +} + +body.cid-community #navigation-items { + padding: 0.25em; + + width: 100vw; + max-width: initial; + + margin-top: 2.5em; + margin-bottom: 2.5em; + + gap: 1.25em; + + border-bottom: 1px solid #aaaaaa; + border-top: 1px solid #aaaaaa; + display: flex; + flex-direction: row; + flex-wrap: wrap; +} + +/* Allow fallback if calc() fails */ +body.cid-community #navigation-items { + padding-left: calc((100vw - min(85vw,120em))/2); + padding-right: calc((100vw - min(85vw,120em))/2); +} + +body.cid-community #navigation-items .community-nav-item { + flex-grow: 1; + text-align: center; + letter-spacing: 0.08em; + padding-top: 0.2em; + padding-bottom: 0.2em; + word-spacing: initial; + text-decoration: none; + text-transform: uppercase; font-weight: 400; + color: #303030; + background: #ffffff; + font-size: 1.1em; + padding: 0.2em; + margin: 0; + max-width: 75vw; + min-width: 10%; + min-height: 2em; } + +body.cid-community .community-section > p:not(.community-simple) { + line-height: 1.5em; + text-align: initial; +} + +body.cid-community .community-section#introduction, +body.cid-community .community-section#introduction > p { + line-height: 1.75em; + font-weight: 300; + letter-spacing: 0.04em; +} + +body.cid-community #gallery { + display: flex; + max-width: 100vw; + gap: 0.75rem; + justify-content: center; + margin-left: auto; + margin-right: auto; +} + +body.cid-community #gallery img { + display: block; + flex-basis: 0; + flex-grow: 0; + height: min(20em, 90vh); +} + +/* see media queries later in file */ +body.cid-community #gallery img.community-gallery-mobile { + display: none; +} + + + + +body.cid-community .community-section#events { + width: 100vw; + max-width: initial; + margin-bottom: 0; + + /* no events + background-image: url('/images/community/event-bg.jpg'); + background-size: 100% auto; + background-position: center; + color: #fff; + */ + display: none; +} + +body.cid-community .community-section#values { + width: 100vw; + max-width: initial; + background-image: url('/images/community/event-bg.jpg'); + color: #fff; + padding: 2em; + margin-top: 3em; +} +body.cid-community .community-section#values { + padding-left: calc((100vw - min(75vw,120em))/2); + padding-right: calc((100vw - min(75vw,120em))/2); +} + +body.cid-community .community-section#meetups { + width: 100vw; + max-width: initial; + margin-top: 0; + + background: url('/images/community/kubernetes-community-final.jpg'), url('/images/community/kubernetes-community-column.png'); + background-position: 80% center, left center; + background-repeat: no-repeat, repeat; + background-size: auto 100%, cover; + color: #fff; + + width: 100vw; + /* fallback in case calc() fails */ + padding: 5vw; + padding-bottom: 1em; + min-height: min(24em,50vh); +} + +body.cid-community .community-section#meetups { + padding-left: calc((100vw - min(75vw,100em))/2); + padding-right: calc((100vw - min(75vw,100em))/2); +} + +body.cid-community a.community-cta-button { + appearance: button; + display: inline-block; + margin: 0.75em auto 0 auto; /* gap before button */ + + background-color: #0662EE; + color: white; + + border-radius: 6px; + padding: 0.75em; + min-height: 3em; + min-width: max(5vw, 9em); + + text-align: center; +} + +body.cid-community a.community-cta-button > span.community-cta { + color: inherit; + background: transparent; + + letter-spacing: 0.02em; + font-weight: bold; + text-transform: uppercase; +} + +body.cid-community .fullbutton { + appearance: button; + display: inline-block; + margin: auto; + margin-top: 2rem; + background-color: #0662EE; + color: white; + font-size: 1.5em; + border-radius: 0.3333em; + padding: 0.5em; + letter-spacing: 0.07em; + font-weight: bold; +} + +body.cid-community #videos { + width: 100vw; + max-width: initial; + padding: 0.5em 5vw 5% 5vw; /* fallback in case calc() fails */ + background-color: #eeeeee; + margin-top: 4em; +} + +body.cid-community #videos { + padding-left: calc((100vw - min(95vw,160em))/2); + padding-right: calc((100vw - min(95vw,160em))/2); +} + +body.cid-community #videos .container { + display: flex; + flex-wrap: wrap; + gap: max(12px,2em); + max-width: 95vw; + justify-content: center; + margin-left: auto; + margin-right: auto; +} + + +body.cid-community .video { + width: min(80vw,max(31%, 24em)); + flex-basis: 31%; + flex-shrink: 1; +} + +body.cid-community .video .videocta { + display: block; + margin: 0.25em 0 0em 0; + text-align: center; + padding: 0.25em; + padding-bottom: 2em; + text-align: center; + color: #0662EE; + text-transform: uppercase; + font-weight: bold; + letter-spacing: 0.06em; + line-height: 1.25em; + clear: both; +} + +body.cid-community .video iframe { + min-width: 95%; + height: auto; + aspect-ratio: 16 / 9; +} + +body.cid-community #resources { + margin-top: 5%; + margin-bottom: 3%; +} + +body.cid-community #resources .container { + width: 100%; + display: flex; + flex-wrap: none; + gap: 2em; + justify-content: center; + margin-left: auto; + margin-right: auto; +} + + +body.cid-community #resources .container > .community-resource { + flex-basis: auto; + width: 100%; + flex-shrink: 1; +} + +body.cid-community #resources .container > .community-resource img { + max-height: min(6em, 50vh); + width: auto; + display: block; + margin: 1em auto 0.75em auto; +} + +body.cid-community #resources .container > .community-resource a { + text-transform: uppercase; +} + +body.cid-community .resourcebox { + height: 100%; + min-height: 370px; +} + + + + +body.cid-community .community-section.community-frame { + width: 100vw; +} + +body.cid-community .community-section.community-frame .twittercol1 { + width: 100%; +} + +body.cid-community details > summary { + color: #303030; +} + +body.cid-community #cncf-code-of-conduct-intro, +body.cid-community #cncf-code-of-conduct { + max-width: min(90vw, 100em); + padding-left: 0.5em; + padding-right: 0.5em; + margin-left: auto; + margin-right: auto; +} + +body.cid-community #cncf-code-of-conduct { + padding-bottom: 8em; + padding-top: 0.25em; + margin-top: 0; +} + +/* duplication not needed */ +body.cid-community #values-legacy h1 { + display: none; +} + +body.cid-community #values-legacy h2, +body.cid-community #cncf-code-of-conduct h2 { + margin-top: 0.25em; + margin-bottom: 1em; + color: #0662EE; +} + +body.cid-community #values-legacy h2:before, +body.cid-community #values-legacy h2:after, +body.cid-community #cncf-code-of-conduct h2:before, +body.cid-community #cncf-code-of-conduct h2:after { + display: none; /* skip decoration */ +} + + +@media only screen and (max-width: 640px) { + body.cid-community #navigation-items { + justify-content: flex-start; + text-align: left; + gap: min(2px,0.125em); + } + body.cid-community #navigation-items div.community-nav-item { + width: 100%; + text-align: left; + min-height: initial; + flex-shrink: 0; + } + body.cid-community .video { + max-width: 80vw; + flex-basis: auto; + } + body.cid-community #resources .container { + flex-wrap: wrap; + } + body.cid-community #resources .container .community-resource { + max-width: min(80vw, 24rem); + } + body.cid-community a.community-cta-button { + font-size: 1.5rem; + } +} + +@media only screen and (max-width: 1024px) { + body.cid-community #gallery img.community-gallery-desktop { + display: none; + } + body.cid-community #gallery img.community-gallery-mobile { + display: initial; + max-width: 95vw; + height: auto; + } + body.cid-community .video { + flex-basis: max(30em,80vw); + max-width: max(32em, 75vw); + } + body.cid-community .video .videocta { + padding-bottom: 0.5em; + } +} + +@media only screen and (min-width: 1024px) { + body.cid-community br.optional { + display: none; + } + body.cid-community .community-section:not(:first-of-type) { + min-height: max(20em,18vh); + } + body.cid-community .community-section#meetups p:last-of-type { + margin-bottom: 6em; /* extra space for background */ + } +} \ No newline at end of file diff --git a/static/css/newcommunity.css b/static/css/legacy_community.css similarity index 97% rename from static/css/newcommunity.css rename to static/css/legacy_community.css index e62e4ab8c5..80b0404344 100644 --- a/static/css/newcommunity.css +++ b/static/css/legacy_community.css @@ -1,3 +1,22 @@ +div.community_main h1, h2, h3 { + border-bottom: 1px solid #cccccc; + margin-bottom: 30px; + padding-bottom: 10px; + padding-top: 10px; +} + +div.community_main { + padding: 50px 100px; +} + +div.community_main ul, +div.community_main li { + list-style: disc; + list-style-position: inside; + padding: 10px 0; + font-size: 16px; + font-weight: 400; +} .SandboxRoot.env-bp-430 .timeline-Tweet-text { font-size: 13pt !important; diff --git a/static/images/community/discuss.png b/static/images/community/discuss.png index 9e83b8ee53..41cb139b57 100644 Binary files a/static/images/community/discuss.png and b/static/images/community/discuss.png differ diff --git a/static/images/community/kubernetes-community-column.png b/static/images/community/kubernetes-community-column.png new file mode 100644 index 0000000000..f7b4b692fd Binary files /dev/null and b/static/images/community/kubernetes-community-column.png differ diff --git a/static/images/community/serverfault.png b/static/images/community/serverfault.png new file mode 100644 index 0000000000..3892daa7aa Binary files /dev/null and b/static/images/community/serverfault.png differ diff --git a/static/images/community/slack.png b/static/images/community/slack.png index c408648bc0..c4386e9075 100644 Binary files a/static/images/community/slack.png and b/static/images/community/slack.png differ diff --git a/static/images/community/stack.png b/static/images/community/stack.png index 08e2aff1d7..550440c5d5 100644 Binary files a/static/images/community/stack.png and b/static/images/community/stack.png differ diff --git a/static/images/community/twitter.png b/static/images/community/twitter.png index 339ed1b015..0e5a443c0a 100644 Binary files a/static/images/community/twitter.png and b/static/images/community/twitter.png differ