PecanProject · allgandalf · Jan 22, 2024 · Jan 3, 2024 · Jan 14, 2024 · Jan 14, 2024
diff --git a/README.md b/README.md
@@ -146,10 +146,8 @@ Steps to add a blog post:
 1. Create a new file named `blog/yyyy-mm-dd-title.md`
 2. In the top of your blog file add a yaml header.
 3. Add at least `title`, `author` and `tags` yaml fields.
-
-- These metadata fields help with search and navigation on the site.
-- These and other yaml header options are described in the [blog header options](https://docusaurus.io/docs/blog#header-options) section of the Docusaurus documentation.
-
+   - These metadata fields help with search and navigation on the site.
+   - These and other yaml header options are described in the [blog header options](https://docusaurus.io/docs/blog#header-options) section of the Docusaurus documentation.
 4. writing your blog and save the file.
 5. any images can be put in `static/img/` and referenced using a relative path `static/img/myimage.png`
 6. build the website to make sure the blog shows up as expected
@@ -186,10 +184,10 @@ This section contains future plans for the website. New contributors can use thi
 
 ### Optimising Documentation
 
-At present the PEcAn's documentation is being served from (https://pecanproject.github.io/pecan-documentation/master/) using an iframe. While this saves a lot of overhead in converting Rmd files in (https://github.com/PecanProject/pecan/tree/develop/book_source) to md files so that docusaurus could render them, it also increases the loading time for documentation, it also looks less consistent.
+At present the PEcAn's documentation is being served from (<https://pecanproject.github.io/pecan-documentation/master/>) using an iframe. While this saves a lot of overhead in converting Rmd files in (<https://github.com/PecanProject/pecan/tree/develop/book_source>) to md files so that docusaurus could render them, it also increases the loading time for documentation, it also looks less consistent.
 In future, it is suggested to find an optimised way to convert rmd files to md and integrate them via docusaurus's native documentation parser.
 
 ### Adding tutorials section
 
 The tutorials section from old site need to be migrated into the new site.
-One can find tutorials here (https://github.com/PecanProject/pecan/tree/develop/documentation/tutorials).
+One can find tutorials here (<https://github.com/PecanProject/pecan/tree/develop/documentation/tutorials>).
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -43,6 +43,7 @@ module.exports = {
           items: [
             { to: "/about", label: "About" },
             { to: "/people", label: "People" },
+            { to: "/alumni", label: "Alumni" },
             { to: "/news", label: "News" },
           ],
         },
@@ -101,6 +102,23 @@ module.exports = {
             },
           ],
         },
+        {
+          title: "Past Contributors",
+          items: [
+            {
+              label: "PecanProject",
+              href: "https://github.com/PecanProject/pecan/graphs/contributors",
+            },
+            {
+              label: "Bety Database",
+              href: "https://github.com/PecanProject/bety/graphs/contributors",
+            },
+            {
+              label: "Pecan Website",
+              href: "https://github.com/PecanProject/web/graphs/contributors",
+            },
+          ],
+        },
       ],
       copyright: `Copyright © ${new Date().getFullYear()} PEcAn Project.`,
     },

