donate page backed by the Bevy people (#532)

have the donate button link to a page with people from the Bevy org with a sponsor link

Co-authored-by: Carter Anderson <mcanders1@gmail.com>

Author: mockersf

.gitignore

@@ -5,6 +5,7 @@ content/assets
 content/learn/errors
 content/examples
 content/community/people
+content/community/donate
 static/assets/examples
 static/processed_images
 .vscode/

generate-community/src/bin/generate.rs

@@ -24,6 +24,26 @@ fn main() -> io::Result<()> {
     people_root_section.apply_roles(&role_map);
 
     people_root_section.write(Path::new(&content_dir), Path::new(&content_sub_dir), 0)?;
+
+    let Some(CommunityNode::Section(org)) = people_root_section.content.iter().find(|node| node.name() == "The Bevy Organization") else {
+        panic!("unexpected kind of node or missing for The Bevy Organization");
+    };
+    let mut donate = org.clone();
+    
+    donate.name = "Supporting Bevy Development".to_string();
+    donate.filename = Some("donate".to_string());
+    donate.header = Some("Supporting Bevy".to_string());
+    donate.template = Some("donate.html".to_string());
+
+    donate.content = donate.content.into_iter().filter(|node| {
+        let CommunityNode::Member(member) = node else {
+            panic!("got an unexpected subsection");
+        };
+        member.sponsor.is_some()
+    }).collect();
+
+    donate.write(Path::new(&content_dir), Path::new(&content_sub_dir), 0)?;
+
     Ok(())
 }
 
@@ -176,7 +196,7 @@ impl From<&Section> for FrontMatterSection {
 
 impl FrontMatterWriter for Section {
     fn write(&self, root_path: &Path, current_path: &Path, weight: usize) -> io::Result<()> {
-        let section_path = current_path.join(self.name.to_ascii_lowercase());
+        let section_path = current_path.join(self.filename.as_ref().unwrap_or(&self.name.to_ascii_lowercase()));
         let path = root_path.join(&section_path);
         fs::create_dir(path.clone())?;
 

generate-community/src/lib.rs

@@ -102,6 +102,7 @@ where
 #[derive(Debug, Clone)]
 pub struct Section {
     pub name: String,
+    pub filename: Option<String>,
     pub content: Vec<CommunityNode>,
     pub template: Option<String>,
     pub header: Option<String>,
@@ -189,6 +190,7 @@ fn visit_dirs(dir: PathBuf, section: &mut Section) -> io::Result<()> {
                 };
                 let mut new_section = Section {
                     name: folder.to_str().unwrap().to_string(),
+                    filename: None,
                     content: vec![],
                     template: None,
                     header: None,
@@ -217,6 +219,7 @@ fn visit_dirs(dir: PathBuf, section: &mut Section) -> io::Result<()> {
 pub fn parse_members(community_dir: &str) -> io::Result<Section> {
     let mut people_root_section = Section {
         name: "People".to_string(),
+        filename: None,
         content: vec![],
         template: Some("people.html".to_string()),
         header: Some("People".to_string()),

sass/pages/_people.scss

@@ -37,7 +37,6 @@
 }
 
 .people-role {
-    display: block;
     font-weight: 400;
     font-size: 0.8rem;
     padding-left: 0.3rem;
@@ -50,7 +49,17 @@
     border-width: 1px;
 }
 
+.people-role-card {
+    display: block;
+}
+
+.people-role-inline {
+    font-size: 1.0rem;
+    margin-right: 0.2rem;
+}
+
 .people-role-top-level {
+    display: block;
     float: left;
     font-size: 1.0rem;
     margin-right: 0.2rem;

templates/donate.html

@@ -98,7 +98,7 @@
                         </div>
                     </nav>
                     <div class="header__cta-container">
-                        <a class="button button--pink header__cta" href="https://github.com/sponsors/cart">Donate <img class="button__icon" src="/assets/heart.svg" alt="heart icon"/></a>
+                        <a class="button button--pink header__cta" href="/community/donate">Donate <img class="button__icon" src="/assets/heart.svg" alt="heart icon"/></a>
                         <a class="button header__cta" href="/learn/book/getting-started/">Get Started</a>
                     </div>
                 </div>

templates/layouts/base.html

@@ -216,11 +216,11 @@ <h2>
                         <div class="people-roles">
                             {% for role in post.extra.roles %}
                                 {% if role == "Project Lead" %}
-                                    <div class="people-role people-role-project-lead">{{ role }}</div>
+                                    <div class="people-role people-role-card people-role-project-lead">{{ role }}</div>
                                 {% elif role == "Maintainer" %}
-                                    <div class="people-role people-role-maintainer">{{ role }}</div>
+                                    <div class="people-role people-role-card people-role-maintainer">{{ role }}</div>
                                 {% elif role is starting_with("SME-") %}
-                                    <div class="people-role people-role-sme">{{ role }}</div>
+                                    <div class="people-role people-role-card  people-role-sme">{{ role }}</div>
                                 {% else %}
                                     <div class="people-role">{{ role }}</div>
                                 {% endif %}