[zh]merge main into dev-zh

.github/settings.yml

@@ -30,12 +30,14 @@ collaborators:
   - username: seokho-son
     permission: admin
 
-  # English approvers (approver for all files in repository)
   - username: jihoon-seo
-    permission: push
+    permission: maintain
 
   - username: iamNoah1
-    permission: push  
+    permission: maintain  
+
+  # English approvers (approver for all files in repository)
+
 
 
   # Localization approvers
@@ -77,9 +79,6 @@ collaborators:
   - username: DaveVentura
     permission: push
 
-  - username: Petria3s
-    permission: push
-
   # l10n it approvers
   - username: fsbaraglia
     permission: push
@@ -143,6 +142,16 @@ collaborators:
   - username: Submarinee
     permission: push
 
+  # l10n fr approvers
+  - username: huats
+    permission: push
+
+  - username: fydrah
+    permission: push
+
+  - username: Krast76
+    permission: push
+
 branches:
 
   # Default branch of this repository for configurations and English contents
@@ -235,7 +244,6 @@ branches:
         users:
          - iamNoah1
          - DaveVentura
-         - Petria3s
         teams: []
       enforce_admins: null
       required_linear_history: null
@@ -333,3 +341,21 @@ branches:
         teams: []
       enforce_admins: null
       required_linear_history: null
+
+  # l10n branch for fr contents only
+  - name: dev-fr
+    protection:
+      required_pull_request_reviews:
+        required_approving_review_count: 2
+        require_code_owner_reviews: true
+      required_status_checks: null
+      restrictions:
+        apps: []
+        # fr approvers
+        users:
+         - huats
+         - fydrah
+         - Krast76
+        teams: []
+      enforce_admins: null
+      required_linear_history: null

.github/workflows/es-spellcheck.yml

@@ -25,6 +25,6 @@ jobs:
     steps:
       - uses: actions/checkout@v3
       - name: GitHub Spellcheck Action
-        uses: rojopolis/spellcheck-github-actions@0.24.0
+        uses: rojopolis/spellcheck-github-actions@0.25.0
         with:
           config_path: content/es/.spellcheck.yml

.github/workflows/spellcheck.yml

@@ -25,4 +25,4 @@ jobs:
       - uses: actions/checkout@v3
 
       - name: GitHub Spellcheck Action
-        uses: rojopolis/spellcheck-github-actions@0.24.0
+        uses: rojopolis/spellcheck-github-actions@0.25.0

.gitignore

@@ -2,3 +2,4 @@
 public/
 resources/
 node_modules/
+.hugo_build.lock

CODEOWNERS

@@ -22,7 +22,7 @@
 /content/hi/ @Garima-Negi @sayantani11 @anubha-v-ardhan @jayesh-srivastava
 
 # Approvers for German contents
-/content/de/ @iamNoah1 @DaveVentura @Petria3s
+/content/de/ @iamNoah1 @DaveVentura @CathPag
 
 # Approvers for Italian contents
 /content/it/ @fsbaraglia @meryem-ldn @annalisag-spark @sistella
@@ -38,3 +38,6 @@
 
 # Approvers for Chinese contents
 /content/zh-cn/ @hanyuancheung @Jacob953 @Rocksnake @Submarinee
+
+# Approvers for French contents
+/content/fr/ @huats @fydrah @Krast76

LOCALIZATION.md

