Create detailed OSC members and staff page

[Gnotic]

This pull request adds a draft quarto file for the more detailed members page for OSC members. Both html and css are contained within the single quarto file.

[NeuroShepherd]

Self: add markdown=1 to allow in-tag markdown formatting

[NeuroShepherd]

Self: move css here to a separate members.css file, and then import that into the general styles.css file

[NeuroShepherd]

Generalize the socials to a loop which can look roughly like this:

---
title: "Profile Page"
format: html
params:
  socialLinks:
    - href: "https://bsky.app/profile/lmu-osc.bsky.social"
      title: "Bluesky"
      iconClass: "bi bi-bluesky"
    - href: "https://www.linkedin.com/in/felixschoenbrodt"
      title: "LinkedIn"
      iconClass: "bi bi-linkedin"
    - href: "https://github.com/nicebread"
      title: "GitHub"
      iconClass: "bi bi-github"
    - href: "https://orcid.org/0000-0002-8282-3910"
      title: "Orchid"
      iconClass: "bi bi-flower1"
---

<div class="member-socials" id="socialLinksContainer"></div>

<script type="application/javascript">
  const socialLinks = {{ params.socialLinks | json }};

  const container = document.getElementById("socialLinksContainer");

  socialLinks.forEach(link => {
    const a = document.createElement("a");
    a.href = link.href;
    a.title = link.title;
    a.target = "_blank";
    a.className = "social-link";

    const i = document.createElement("i");
    i.className = link.iconClass;

    a.appendChild(i);
    container.appendChild(a);
  });
</script>

[NeuroShepherd]

Generalize the contact items to a loop too? This allows multiple emails and websites then

[NeuroShepherd]

Generalize as a for loop with a research interests parameter in the yaml

[NeuroShepherd]

Generalize to for loop. TBD how the information should be collected--manual entry or somehow access an existing citation file somewhere? Or find another solution?