nhs-pycom / nhs.pycom

The NHS Python Community website
https://nhs-pycom.net
MIT License
53 stars 13 forks source link

Add authorship card css and template for inc. author details on blog posts #39

Open craig-shenton opened 2 years ago

craig-shenton commented 2 years ago

Link to github profile and linkedin

craig-shenton commented 2 years ago
<-- Pycom Board -->
<h2>Current Members:</h2>

<div class="nhsuk-table__panel-with-heading-tab">
  <h3 class="nhsuk-table__heading-tab">NHS Python Community Board</h3>

<table class="nhsuk-table">
  <!-- Arouba -->
  <caption class="nhsuk-table__caption"><a href="https://github.com/Arouba">Arouba Zubair</a></caption>
  <thead role="rowgroup" class="nhsuk-table__head">
    <tr role="row">
        <th role="columnheader" class="" scope="col">Profile</th>
        <th role="columnheader" class="" scope="col">Role</th>
        <th role="columnheader" class="" scope="col">Biography</th>
    </tr>
  </thead>
  <tbody class="nhsuk-table__body">
    <tr role="row" class="nhsuk-table__row">
      <td class="nhsuk-table__cell">
        <a href="https://github.com/Arouba">
          <img src="assets/img/board/min/arouba-zubair-min.png" alt="" width="150px" display="block">
        </a>
      </td>
      <td class="nhsuk-table__cell">Data Analyst <br> NHSX</td>
      <td class="nhsuk-table__cell">Hi, I'm Arouba. Co-founder of the NHS Python Community. Love all things related to data, neuroscience, and biotech! I'm passionate about coding in the open and encouraging all to develop their python skills.</td>
    </tr>
  </tbody>
</table>

<table class="nhsuk-table">
  <!-- Dr Mark Bailey -->
  <caption class="nhsuk-table__caption"><a href="">Dr Mark Bailey</a></caption>
  <thead role="rowgroup" class="nhsuk-table__head">
    <tr role="row">
      <th role="columnheader" class="" scope="col">Profile</th>
      <th role="columnheader" class="" scope="col">Role</th>
      <th role="columnheader" class="" scope="col">Biography</th>
    </tr>
  </thead>
  <tbody class="nhsuk-table__body">
    <tr role="row" class="nhsuk-table__row">
      <td class="nhsuk-table__cell">
        <a href="">
          <img src="assets/img/board/min/mark-bailey-min.JPG" alt="" width="150px" display="block">
        </a>
      </td>
      <td class="nhsuk-table__cell">Speciality Doctor in Respiratory Medicine <br> Gloucestershire Hospitals NHS Foundation Trust</td>
      <td class="nhsuk-table__cell">Clinician-who-codes (python, C++/arduino, VBA, AutoHotKey). Member of the Faculty of Clinical Informatics. Subspecialised in sleep medicine.</td>
    </tr>
  </tbody>
</table>

<table class="nhsuk-table">
  <!-- Sophie Williams, PhD -->
  <caption class="nhsuk-table__caption"><a href="">Sophie Williams, PhD</a></caption>
  <thead role="rowgroup" class="nhsuk-table__head">
    <tr role="row">
      <th role="columnheader" class="" scope="col">Profile</th>
      <th role="columnheader" class="" scope="col">Role</th>
      <th role="columnheader" class="" scope="col">Biography</th>
    </tr>
  </thead>
  <tbody class="nhsuk-table__body">
    <tr role="row" class="nhsuk-table__row">
      <td class="nhsuk-table__cell">
        <a href="">
          <img src="assets/img/board/min/sophie-williams-min.jpg" alt="" width="150px" display="block">
        </a>
      </td>
      <td class="nhsuk-table__cell">Research Data Scientist <br> Barts Health NHS Trust</td>
      <td class="nhsuk-table__cell">I use Python to analyse NLP-enhanced hospital data to improve outcomes in disease areas relevant to our local patient needs. I have joined NHS-Python board because communities are so useful to bring together clinical and non-clinical people with data analysis interests to build skills and share knowledge.</td>
    </tr>
  </tbody>
</table>

<table class="nhsuk-table">
  <!-- Mary Amanuel -->
  <caption class="nhsuk-table__caption"><a href="">Mary Amanuel</a></caption>
  <thead role="rowgroup" class="nhsuk-table__head">
    <tr role="row">
      <th role="columnheader" class="" scope="col">Profile</th>
      <th role="columnheader" class="" scope="col">Role</th>
      <th role="columnheader" class="" scope="col">Biography</th>
    </tr>
  </thead>
  <tbody class="nhsuk-table__body">
    <tr role="row" class="nhsuk-table__row">
      <td class="nhsuk-table__cell">
        <a href="">
          <img src="assets/img/board/min/mary-amanuel-min.jpg" alt="" width="150px" display="block">
        </a>
      </td>
      <td class="nhsuk-table__cell">Data Analyst <br> NHSX</td>
      <td class="nhsuk-table__cell">Co-founder of the NHS Python Community. Passionate about addressing health inequalities, open code and collaboration in the NHS, as well as encouraging staff from diverse and non-technical backgrounds to develop their programming skills.</td>
    </tr>
  </tbody>
</table>
</div> 
craig-shenton commented 2 years ago

todo

  1. Need 'role' and 'bio' cols to be same size for each member
  2. More room for 'bio' col, no line break for first 3 words on 'role' col
  3. Make each member name create a distinct new section