Merge branch 'main' of https://github.com/BecksLab/website

BecksLab · Oct 30, 2024 · ca93528 · ca93528
2 parents b444602 + d27ce0d
commit ca93528
Show file tree

Hide file tree

Showing 4 changed files with 300 additions and 0 deletions.
diff --git a/assets/css/index 2.css b/assets/css/index 2.css
@@ -0,0 +1,106 @@
+/* title */
+.title {
+    font-size: 3rem;
+    font-weight: 700;
+    line-height: 1.1em !important;
+  }
+
+  /* subtitle + Learn More About Me */
+  .subtitle {
+    font-family: "Petrona";
+    font-size: 1rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+  }
+
+  /* heading, subtitle, and blurb */
+  .entity-contents {
+    text-align: right !important;
+    padding: 0 2em 0 2em;
+  }
+
+  /* blurb */
+  .about-contents {
+    padding: 0 0 0 2em !important;
+  }
+
+  /* social links: block of links */
+  .about-entity .about-links {
+    justify-content: flex-end !important;
+    column-gap: 0em !important;
+    font-size: 1.2em !important;
+  }
+
+  /* social links: individual links */
+  .about-entity .about-link {
+    padding: 0.25em 0.25em !important;
+    border: none !important;  
+  }
+
+  /* Learn More About Me */
+  .about-links.subtitle {
+    font-size: 1em !important;
+    font-family: "Red Hat Text";
+    justify-content: flex-end !important;
+  }
+
+  /* image */
+  .about-image {
+    margin-top: -2em;
+    padding: 0 2em 0em 0;
+  }
+
+  /* // Home
+  
+  // social links
+  .about-entity {
+    // block of links
+    .about-links {
+      column-gap: 0em !important;
+      font-size: 1.2em;
+    }
+    // individual links
+    .about-link {
+      padding: 0.25em 0.25em !important;
+      border: none !important;
+    }
+  } */
+
+  /* mobile query up for screens up to ~992px wide */
+  @media screen and (max-width: 991.98px) {
+      /* move text up & center */
+      .entity-contents {
+        order: 2 !important;
+        margin: -4em 0 0 0 !important;
+        padding: 0 0 0 0em !important;
+        text-align: center !important;
+      }
+
+      /* center subtitle */
+      .subtitle {
+        text-align: center !important;
+      }
+
+      /* social links: block of links */
+      .about-entity .about-links {
+        justify-content: center !important;
+        font-size: 1em !important;
+      }
+
+      /* blurb */
+      .about-contents {
+        padding: 0 0 0 0em !important;
+      }
+
+      /* center Learn More About Me */
+      .about-links.subtitle {
+        justify-content: center !important;
+      }
+
+      /* move image up, adjust padding */
+      .about-image {
+        order: 1 !important;
+        padding: 0 2em 0 2em !important;
+      }
+  }
diff --git a/assets/ejs/people 2.ejs b/assets/ejs/people 2.ejs
@@ -0,0 +1,61 @@
+
+```{=html}
+
+<% for (const item of items) { %>
+
+  <h2><%- item.category %></h2>
+  
+  <div class="list grid" style="column-gap: 10px;">
+  
+  <% for (const tile of item.tiles) { %>
+    <div class="card border-2 rounded-3 g-col-12 g-col-sm-6 g-col-md-4 mb-2" <%= metadataAttrs(tile) %>>
+
+      <img src="<%- tile.image %>" alt="<%- tile.name %>" class="card-img-top"/>
+
+      <div style="text-align: center">
+        <b><%- tile.name %></b>
+        <br>
+        <% if (tile.role) { %>
+          <small><%- tile.role %></small>
+          <br>
+        <%} %>
+        <% if (tile.description) { %>
+          <small><%- tile.description %></small>
+          <br>
+        <%} %>
+        <div class="socialWrap">
+          <% if (tile.email) { %>
+            <a href="mailto:<%= tile.email %>" class="bi bi-envelope-fill"></a>
+          <%} %>
+          <% if (tile.github) { %>
+            <a href="https://github.com/<%= tile.github %>" class="bi bi-github"></a>
+          <%} %>
+          <% if (tile.www) { %>
+            <a href="<%= tile.www %>" class="bi bi-house-fill"></a>
+          <%} %>  
+          <% if (tile.twitter) { %>
+            <a href="https://x.com/<%= tile.twitter %>" class="bi bi-twitter"></a>
+          <%} %>    
+          <% if (tile.bluesky) { %>
+            <a href="https://bsky.app/profile/<%= tile.bluesky %>" class="about-link" rel="" target="">
+              <i class="bi bi-bluesky"></i>
+                <span><i class="fa-brands fa-bluesky"></i></span>
+            </a>
+          <%} %>       
+          <% if (tile.orcid) { %>
+            <a href="https://orcid.org/<%= tile.orcid %>" class="about-link" rel="" target="">
+              <i class="bi bi-orcid"></i>
+              <span><i class="fa-brands fa-orcid" aria-label="orcid"></i></span>
+            </a>
+          <%} %>   
+        </div>
+      </div>
+    </div>
+  <% } %>
+
+  
+  </div>
+  
+  <% } %>
+
+```
diff --git a/assets/ejs/people_foodweb 2.ejs b/assets/ejs/people_foodweb 2.ejs
@@ -0,0 +1,62 @@
+
+```{=html}
+
+
+<div class="list grid" style="column-gap: 10px;">
+
+<% for (const item of items) { %>
+  
+  <% for (const tile of item.tiles) { %>
+
+    <% if (tile.axis === "foodwebs") { %>
+
+    <div class="card border-2 rounded-3 g-col-12 g-col-sm-6 g-col-md-4 mb-2" <%= metadataAttrs(tile) %>>
+
+        <img src="../../<%- tile.image %>" alt="<%- tile.name %>" class="card-img-top"/>
+
+        <div style="text-align: center">
+            <b><%- tile.name %></b>
+            <br>
+            <% if (tile.role) { %>
+            <small><%- tile.role %></small>
+            <br>
+            <%} %>
+            <% if (tile.description) { %>
+            <small><%- tile.description %></small>
+            <br>
+            <%} %>
+            <div class="socialWrap">
+                <% if (tile.email) { %>
+                    <a href="mailto:<%= tile.email %>" class="bi bi-envelope-fill"></a>
+                <%} %>
+                <% if (tile.github) { %>
+                    <a href="https://github.com/<%= tile.github %>" class="bi bi-github"></a>
+                <%} %>
+                <% if (tile.www) { %>
+                    <a href="<%= tile.www %>" class="bi bi-house-fill"></a>
+                <%} %>  
+                <% if (tile.twitter) { %>
+                    <a href="https://x.com/<%= tile.twitter %>" class="bi bi-twitter"></a>
+                <%} %>    
+                <% if (tile.bluesky) { %>
+                    <a href="https://bsky.app/profile/<%= tile.bluesky %>" class="about-link" rel="" target="">
+                        <i class="bi bi-bluesky"></i>
+                        <span><i class="fa-brands fa-bluesky"></i></span>
+                    </a>
+                <%} %>       
+                <% if (tile.orcid) { %>
+                    <a href="https://orcid.org/<%= tile.orcid %>" class="about-link" rel="" target="">
+                        <i class="bi bi-orcid"></i>
+                        <span><i class="fa-brands fa-orcid" aria-label="orcid"></i></span>
+                    </a>
+                <%} %>   
+            </div>
+        </div>
+    </div>
+
+    <% } %>
+  <% } %>
+<% } %>
+</div>
+
+```
diff --git a/people/people 2.yml b/people/people 2.yml
@@ -0,0 +1,71 @@
+
+- category: BeckermanLab
+  tiles:
+    - name: "Andrew P. Beckerman"
+      description: "Ecologist (sometimes)"
+      image: people/mugshots/abeckerman.jpg
+      email: [email protected]
+      github: andbeck
+      orcid: 0000-0002-4797-9143
+      twitter: beckerhopper
+      axis: "foodwebs"
+    - name: "Alain Danet"
+      description: "Stability"
+      image: people/mugshots/adanet.jpg
+      github: alaindanet
+    - name: "Tanya Strydom"
+      description: "🦖 DINOSAUR food webs"
+      image: people/mugshots/mugshot.png
+      email: mailto:[email protected]
+      github: TanyaS08
+      bluesky: tanyadoesscience.bsky.social
+      orcid: 0000-0001-6067-1349
+      www: https://tanyadoesscience.com/
+      axis: "foodwebs"
+    - name: "Alina Smith"
+      description: ""
+      image: people/mugshots/asmith.jpg
+    - name: "Hana Mayall"
+      description: ""
+      image: people/mugshots/hmayall.jpg
+      github: hanamayall
+    - name: "Penelope Blyth"
+      description: ""
+      image: people/mugshots/pblyth.jpg
+      github: BlythPenelope
+    - name: "Zuzanna Zagrodka"
+      description: ""
+      image: people/mugshots/zzagrodka.jpg
+
+- category: ChildsLab
+  tiles:
+    - name: "Dylan Childs"
+      role: "Groupie"
+      description: Population Dynamics
+      image: people/mugshots/dchilds.jpg
+      github: dzchilds
+    - name: "Thomas Malpas"
+      role: "Co-supervision"
+      description: Birds (and some tipping points)
+      image: people/mugshots/tmalpas.jpg
+      github: Thomalpas
+      axis: "foodwebs"
+    - name: "Matthew Clements"
+      role: "Groupie"
+      description: Population Dynamics
+      image: people/mugshots/mclements.jpg
+      axis: "popdynamics"
+    - name: "Laura Landon Blake"
+      role: "Groupie"
+      image: people/mugshots/llandonblake.jpg
+      github: LalaBinks
+
+- category: Fellows
+  tiles:
+    - name: "Gidey Yirga"
+      description: "Human Wildlife conflict"
+      image: people/mugshots/gyirga.jpg
+    - name: "Thomas F. Johnson"
+      description: "BigData ecology"
+      image: people/mugshots/tjohnson.jpg
+      github: GitTFJ