Add a funding page that lists Project members with GitHub Sponsors

locales/en-US/funding.ftl

@@ -0,0 +1,5 @@
+## Works in conjunction with team data from teams.ftl
+
+## funding.html.hbs
+funding-page-title = Funding
+funding-intro = Rust contributors shown on this page can be funded via GitHub Sponsors. Consider sponsoring them if you want to support the development of Rust.

src/main.rs

@@ -1,7 +1,7 @@
 use crate::assets::compile_assets;
 use crate::i18n::{TeamHelper, create_loader};
 use crate::redirect::create_redirects;
-use crate::render::{RenderCtx, render_directory, render_governance, render_index};
+use crate::render::{RenderCtx, render_directory, render_funding, render_governance, render_index};
 use crate::rust_version::fetch_rust_version;
 use crate::teams::{encode_zulip_stream, load_rust_teams};
 use anyhow::Context;
@@ -110,8 +110,11 @@ fn main() -> anyhow::Result<()> {
         ".well-known/security.txt",
     )?;
 
+    let all_team_members = ctx.teams.all_team_members();
+
     render_index(&ctx)?;
-    render_governance(&ctx)?;
+    render_governance(&ctx, &all_team_members)?;
+    render_funding(&ctx, &all_team_members)?;
     render_directory(&ctx, "community")?;
     render_directory(&ctx, "learn")?;
     render_directory(&ctx, "policies")?;

src/render.rs

@@ -2,7 +2,7 @@ use crate::assets::AssetFiles;
 use crate::fs::{copy_dir_all, ensure_directory};
 use crate::i18n::{EXPLICIT_LOCALE_INFO, LocaleInfo, SUPPORTED_LOCALES};
 use crate::rust_version::RustVersion;
-use crate::teams::{PageData, RustTeamData};
+use crate::teams::{AllTeamMembers, PageData, RustTeamData};
 use crate::{BaseUrl, ENGLISH, LAYOUT};
 use anyhow::Context;
 use handlebars::Handlebars;
@@ -179,7 +179,10 @@ pub fn render_index(render_ctx: &RenderCtx) -> anyhow::Result<()> {
     })
 }
 
