Merge pull request #29 from rustnl/track-speakers

Track speakers: Niko and Julius. Also: bluesky profile icon
rustnl · Jan 10, 2025 · 2a1ea84 · 2a1ea84
2 parents e9e5648 + fee9a38
commit 2a1ea84
Show file tree

Hide file tree

Showing 4 changed files with 109 additions and 14 deletions.
diff --git a/src/components/people/Person.astro b/src/components/people/Person.astro
@@ -1,17 +1,35 @@
 ---
-const { name, image, description, linkedin, twitter, mastodon, github, youtube } = Astro.props;
+
+interface Props {
+    name: string;
+    image: string;
+    description: string;
+    tracks?: Array<string>;
+}
+
+const { name, image, description, tracks } = Astro.props;
 ---
 
 <div class="person">
-    <img 
-        src={`/images/people/${image}`} 
-        alt={`Picture of ${name}`}
-    />
+    <div class="image-container">
+        <img src={`/images/people/${image}`} alt={`Picture of ${name}`} />
+        <div class="tags">
+            {
+                tracks && tracks.map( track => (
+                    <span class={`tag ${track}`}>
+                        <span>
+                            {track} track
+                        </span>
+                    </span>
+
+                ))
+            }
+        </div>
+    </div>
     <div>
         <h4>{name}</h4>
         <p class="description">{description}</p>
     </div>
-
 </div>
 
 <style lang="scss">
@@ -52,15 +70,47 @@ const { name, image, description, linkedin, twitter, mastodon, github, youtube }
             font-size: $font-size-sm;
         }
 
-        img {
-            align-self: center;
-            border-radius: 0.3em;
-            height: auto;
-            vertical-align: middle;
-            width: 100%;
-            background: $color-yellow-400;
+        .image-container {
+            position: relative;
+
+            img {
+                align-self: center;
+                border-radius: 0.3em;
+                height: auto;
+                vertical-align: middle;
+                width: 100%;
+                background: $color-yellow-400;
+
+                aspect-ratio: 1/1;
+            }
+
+            div.tags {
+                position: absolute;
+                bottom: 0.75rem;
+                left: 0.75rem;
+
+                .tag {
+                    padding: 0.3rem 0.5rem;
+                    margin-right: 0.75rem;
+
+                    border-radius: 5px;
+                    font-size: $font-size-xs;
+                    background-color: $color-blue-400;
+
+                    &.project {
+                        background-color: $color-red-400;
+                    }
+
+                    &.industry {
+                        background-color: $color-yellow-400;
+                    }
 
-            aspect-ratio: 1/1;
+                    span {
+                        font-weight: bold;
+                        text-transform: lowercase;
+                    }
+                }
+            }
         }
     }
 </style>
diff --git a/src/components/people/SpeakerFull.astro b/src/components/people/SpeakerFull.astro
@@ -12,6 +12,7 @@ const {
     twitter,
     mastodon,
     github,
+    bluesky,
     link,
 } = Astro.props;
 ---
@@ -30,6 +31,7 @@ const {
             {twitter && <a href={twitter}><Icon name="x" /></a>}
             {mastodon && <a href={mastodon}><Icon name="mastodon" /></a>}
             {github && <a href={github}><Icon name="github" /></a>}
+            {bluesky && <a href={bluesky}><Icon name="bluesky" /></a>}
         </div>
         <div>
         {

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -160,21 +160,37 @@ import Divider from "../components/Divider.astro";
             name="Alice Ivy Cecile"
             image="alice_cecile.jpg"
             description="Bevy community leader & mad scientist"
+            tracks={["main"]}
+        />
+        <Person
+            name="Niko Matsakis"
+            image="niko.png"
+            description="Senior Principal Engineer at AWS"
+            tracks={["project", "industry"]}
         />
         <Person
             name="Pietro Albini"
             image="pietro_albini.jpg"
             description="Rust Project's Infra & Release teams"
+            tracks={["main"]}
         />
         <Person
             name="Alex Crichton"
             image="alex_crichton.jpg"
             description="Core Contributor of WasmTime"
+            tracks={["main"]}
+        />
+        <Person
+            name="Julius Gustavsson"
+            image="julius.jpeg"
+            description="System architect at Volvo Cars"
+            tracks={["industry"]}
         />
         <Person
             name="Miguel Ojeda"
             image="miguel_ojeda.jpg"
             description="Maintainer of Rust for Linux"
+            tracks={["main"]}
         />
     </Fragment>
     <Fragment slot="workshops">

diff --git a/src/pages/speakers.astro b/src/pages/speakers.astro
@@ -14,6 +14,7 @@ import CommonLayout from "../layouts/CommonLayout.astro";
             bio="Alice leads and coordinates Bevy's bubbling open source community as they build the next generation of game engine in Rust!"
             mastodon="https://mastodon.gamedev.place/@alice_i_cecile"
             github="https://github.com/alice-i-cecile"
+            bluesky="https://bsky.app/profile/alice-i-cecile.bsky.social"
         />
         <SpeakerFull
             name="Pietro Albini"
@@ -47,6 +48,32 @@ import CommonLayout from "../layouts/CommonLayout.astro";
             github="https://github.com/ojeda"
             linkedin="https://www.linkedin.com/in/ojedamiguel/"
         />
+        <SpeakerFull
+            name="Julius Gustavsson"
+            image="julius.jpeg"
+            description="System architect at Volvo Cars"
+            talkTitle="Rust at Volvo"
+            talkAbstract=""
+            bio=""
+            mastodon=""
+            github=""
+            linkedin="https://www.linkedin.com/in/julius-gustavsson/"
+            twitter="https://x.com/j_gust"
+            bluesky="https://bsky.app/profile/j-gust.bsky.social"
+        />
+        <SpeakerFull
+            name="Niko Matsakis"
+            image="niko.png"
+            description="Senior Principal Engineer at AWS"
+            talkTitle="Our Vision for Rust"
+            talkAbstract=""
+            bio="Nicholas Matsakis is a Senior Principal Engineer at AWS and Co-Lead of the open source Rust Language Design Team. He has worked on Rust since 2011, and led the design of its “secret sauce”, the borrow checker. He has played a number of other roles in Rust over the years, such as being a member of the Rust core team, the lead of the Rust compiler team, and helping to launch the Rust Foundation. Prior to working on Rust, he completed a PhD at ETH Zurich and did his undergraduate study at MIT."
+            mastodon=""
+            github=""
+            linkedin="https://www.linkedin.com/in/nicholas-matsakis-615614/"
+            twitter="https://x.com/nikomatsakis"
+            bluesky="https://bsky.app/profile/nikomatsakis.com"
+        />
         <p class="more-soon">More speakers will be announced soon!</p>
     </section>
 </CommonLayout>