From ab5c24b75e27615e983647644eb9075dc6ba1c1f Mon Sep 17 00:00:00 2001 From: Travis Beckham Date: Mon, 16 Dec 2024 12:29:31 -0600 Subject: [PATCH] Update ambassadors (#1900) --- linkerd.io/assets/scss/app/_ambassadors.scss | 42 +++-- .../content/community/ambassadors/_index.md | 165 ++++++++++-------- .../ambassadors/images/william-rizzo.jpg | Bin 0 -> 6208 bytes linkerd.io/layouts/community/ambassadors.html | 74 ++++---- 4 files changed, 158 insertions(+), 123 deletions(-) create mode 100644 linkerd.io/content/community/ambassadors/images/william-rizzo.jpg diff --git a/linkerd.io/assets/scss/app/_ambassadors.scss b/linkerd.io/assets/scss/app/_ambassadors.scss index a952c42d23..36796f90df 100644 --- a/linkerd.io/assets/scss/app/_ambassadors.scss +++ b/linkerd.io/assets/scss/app/_ambassadors.scss @@ -3,7 +3,23 @@ */ .ambassadors { + // Override all h2s on the page + h2 { + font-size: $font-size-h1; + } .page__container { + @include make-stack(7); + } + .ambassadors__section { + @include make-stack(5); + + @media (min-width: breakpoint-min-width("lg")) { + h2 { + text-align: center; + } + } + } + .ambassadors__items { display: grid; gap: spacer(4); grid-template-columns: 1fr; @@ -18,22 +34,18 @@ .card__footer { gap: spacer(1); } - &.ambassadors__emeritus { - border: solid 2px $blue; + .ambassadors__emeritus-badge { + position: absolute; - .badge { - position: absolute; - - @media (max-width: breakpoint-max-width("lg")) { - left: spacer(4); - bottom: spacer(4); - width: 128px; // Thumbnail width - text-align: center; // Center badge under thumbnail - } - @media (min-width: breakpoint-min-width("xl")) { - top: spacer(3); - right: spacer(3); - } + @media (max-width: breakpoint-max-width("lg")) { + left: spacer(4); + bottom: spacer(4); + width: 128px; // Thumbnail width + text-align: center; // Center badge under thumbnail + } + @media (min-width: breakpoint-min-width("xl")) { + top: spacer(3); + right: spacer(3); } } } diff --git a/linkerd.io/content/community/ambassadors/_index.md b/linkerd.io/content/community/ambassadors/_index.md index a87e7ba97d..511bf5a03c 100644 --- a/linkerd.io/content/community/ambassadors/_index.md +++ b/linkerd.io/content/community/ambassadors/_index.md @@ -10,81 +10,92 @@ description: |- Interested in becoming a Linkerd Ambassador? **[Learn more](../ambassadors-apply/)** layout: ambassadors params: - ambassadors: - - name: Charles Pretzer - role: Field Engineer - image: images/charles-pretzer.png - flag: 🇺🇸 - urls: - github: https://github.com/cpretzer - linkedin: https://www.linkedin.com/in/charlespretzer/ - - name: Chris Campbell - role: Cloud Software Engineer - image: images/chris-campbell.png - flag: 🇺🇸 - urls: - github: https://github.com/campbel - twitter: https://twitter.com/ChrsCmpbl - linkedin: https://www.linkedin.com/in/chris-campbell-28410839/ - - name: Christian Hüning - role: Director of Cloud Technologies - image: images/christian-huning.png - flag: 🇩🇪 - urls: - github: https://github.com/christianhuening - twitter: https://twitter.com/chrishuen - linkedin: https://www.linkedin.com/in/christian-h%C3%BCning-964191a3/ - - name: Dominik Táskai - role: Junior DevOps Engineer - image: images/dominik-taskai.jpg - flag: 🇭🇺 - urls: - github: https://github.com/dtaskai - linkedin: https://www.linkedin.com/in/dtaskai/ - - name: Eli Goldberg - role: Platform Team Lead - image: images/eli-goldberg.jpg - flag: 🇮🇱 - urls: - github: https://github.com/Eli-Goldberg - twitter: https://twitter.com/EliG0ldberg - linkedin: https://www.linkedin.com/in/eli-go/ - - name: Fredrik Klingenberg - role: Developer - image: images/fredrik-klingenberg.png - flag: 🇳🇴 - urls: - github: https://github.com/fredrkl - twitter: https://twitter.com/fredrkl - linkedin: https://www.linkedin.com/in/fredrikklingenberg/ - - name: María Teresa Rojas - role: SRE - image: images/maria-rojas.png - flag: 🇵🇹 - urls: - github: https://github.com/mtrojas - linkedin: https://www.linkedin.com/in/mtrojas/ - - name: Sergio Méndez - role: DevOps Engineer - image: images/sergio-mendez.png - flag: 🇬🇹 - urls: - github: https://github.com/sergioarmgpl - twitter: https://twitter.com/sergioarmgpl - linkedin: https://www.linkedin.com/in/sergioarmgpl/ - - name: Steve Gray - role: Founder & CEO - image: images/steve-gray.png - flag: 🇦🇺 - urls: - linkedin: https://www.linkedin.com/in/eventualconsistency/ - - name: Kasper Nissen - role: Lead Platform Architect - image: images/kasper-nissen.png - flag: 🇩🇰 - urls: - github: https://github.com/kaspernissen - twitter: https://twitter.com/phennex - linkedin: https://www.linkedin.com/in/kaspernissen/ - emeritus: true + sections: + - title: + items: + - name: Chris Campbell + role: Cloud Software Engineer + image: images/chris-campbell.png + flag: 🇺🇸 + urls: + github: https://github.com/campbel + twitter: https://twitter.com/ChrsCmpbl + linkedin: https://www.linkedin.com/in/chris-campbell-28410839/ + - name: Christian Hüning + role: Director of Cloud Technologies + image: images/christian-huning.png + flag: 🇩🇪 + urls: + github: https://github.com/christianhuening + twitter: https://twitter.com/chrishuen + linkedin: https://www.linkedin.com/in/christian-h%C3%BCning-964191a3/ + - name: Dominik Táskai + role: Junior DevOps Engineer + image: images/dominik-taskai.jpg + flag: 🇭🇺 + urls: + github: https://github.com/dtaskai + linkedin: https://www.linkedin.com/in/dtaskai/ + - name: Eli Goldberg + role: Platform Team Lead + image: images/eli-goldberg.jpg + flag: 🇮🇱 + urls: + github: https://github.com/Eli-Goldberg + twitter: https://twitter.com/EliG0ldberg + linkedin: https://www.linkedin.com/in/eli-go/ + - name: Sergio Méndez + role: DevOps Engineer + image: images/sergio-mendez.png + flag: 🇬🇹 + urls: + github: https://github.com/sergioarmgpl + twitter: https://twitter.com/sergioarmgpl + linkedin: https://www.linkedin.com/in/sergioarmgpl/ + - name: William Rizzo + role: Consulting Architect + image: images/william-rizzo.jpg + flag: 🇳🇱 + urls: + github: https://github.com/wrkode + linkedin: https://www.linkedin.com/in/william-rizzo/ + - title: Linkerd Ambassadors Emeriti + emeriti: true + items: + - name: Charles Pretzer + role: Field Engineer + image: images/charles-pretzer.png + flag: 🇺🇸 + urls: + github: https://github.com/cpretzer + linkedin: https://www.linkedin.com/in/charlespretzer/ + - name: Fredrik Klingenberg + role: Developer + image: images/fredrik-klingenberg.png + flag: 🇳🇴 + urls: + github: https://github.com/fredrkl + twitter: https://twitter.com/fredrkl + linkedin: https://www.linkedin.com/in/fredrikklingenberg/ + - name: Kasper Nissen + role: Lead Platform Architect + image: images/kasper-nissen.png + flag: 🇩🇰 + urls: + github: https://github.com/kaspernissen + twitter: https://twitter.com/phennex + linkedin: https://www.linkedin.com/in/kaspernissen/ + - name: María Teresa Rojas + role: SRE + image: images/maria-rojas.png + flag: 🇵🇹 + urls: + github: https://github.com/mtrojas + linkedin: https://www.linkedin.com/in/mtrojas/ + - name: Steve Gray + role: Founder & CEO + image: images/steve-gray.png + flag: 🇦🇺 + urls: + linkedin: https://www.linkedin.com/in/eventualconsistency/ --- diff --git a/linkerd.io/content/community/ambassadors/images/william-rizzo.jpg b/linkerd.io/content/community/ambassadors/images/william-rizzo.jpg new file mode 100644 index 0000000000000000000000000000000000000000..8a47c2c64c9f476068f1e0dc81d42a06cfd65d45 GIT binary patch literal 6208 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 literal 0 HcmV?d00001 diff --git a/linkerd.io/layouts/community/ambassadors.html b/linkerd.io/layouts/community/ambassadors.html index 03fb0726f6..40df78dfc6 100644 --- a/linkerd.io/layouts/community/ambassadors.html +++ b/linkerd.io/layouts/community/ambassadors.html @@ -3,40 +3,52 @@ {{ partial "components/hero" . }}
- {{ range .Params.ambassadors }} -
- {{ with .emeritus }} - Emeritus + {{ range .Params.sections }} + {{ $emeriti := .emeriti }} +
+ {{ with .title }} +

+ {{ . }} +

{{ end }} -
- {{ $alt := .name }} - {{ with $.Resources.Get .image }} - {{ with partial "utils/process-image" (dict - "res" . - "width" 256 - "height" 256 - "process" "fill jpg q80 lanczos" - )}} - {{ $alt }} - {{ end }} +
+ {{ range .items }} +
+ {{ if $emeriti }} + Emeritus + {{ end }} +
+ {{ $alt := .name }} + {{ with $.Resources.Get .image }} + {{ with partial "utils/process-image" (dict + "res" . + "width" 256 + "height" 256 + "process" "fill jpg q80 lanczos" + )}} + {{ $alt }} + {{ end }} + {{ end }} +
+
+
+

+ {{ .name }} {{ .flag }} +

+

+ {{ .role }} +

+
+
+ {{ range $k, $v := .urls }} + {{ partial "components/icon-button" (dict "href" $v "icon" $k "variant" "secondary") }} + {{ end }} +
+
+
{{ end }}
-
-
-

- {{ .name }} {{ .flag }} -

-

- {{ .role }} -

-
-
- {{ range $k, $v := .urls }} - {{ partial "components/icon-button" (dict "href" $v "icon" $k "variant" "secondary") }} - {{ end }} -
-
-
+
{{ end }}