@@ -5,6 +5,7 @@ we'd love to start localizing it into different languages.
 
  - [Initiate a new localization team](#initiating-a-new-localization-team)
  - [Join an existing localization team](#join-an-existing-localization-team)
+ - [Localization team guidelines](#localization-team-guidelines)
 
 Contributions to improving the following localization guides and localization policies are also welcome.
 
@@ -132,6 +133,14 @@ Once the PR is merged, the localized content will go live on its website 🎉
 
 To join an existing team, hop on the #glossary-localizations and #glossary-localization-[language name] channels on the CNCF Slack. Introduce yourself, let the team know you want to contribute, and the team will take it from there.
 
-If the team seems inactive (no response after several days), reach out to @Seokho Son, @Catherine Paganini, and @jmo on the #glossary-localizations channel.  
+If the team seems inactive (no response after several days), reach out to @Seokho Son, @Catherine Paganini, @jmo, @Jihoon Seo or @Noah Ispas on the #glossary-localizations channel.  
 
-Note, that every localization team may have their own process of working on localizing terms. However, one thing is common for all localization teams and important to keep in mind: Contributions have to be based on the `dev-xx` branch and PRs need to target `dev-xx`.
+--- 
+
+# Localization team guidelines
+Every localization team may have its own process of working on localizing terms. However, here are some guidelines that are common for all localization teams:
+
+1. Only terms with the status `Completed` in the English version are ready to be localized.
+2. All contributions related to localization have to be based on the `dev-xx` branch, and PRs need to target `dev-xx`. 
+3. Localization teams need to get changes from the `main` branch in their `dev-xx` branch from time to time. Therefore a PR should be opened where the `main` branch is merged into `dev-xx`. The glossary maintainers will then choose the rebase method to complete the PR and keep the history linear. 
+4. A localized term does not have to match the English version completely. Also, the localized and English versions of terms can coexist independently throughout updates. Localization teams can decide to which degree localized terms have to match their English version and how to handle updates on the English term. 

assets/scss/_archive.scss

@@ -0,0 +1,16 @@
+.article-teaser {
+	h3 {
+		margin-top: 34px;
+		a {
+			color: $black;
+		}
+	}
+}
+
+.articles-of-tag hr {
+	background: linear-gradient(180deg, #c4c4c4, hsla(0, 0%, 77%, 0));
+	border-bottom: 0;
+	height: 10px;
+	opacity: 0.15;
+	width: 100%;
+}

assets/scss/_buttons.scss

@@ -0,0 +1,37 @@
+// buttons.
+.button-reset {
+	background: none;
+	border: none;
+	box-sizing: border-box;
+	cursor: pointer;
+	display: block;
+	margin-left: 0;
+	margin-right: 0;
+	padding: 0;
+	width: unset;
+}
+
+.cncf-button {
+	color: $white;
+	background-color: $black;
+	border: 0;
+	border-radius: 3px;
+	box-shadow: none;
+	box-sizing: border-box;
+	cursor: pointer;
+	font-size: 16px;
+	font-weight: 700;
+	letter-spacing: 0.02em;
+	line-height: 105%;
+	margin: 0;
+	max-width: 100%;
+	padding: 12px 40px;
+	text-align: center;
+	text-decoration: none;
+	text-transform: uppercase;
+	transition: all 0.25s ease-out;
+	word-break: break-word;
+	&:hover {
+		background-color: $gray-700;
+	}
+}

assets/scss/_categories.scss

@@ -0,0 +1,39 @@
+// Category.
+.category {
+	margin-top: 0;
+	margin-right: 0;
+	margin-bottom: 1.875rem;
+	@media (min-width: 768px) {
+		margin-bottom: 3.125rem;
+	}
+	margin-right: 12px;
+	color: $gray-700;
+	font-weight: 700;
+	letter-spacing: 0.2em;
+}
+
+// Category labels.
+i.technology,
+i.property,
+i.concept {
+	-moz-osx-font-smoothing: grayscale;
+	-webkit-font-smoothing: antialiased;
+	display: inline-block;
+	font-style: normal;
+	font-variant: normal;
+	text-rendering: auto;
+	line-height: 1;
+	font-family: 'Font Awesome 5 Free';
+	font-weight: 900;
+	padding-right: 0.5em;
+	color: $gray-700;
+}
+i.technology:before {
+	content: '\f7d9';
+}
+i.property:before {
+	content: '\f1ad';
+}
+i.concept:before {
+	content: '\f0eb';
+}

assets/scss/_footer.scss

@@ -0,0 +1,57 @@
+// footer.
+footer {
+	min-height: unset;
+	background-color: $black;
+	color: #eee;
+	padding: 4rem 0 3rem;
+	a {
+		color: $primary;
+		font-weight: 600;
+		&:hover {
+			color: $primary;
+			text-decoration: none;
+		}
+	}
+	.brand img {
+		height: 40px;
+	}
+	small a {
+		color: #eee;
+	}
+}
+
+// social links.
+.social-links {
+	text-align: center;
+	@media (min-width: 992px) {
+		text-align: right;
+	}
+	a {
+		padding: 10px;
+		display: block;
+	}
+	svg {
+		fill: $white;
+		color: $white;
+		height: 25px;
+		max-width: 30px;
+		&:hover {
+			color: $link-color;
+			fill: $link-color;
+		}
+	}
+}
+
+.horizontal-rule {
+	background-color: $white;
+	height: 1px;
+	width: 100%;
+	margin: 1rem 0;
+}
+
+.copyright {
+	text-align: center;
+	@media (min-width: 992px) {
+		text-align: left;
+	}
+}

assets/scss/_hamburger.scss

@@ -0,0 +1,92 @@
+/**
+ * Hamburger Menu
+ * Based on https://github.com/jonsuh/hamburgers
+ *
+ */
+
+// Setup variables for the hamburger.
+$hamburger-active-layer-color: $black;
+$hamburger-layer-color: $black;
+$hamburger-padding-x: 12px;
+$hamburger-padding-y: 0px;
+$hamburger-layer-width: 28px;
+$hamburger-layer-height: 4px;
+$hamburger-layer-spacing: 4px;
+$hamburger-hover-opacity: 1;
+$hamburger-active-hover-opacity: 1;
+
+// Output the hamburger CSS
+.hamburger {
+	padding: $hamburger-padding-y $hamburger-padding-x;
+	cursor: pointer;
+
+	transition-property: opacity, filter;
+	transition-duration: 0.15s;
+	transition-timing-function: linear;
+
+	// Normalize the <button>
+	font: inherit;
+	color: inherit;
+	text-transform: none;
+	background-color: transparent;
+	border: 0;
+	margin: 0;
+	overflow: visible;
+
+	margin-left: 20px;
+
+	&:hover {
+		opacity: $hamburger-hover-opacity;
+	}
+
+	// Hide Hamburger on Desktop up.
+	@media (min-width: 768px) {
+		display: none;
+	}
+}
+
+.hamburger-box {
+	width: $hamburger-layer-width;
+	height: $hamburger-layer-height * 3 + $hamburger-layer-spacing * 2;
+	display: inline-block;
+	position: relative;
+	perspective: $hamburger-layer-width * 2;
+}
+
+.hamburger-inner {
+	display: block;
+	top: 50%;
+	margin-top: calc($hamburger-layer-height / -2);
+	transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
+		background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+	&,
+	&::before,
+	&::after {
+		width: $hamburger-layer-width;
+		height: 3px;
+		background-color: $hamburger-layer-color;
+		position: absolute;
+		transition-property: transform;
+		transition-duration: 0.15s;
+		transition-timing-function: ease;
+	}
+
+	&::before,
+	&::after {
+		content: '';
+		display: block;
+		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+	}
+
+	&::before {
+		top: ($hamburger-layer-spacing + $hamburger-layer-height) * -1;
+	}
+
+	&::after {
+		bottom: ($hamburger-layer-spacing + $hamburger-layer-height) * -1;
+	}
+	@media (prefers-reduced-motion: reduce) {
+		transition: none !important;
+	}
+}