diff --git a/src/components/CardList.js b/src/components/CardList.js
@@ -15,13 +15,14 @@ const PeopleCard = (props) => {
             </div>
           </div>
         </div>
-        <div className="card__image"
-              style={{
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-              }}
-              >
+        <div
+          className="card__image"
+          style={{
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+          }}
+        >
           <img src={props.img} alt="Image alt text" title="Logo Title Text 1" />
         </div>
         <div
@@ -55,11 +56,14 @@ const PeopleCard = (props) => {
 
 const CardList = () => {
   return (
-    <div className={styles.peopleContainer}>
-      {contributors.map((person, index) => {
-        return <PeopleCard key={index} {...person} />;
-      })}
-    </div>
+    <>
+      <h2 style={{ textAlign: "center",margin:'0.5rem' }}>People</h2>
+      <div className={styles.peopleContainer}>
+        {contributors.map((person, index) => {
+          return <PeopleCard key={index} {...person} />;
+        })}
+      </div>
+    </>
   );
 };
 export default CardList;
diff --git a/src/components/HomepageFeatures.js b/src/components/HomepageFeatures.js
@@ -11,21 +11,32 @@ const FeatureList = [
     Svg: require("../../static/img/nature.svg").default,
     description: (
       <>
-        The Predictive Ecosystem Analyzer (PEcAn) is an integrated informatics toolbox for ecosystem modeling.
-         PEcAn consists of:
-
-         <dl>
-                                <dt><b>An application program interface (API):</b></dt>
-                                <dd>It encapsulates an ecosystem model, providing a common interface, inputs, and output.</dd>
-
-                                <dt><b>Web-based user interface</b></dt>
-                                <dd>An accessible web-based user interface and visualization tools</dd>
-
-                                <dt><b>Extensible collection of modules</b></dt>
-                                <dd>An extensible collection of modules to handle specific types of analyses , model-data syntheses , and data processing </dd>
-                            </dl>
+        The Predictive Ecosystem Analyzer (PEcAn) is an integrated informatics
+        toolbox for ecosystem modeling. PEcAn consists of:
+        <dl>
+          <dt>
+            <b>An application program interface (API):</b>
+          </dt>
+          <dd>
+            It encapsulates an ecosystem model, providing a common interface,
+            inputs, and output.
+          </dd>
 
+          <dt>
+            <b>Web-based user interface</b>
+          </dt>
+          <dd>
+            An accessible web-based user interface and visualization tools
+          </dd>
 
+          <dt>
+            <b>Extensible collection of modules</b>
+          </dt>
+          <dd>
+            An extensible collection of modules to handle specific types of
+            analyses , model-data syntheses , and data processing{" "}
+          </dd>
+        </dl>
       </>
     ),
   },
@@ -34,7 +45,8 @@ const FeatureList = [
     Svg: require("../../static/img/environment.svg").default,
     description: (
       <>
-        PEcAn is and will always be a <b>free</b> and <b>open source</b> software for the betterment of the scientific community and humanity.
+        PEcAn is and will always be a <b>free</b> and <b>open source</b>{" "}
+        software for the betterment of the scientific community and humanity.
       </>
     ),
   },
@@ -124,17 +136,17 @@ export default function HomepageFeatures() {
           <img src={energy} className={styles.image} />
         </div>
         <div className={styles.timeline}>
-        <Timeline
-          dataSource={{
-            sourceType: "profile",
-            screenName: "PEcAnProject"
-          }}
-          options={{
-            height: '400rem',
-            width: '50rem'
-          }}
-        />
-      </div>
+          <Timeline
+            dataSource={{
+              sourceType: "profile",
+              screenName: "PEcAnProject",
+            }}
+            options={{
+              height: "400rem",
+              width: "50rem",
+            }}
+          />
+        </div>
       </div>
     </div>
   );

diff --git a/src/pages/alumni.js b/src/pages/alumni.js
@@ -0,0 +1,74 @@
+import React from "react";
+import clsx from "clsx";
+import { Link } from "react-router-dom";
+import projectAlumni from "../../static/utils/projectAlumni";
+import styles from "../components/people.module.css";
+import Layout from "@theme/Layout";
+const PeopleCard = (props) => {
+  return (
+    <div className={clsx("card-demo", styles.card)}>
+      <div className="card">
+        <div className="card__header">
+          <div className="avatar">
+            <div className="avatar__intro">
+              <div className="avatar__name">{props.name}</div>
+              <small className="avatar__subtitle">{props.role}</small>
+            </div>
+          </div>
+        </div>
+        <div
+          className="card__image"
+          style={{
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+          }}
+        >
+          <img src={props.img} alt="Image alt text" title="Logo Title Text 1" />
+        </div>
+        <div
+          className="card__footer"
+          style={{
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+          }}
+        >
+          <small className="avatar__subtitle">{props.profession}</small>
+          <Link
+            to="#"
+            style={{
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+            }}
+            onClick={(e) => {
+              window.location = `mailto:${props.email}`;
+              e.preventDefault();
+            }}
+          >
+            {props.email}
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const Alumni = () => {
+  return (
+    <Layout title="people">
+      <div>
+        <h2 style={{ textAlign: "center", margin: "0.5rem" }}>
+          Project Alumni
+        </h2>
+        <div className={styles.peopleContainer}>
+          {projectAlumni.map((person, index) => {
+            return <PeopleCard key={index} {...person} />;
+          })}
+        </div>
+      </div>
+    </Layout>
+  );
+};
+export default Alumni;
diff --git a/src/pages/people.js b/src/pages/people.js
@@ -5,7 +5,6 @@ function People() {
   return (
     <Layout title="people">
       <div>
-        <h2 style={{ textAlign: "center",margin:'0.5rem' }}>People</h2>
         <CardList />
       </div>
     </Layout>

diff --git a/static/utils/contributors.js b/static/utils/contributors.js
@@ -10,7 +10,7 @@ const contributors = [
     name: "Dr. David LeBauer",
     email: "[email protected]",
     role: "PEcAn Co-PI",
-    profession: "Director of Data Science, University of Arizona ",
+    profession: "Staff Scientist, Indigo Ag",
     img: "https://datascience.cct.arizona.edu/sites/datascience.cct.arizona.edu/files/styles/large/public/images/people/david_lebauer.jpg",
   },
   {
@@ -45,7 +45,7 @@ const contributors = [
     name: "Christopher Black",
     email: "[email protected]",
     role: "",
-    profession: "Postdoctoral scholar, Penn State Roots Lab",
+    profession: "Senior Scientist, Indigo Ag",
     img: "https://ckblack.org/2014/04/ckb-20140427-300px.jpg",
   },
   {
@@ -59,7 +59,7 @@ const contributors = [
     name: "Hamze Dokoohaki",
     email: "[email protected]",
     role: "",
-    profession: "Assistant Professor, National Center for Supercomputing Applications (NCSA)",
+    profession: "Staff Scientist, Indigo Ag",
     img: "https://scholar.googleusercontent.com/citations?view_op=view_photo&user=91lPlxQAAAAJ&citpid=7",
   },
   {
@@ -82,7 +82,20 @@ const contributors = [
     role: "",
     profession: "Project Manager, Boston University",
     img: "https://pecanproject.github.io/images/tonyg_pic.jpg",
-  }
-
+  },
+  {
+    name: "Dongchen Zhang",
+    email: "[email protected]", 
+    role: "PhD Student",
+    profession: "PhD Student in Dr. Michael Dietze's Lab, Boston University",
+    img: "https://people.bu.edu/dietze/images/Dongchen.jpg", 
+  },
+  {
+    name: "Qianyu Li",
+    email: "[email protected]", 
+    role: "Research Scientist",
+    profession: "Brookhaven National Lab",
+    img: "https://www.bnl.gov/assets/global/images/render.php?q=0|26462.jpg|500", 
+  },
 ];
 export default contributors;
diff --git a/static/utils/projectAlumni.js b/static/utils/projectAlumni.js
@@ -0,0 +1,73 @@
+const ProjectAlumni = [
+  {
+    name: "Rohan Sasne",
+    email: "[email protected]",
+    role: "GSoC'23 Contributor",
+    profession: "Co-Founder and CEO, Dynalize Technologies",
+    img: "https://avatars.githubusercontent.com/u/110545952?v=4",
+  },
+  {
+    name: "Eshan Tripathi",
+    email: "[email protected]",
+    role: "GSoC'21 Contributor",
+    profession: "SWE, nference",
+    img: "https://64.media.tumblr.com/51bd634bd300674d46b882b83d006033/d0ccde617a2c1037-f1/s1280x1920/eac1fd5ce65bd1af7a77f347e083569364853e20.jpg",
+  },
+  {
+    name: "Swarnalee Mazumder",
+    email: "[email protected]",
+    role: "GSoC'22 Contributor",
+    profession: "Research Scientist, Hamburg University of Applied Sciences",
+    img: "https://64.media.tumblr.com/679258c21bb42f6ed66659149b0f5392/5c4f2b6dff559bc2-9f/s400x600/1be6bd275b3b4a8db9f092ae7576787e845cb5c7.jpg",
+  },
+  {
+    name: "Nihar Sanda",
+    email: "[email protected]",
+    role: "GSoC'22 & GSoC'23 Contributor",
+    profession: "Research Associate, IIT Bombay",
+    img: "https://koolgax99.github.io/nihar.jpg",
+  },
+  {
+    name: "Akhil Jha",
+    email: "[email protected]",
+    role: "GSoC'21 Contributor",
+    profession: "Analyst, Axtria",
+    img: "https://64.media.tumblr.com/fd066011776dd76429497bc9a453f8f0/abd726ba4479b170-fb/s1280x1920/1c310463d24ea1fad82e2bbfb9df9b5617be9d37.jpg",
+  },
+  {
+    name: "Sagar Utekar",
+    email: "[email protected]",
+    role: "GSoC'22 Contributor",
+    profession: "Software Engineer, VMware",
+    img: "https://64.media.tumblr.com/d182f286c3cae51ed2736097d2156e7d/da1cd6888f58f511-30/s1280x1920/9ccc75af8e63938b7d4feb080d482ded53ebecd5.jpg",
+  },
+  {
+    name: "Meet Agarwal",
+    email: "[email protected]",
+    role: "GSoC'23 Contributor",
+    profession: "Software Engineer",
+    img: "https://64.media.tumblr.com/c8143e590d0312d730d5dd42e345126a/e1e32936de328bec-90/s1280x1920/8e05bb187c1458f41f0c341ddb8f91d5e228ed77.jpg",
+  },
+  {
+    name: "Shashank Singh",
+    email: "[email protected]",
+    role: "GSoC'21 Contributor",
+    profession: "Software Engineer",
+    img: "https://64.media.tumblr.com/844efbc2c4f498d5efc1735a1ed6e833/afb9965e346b87e5-20/s500x750/e668d9815f6566d1a3b8396d3a76cfefe836638c.jpg",
+  },
+  {
+    name: "Tanishq Jain",
+    email: "[email protected]",
+    role: "GSoC'22 Contributor",
+    profession: "Software Engineer, Bosch",
+    img: "https://avatars.githubusercontent.com/u/83662210?v=4",
+  },
+  {
+    name: "Ayush Prasad",
+    email: "[email protected]",
+    role: "GSoC'21 Contributor",
+    profession: "Research Intern, Finnish Meteorological Institute",
+    img: "https://64.media.tumblr.com/5a3adef73384810a33e245824d5e6134/e8e5de268f03329f-85/s400x600/93576ee5b5d3f38ee195d88b489fec02d9c16e53.jpg",
+  },
+];
+export default ProjectAlumni;