about.html

---
layout: page
title: About
permalink: /about/
---

<section class="about">
  <p>
    It's a new year at Mackenzie, and there's new fish to fry. From stacked
    hallways to feral mascots, The Flounder's got you covered with real,
    important news about the school you know and love.
  </p>
  <p>
    Read The Flounder because you are a successful student, a leader in your
    industry, and a respected community member. Stay informed about the local
    school news.
  </p>
  <p>
    Check out our content guidelines
    <a
      href="https://docs.google.com/document/d/1mIKKr3WbyH0_qzcV1HXnuHg9eIJ0NvZwmvX9LYFtQBA/edit?usp=sharing"
      >here</a
    >
    and our article writing guidelines
    <a
      href="https://docs.google.com/document/d/1iuPazfiYrri6W3APmywnfCKYzujfQY1yIkTWpLJEoIg/edit?usp=sharing"
      >here</a
    >.
  </p>
</section>

<h1 class="page-title">Our Team</h1>

<div class="dropdown">
    <button class="dropbtn">Select Year ▼</button>
    <div class="dropdown-content">
      <a href="/about/">2022-2023</a>
      <a href="/bios/2021-2022">2021-2022</a>
      <a href="/bios/2020-2021/">2020-2021</a>
      <a href="/bios/2019-2020/">2019-2020</a>
    </div>
</div>

<section class="members">
  {%- assign members = site.data.members.2022 -%}
  
  {%- assign team = members | where:"team","President" -%}
  {%- for member in team -%}
    <div class="member">
      <h2 class="name">{{ member.name }}</h2>
      <h4 class="team">{{ member.team }}</h4>
      <p class="bio">{{ member.bio }}</p>
    </div>
  {%- endfor -%}

  {%- assign team = members | where:"team","Vice President" -%}
  {%- for member in team -%}
    <div class="member">
      <h2 class="name">{{ member.name }}</h2>
      <h4 class="team">{{ member.team }}</h4>
      <p class="bio">{{ member.bio }}</p>
    </div>
  {%- endfor -%}

  {%- assign team = members | where:"team","Writer" -%}
  {%- for member in team -%}
    <div class="member">
      <h2 class="name">{{ member.name }}</h2>
      <h4 class="team">{{ member.team }}</h4>
      <p class="bio">{{ member.bio }}</p>
    </div>
  {%- endfor -%}

  {%- assign team = members | where:"team","Illustrator" -%}
  {%- for member in team -%}
    <div class="member">
      <h2 class="name">{{ member.name }}</h2>
      <h4 class="team">{{ member.team }}</h4>
      <p class="bio">{{ member.bio }}</p>
    </div>
  {%- endfor -%}

  {%- assign team = members | where:"team","Editor" -%}
  {%- for member in team -%}
    <div class="member">
      <h2 class="name">{{ member.name }}</h2>
      <h4 class="team">{{ member.team }}</h4>
      <p class="bio">{{ member.bio }}</p>
    </div>
  {%- endfor -%}

  {%- assign team = members | where:"team","Layout Designer" -%}
  {%- for member in team -%}
    <div class="member">
      <h2 class="name">{{ member.name }}</h2>
      <h4 class="team">{{ member.team }}</h4>
      <p class="bio">{{ member.bio }}</p>
    </div>
  {%- endfor -%}

  {%- assign team = members | where:"team","Web Developer" -%}
  {%- for member in team -%}
    <div class="member">
      <h2 class="name">{{ member.name }}</h2>
      <h4 class="team">{{ member.team }}</h4>
      <p class="bio">{{ member.bio }}</p>
    </div>
  {%- endfor -%}

  {%- assign team = members | where:"team","Social Media" -%}
  {%- for member in team -%}
    <div class="member">
      <h2 class="name">{{ member.name }}</h2>
      <h4 class="team">{{ member.team }}</h4>
      <p class="bio">{{ member.bio }}</p>
    </div>
  {%- endfor -%}
</section>