-pub fn render_governance(render_ctx: &RenderCtx) -> anyhow::Result<()> {
+pub fn render_governance(
+    render_ctx: &RenderCtx,
+    all_team_members: &AllTeamMembers,
+) -> anyhow::Result<()> {
     let data = render_ctx.teams.index_data();
 
     // Index page
@@ -226,13 +229,12 @@ pub fn render_governance(render_ctx: &RenderCtx) -> anyhow::Result<()> {
     })?;
 
     // Page with all team members
-    let all_team_members_data = render_ctx.teams.all_team_members();
     for_all_langs("governance/people/index.html", |dst_path, lang| {
         render_ctx
             .page(
                 "governance/all-team-members",
                 "governance-all-team-members-title",
-                &all_team_members_data,
+                all_team_members,
                 lang,
             )
             .render(dst_path)
@@ -263,6 +265,22 @@ pub fn render_governance(render_ctx: &RenderCtx) -> anyhow::Result<()> {
     Ok(())
 }
 
+pub fn render_funding(
+    render_ctx: &RenderCtx,
+    all_team_members: &AllTeamMembers,
+) -> anyhow::Result<()> {
+    let data = render_ctx.teams.funding_data(all_team_members);
+
+    // Index page
+    for_all_langs("funding/index.html", |dst_path, lang| {
+        render_ctx
+            .page("funding", "funding-page-title", &data, lang)
+            .render(dst_path)
+    })?;
+
+    Ok(())
+}
+
 /// Render all templates found in the given directory.
 pub fn render_directory(render_ctx: &RenderCtx, category: &str) -> anyhow::Result<()> {
     for dir in std::fs::read_dir(render_ctx.template_dir.join(category))? {

src/teams.rs

@@ -346,6 +346,27 @@ impl RustTeamData {
         people
     }
 
+    pub fn funding_data(&self, all_team_members: &AllTeamMembers) -> FundingData {
+        let people_with_sponsors = all_team_members
+            .active
+            .iter()
+            .filter_map(|member| {
+                let person = self.people.get(&member.github)?;
+                if person.github_sponsors {
+                    Some(FundablePerson {
+                        name: member.name.clone(),
+                        github: member.github.to_string(),
+                    })
+                } else {
+                    None
+                }
+            })
+            .collect();
+        FundingData {
+            people: people_with_sponsors,
+        }
+    }
+
     fn get_toplevel_team_url<'a>(&'a self, mut team: &'a Team) -> Option<String> {
         while !is_toplevel_team(team) {
             let Some(parent) = &team.subteam_of else {
@@ -476,6 +497,17 @@ pub struct PersonData {
     alumni_teams: Vec<PersonTeam>,
 }
 
+#[derive(Serialize)]
+pub struct FundablePerson {
+    name: String,
+    github: String,
+}
+
+#[derive(Serialize)]
+pub struct FundingData {
+    people: Vec<FundablePerson>,
+}
+
 pub fn load_rust_teams() -> anyhow::Result<RustTeamData> {
     println!("Downloading Team API data");
 

templates/components/layout.html.hbs

@@ -69,5 +69,6 @@
     </main>
     {{> components/footer}}
     <script src="{{baseurl_assets}}/static/scripts/languages.js"></script>
+    {{#> script }}{{/script}}
   </body>
 </html>

templates/funding.html.hbs

@@ -0,0 +1,59 @@
+{{#*inline "member"}}
+  <div class="person w-100 w-25-l mb3 flex flex-row items-center">
+    <a class="mr4 w4 h4 flex-shrink-0" href="{{baseurl}}/governance/people/{{member.github}}">
+      <img class="w-100 h-100 bg-white br2"
+           src="https://avatars.githubusercontent.com/{{member.github}}"
+           alt="{{member.name}}">
+    </a>
+    <div class="flex flex-column">
+      <a href="{{baseurl}}/governance/people/{{member.github}}">{{member.name}}</a>
+      <a href="https://github.com/sponsors/{{member.github}}" class="button button-secondary mt2">Sponsor</a>
+    </div>
+  </div>
+{{/inline}}
+
+{{#*inline "page"}}
+  <section class="green" style="padding-bottom: 10px;">
+    <div class="w-100 mw-none mw-8-m mw9-l center f2 ph3">
+      <p>{{fluent "funding-intro"}}</p>
+    </div>
+  </section>
+
+  <section class="green" style="padding-bottom: 15px;">
+    <div id="people" class="w-100 mw-none mw-8-m mw9-l flex flex-column flex-row-l flex-wrap-l center ph3">
+      {{#each data.people as |member|}}
+        {{> member member=member baseurl=../baseurl }}
+      {{/each}}
+    </div>
+  </section>
+
+{{/inline}}
+
+{{#*inline "script"}}
+<script type="text/javascript">
+  // From https://stackoverflow.com/a/2450976/1107768
+  function shuffle(array) {
+    let currentIndex = array.length;
+
+    // While there remain elements to shuffle...
+    while (currentIndex !== 0) {
+      // Pick a remaining element...
+      let randomIndex = Math.floor(Math.random() * currentIndex);
+      currentIndex--;
+
+      // And swap it with the current element.
+      [array[currentIndex], array[randomIndex]] = [
+        array[randomIndex], array[currentIndex]];
+    }
+  }
+
+  document.addEventListener("DOMContentLoaded", () => {
+    // Shuffle people to reduce ordering bias
+    const wrapper = document.querySelector("#people");
+    const children = Array(...wrapper.children);
+    shuffle(children);
+    wrapper.replaceChildren(...children);
+  });
+</script>
+{{/inline}}
+{{~> (lookup this "parent")~}}

templates/governance/all-team-members.html.hbs

@@ -20,6 +20,9 @@
       <p>{{#fluent "governance-all-team-members-intro"}}{{#fluentparam
       "count"}}{{len data.active}}{{/fluentparam}}{{/fluent}}</p>
     </div>
+    <div class="w-100 mw-none mw9-l center">
+      <a href="{{baseurl}}/funding" class="button button-secondary mw6">Sponsor Rust contributors</a>
+    </div>
   </section>
 
   <section class="green" style="padding-bottom: 15px;">