update ambassador section

Signed-off-by: ainsley <ginger@synadia.com>

assets/sass/style.sass

@@ -253,6 +253,11 @@ $colors: mergeColorMaps(("primary-dark": ($nats-dark-blue, $white), "light-green
      height: 75%
      width: 75%
 
+.is-people-logo
+     border-radius: 25px
+     height: 25%
+     width: 25%     
+
 .is-support-logo
      height: 25%
      width: 25%     

content/community.md

@@ -60,7 +60,36 @@ Join us at our upcoming events and talks. Have a suggested event or want us to j
 
 ---
 
-## Ambassadors
+## NATS Ambassador Program
+
+The NATS Ambassador Program celebrates people who have demonstrated significant value in the NATS community, by developing a track record of providing valuable help through community channels as well as contributing to issues and discussions, reporting detailed bugs, suggesting code changes, and improving the NATS documentation.
+
+{{< columns >}}
+{{< column >}}
+
+### How to become an ambassador
+
+- Current NATS maintainers and ambassadors can suggest a candidate
+- A semi-annual vote occurs among the maintainers and ambassadors
+- The person is elected and voted in as a NATS Ambassador
+
+{{< /column >}}
+{{< column >}}
+
+### Once you are chosen as an ambassador
+
+You will -
+- Be added to the [AMBASSADORS.md](https://github.com/nats-io/nats-server/blob/main/AMBASSADORS.md) file in the nats-io/nats-server repo
+- Be added to the NATS community page with your picture and bio
+- Receive unique ambassador swag 😊
+- Receive a complimentary conference registration
+- Participate in an optional review of the NATS roadmap
+- Participate in an optional quarterly call with the NATS maintainers
+
+{{< /column >}}
+{{< /columns >}}
+
+## Current NATS Ambassadors
 
 {{< ambassadors >}}
 

data/ambassadors.toml

@@ -4,3 +4,5 @@ name = "Maurice van Veen"
 github = "https://github.com/MauriceVanVeen"
 linkedin = "https://www.linkedin.com/in/maurice-van-veen/"
 headshot = "maurice-van-veen.jpg"
+interview = "https://youtu.be/mZh0qlCfqq8"
+about = 'After first stumbling upon NATS, I quickly fell in love with it. I had contributed to the Java client, and afterwards I just *had* to learn Go to be able to contribute to the server too! Happy to be a part of the community. <br>I am interested in distributed computing, fault tolerance, open source, being challenged during my work and having loads of fun while doing it!'

layouts/partials/ambassadors.html

@@ -1,13 +1,21 @@
 {{ $ambassadors := site.Data.ambassadors.ambassadors }}
 
 <div class="container">
-  {{ range $k, $v := $ambassadors }} {{ $img := printf "img/logos/people/%s"
-  $v.headshot | relURL }}
-  <div>
-    <h2>{{ $v.name }}</h2>
-    <img src="{{ $img }}" alt="{{ $v.name }} headshot" />
-    <a href="{{ $v.github }}">GitHub</a> |
-    <a href="{{ $v.linkedin }}">LinkedIn</a>
+  <div class="columns is-vcentered is-multiline">
+  {{ range $k, $v := $ambassadors }}
+  {{ $img := printf "img/people/%s" $v.headshot | relURL }}
+  <div class="column is-half">
+    <h3>{{ $v.name }}</h3>
+    <img class="is-people-logo" src="{{ $img }}" alt="{{ $v.name }} headshot" />
+    <div><a href="{{ $v.github }}"><i class="fab fa fa-github"></i> GitHub</a> |
+      <a href="{{ $v.linkedin }}"><i class="fab fa fa-linkedin"></i> LinkedIn</a>
+      </div>
+      <div class="mt-2"><p>"{{ $v.about | markdownify }}"</p></div>
+      {{ if $v.interview }}
+      <div class="mt-4"><p>Check out our <a href="{{ $v.interview }}">interview</a> with {{ $v.name }}. </p></div>
+      {{ end }}
+
   </div>
   {{ end }}
 </div>
+</div>

layouts/shortcodes/ambassadors.html

@@ -0,0 +1 @@
+{{ partial "ambassadors.html" . }}