Tidied up UI and Nathan's profile

Author: dangerworm

_data/people/0001.yaml

@@ -2,7 +2,7 @@ first_name: "Drew"
 last_name: "Morgan"
 anchor: "drew-morgan"
 photo: "drew-profile-photo.jpg"
-roles: "Benevolent Leader, Mentor"
+roles: "Benevolent Leader, Host, Mentor"
 twitter_handle: "dangerworm"
 description_paragraphs:
   - >

_data/people/0002.yaml

@@ -2,7 +2,7 @@ first_name: "Keiran"
 last_name: "Wilkinson"
 anchor: "keiran-wilkinson"
 photo: "keiran-profile-photo.png"
-roles: "Deputy Benevolent Leader, Mentor"
+roles: "Deputy Benevolent Leader, Host, Mentor"
 twitter_handle: "keiranwdigital"
 description_paragraphs:
   - >

_data/people/0003.yaml

@@ -1,32 +1,46 @@
-first_name: "Peter"
-last_name: "Daily"
-anchor: "peter-daily"
-photo: "peter-profile-photo.png"
-roles: "Mentor"
-twitter_handle: "peterdaily"
+first_name: "Nathan"
+last_name: "Scott"
+anchor: "nathan-scott"
+photo: "nathan.jpg"
+roles: "Host, Mentor"
+twitter_handle: "nathanscottSD"
 description_paragraphs:
   - >
-    Peter is a self-taught developer who changed careers to web development
-    in 2016. He has since worked in the martech (marketing tech), digital agency,
-    telecommunications and property tech industries.
+    Nathan's journey into coding began during his time as a support worker. He is an
+    avid gamer, which led him to ask the pivotal question: "How do I program this?"
+    From that moment, Nathan fully committed to teaching himself how to code. This passion
+    ultimately led him to graduate from the Northcoders bootcamp. Now, six years later,
+    he's still deeply immersed in coding and continues to love every moment of it.
   - >
-    Outside of work he enjoys mountain biking, going to music gigs and
-    playing video games. He is also a sports nerd and in particular an
-    insufferable Stockport County supporter.
+    When he's not coding, Nathan enjoys playing board games and card games. He is an active
+    participant in the local gaming community and often attends events where he can connect
+    with others who share his passion. Whether it's strategizing over a complex board game
+    or enjoying the quick thinking required in a card game, Nathan finds these activities
+    both relaxing and intellectually stimulating.
+  - >
+    You can often find Nathan at local events, engaging with fellow enthusiasts and exploring
+    new games.
 
 languages:
   - CSS
   - HTML
+  - GraphQL
   - Javascript
   - Typescript
 
 technologies:
-  - Angular
-  - Jest
+  - APIs
+  - JSON
+  - REST
   - NodeJS
+  - MVC
   - React
-  - Testing
+  - Express
+  - Prisma
+  - Bootstrap
 
 tools:
   - Git
+  - GitHub
+  - Postman
   - VS Code

_data/people/0004.yaml

@@ -1,44 +1,32 @@
-first_name: "Nathan"
-last_name: "Scott"
-anchor: "nathan-scott"
-photo: "drew-profile-photo.jpg"
-roles: "Benevolent Leader, Mentor"
-twitter_handle: "dangerworm"
+first_name: "Peter"
+last_name: "Daily"
+anchor: "peter-daily"
+photo: "peter-profile-photo.png"
+roles: "Mentor"
+twitter_handle: "peterdaily"
 description_paragraphs:
   - >
-    My journey into coding began during my time as a support worker. In my spare time, 
-    I was an avid gamer, which led me to ask the pivotal question: 
-    "How do I program this?" From that moment, I fully committed to teaching myself how to code. 
-    This passion ultimately led me to graduate from the Northcoders bootcamp. Now, six years later, 
-    I'm still deeply immersed in coding and continue to love every moment of it.
+    Peter is a self-taught developer who changed careers to web development
+    in 2016. He has since worked in the martech (marketing tech), digital agency,
+    telecommunications and property tech industries.
   - >
-    When I'm not coding, I enjoy immersing myself in the world of board games and card games. 
-    I'm an active participant in the local gaming community and often attend events where 
-    I can connect with others who share this passion. Whether it's strategizing over a complex 
-    board game or enjoying the quick thinking required in a card game, 
-    I find these activities both relaxing and intellectually stimulating. 
-    You can often find me at local events, engaging with fellow enthusiasts and exploring new games.
+    Outside of work he enjoys mountain biking, going to music gigs and
+    playing video games. He is also a sports nerd and in particular an
+    insufferable Stockport County supporter.
 
 languages:
   - CSS
   - HTML
-  - GraphQL
   - Javascript
   - Typescript
 
 technologies:
-  - APIs
-  - JSON
-  - REST
+  - Angular
+  - Jest
   - NodeJS
-  - MVC
   - React
-  - Express
-  - Prisma
-  - Bootstrap
+  - Testing
 
 tools:
   - Git
-  - GitHub
-  - Postman
   - VS Code

_includes/person.html

@@ -6,15 +6,13 @@
         </div>
         <div class="col-12 text-center">
             <h4>{{ include.person.first_name }} {{ include.person.last_name }}</h4>
+            <p class="text-muted no-margin">{{ include.person.roles }}</p>
         </div>
     </div>
     <div class="col-md-8 col-lg-6">
         <div class="row">
-            <div class="col col-md-6">
-                <p class="text-muted no-margin">{{ include.person.roles }}</p>
-            </div>
             {% if include.person.twitter_handle %}
-            <div class="col-md-6 twitter-mention-container text-right">
+            <div class="col-md-12 twitter-mention-container text-right">
                 <a href="https://twitter.com/intent/tweet?screen_name={{include.person.twitter_handle}}" class="twitter-mention-button"
                     data-show-count="false">
                     Tweet to @{{ include.person.twitter_handle }}

about.html

@@ -16,40 +16,52 @@ <h1>{{page.title}}</h1>
 
 <h2>Our Mission</h2>
 <p style="font-size: larger;">
-    <strong>
-        To create a space for adults to pursue programming-related learning and conversation, where everyone is
-        valued, everyone has agency, and everyone is supported.
-    </strong>
+  <strong>
+    To create a space for adults to pursue programming-related learning and conversation, where everyone is
+    valued, everyone has agency, and everyone is supported.
+  </strong>
 </p>
 
 <h2>History</h2>
 <p>
-    CodeWith carries the torch of CodeUp, set up by Claire Wicher in early 2015. The aim was to provide free and
-    friendly coding tuition to adults who wanted it, and that is now CodeWith&apos;s aim too. We want somewhere everyone,
-    from complete beginners to accomplished software engineers, can come together and share their enjoyment of coding.
+  CodeWith carries the torch of CodeUp, set up by Claire Wicher in early 2015. The aim was to provide free and
+  friendly coding tuition to adults who wanted it, and that is now CodeWith&apos;s aim too. We want somewhere everyone,
+  from complete beginners to accomplished software engineers, can come together and share their enjoyment of coding.
 </p>
 <p>
-    Over the years CodeUp spread to twenty different locations with multiple different organisers, and CodeWith has
-    consolidated their knowledge and experience into a single committee of organisers and mentors who run regular
-    events. You can find out more about our committee and mentors on the <a href="{{site.url}}/people">people page</a>.
+  Over the years CodeUp spread to twenty different locations with multiple different organisers, and CodeWith has
+  consolidated their knowledge and experience into a single committee of organisers and mentors who run regular
+  events. You can find out more about our committee and mentors on the <a href="{{site.url}}/people">people page</a>.
 </p>
 
 <h2>Committee</h2>
 <p>
-    We are run by a team of volunteers who have organised coding meetups for years.
+  We are run by a team of volunteers who have organised coding meetups for years.
 </p>
 <div class="row committee-photos">
-    <div class="col-sm-5 col-md-4 col-lg-3 card text-center">
-        <img class="profile-photo" src="{{site.url}}/images/drew-profile-photo.jpg">
-        <br />
-        <h4><a href="{{site.url}}/people#drew-morgan">Drew Morgan</a></h4>
-        <smaller>Benevolent Leader</smaller>
-    </div>
-    <div class="col-sm-5 col-md-4 col-lg-3 card text-center">
-        <img class="profile-photo" src="{{site.url}}/images/keiran-profile-photo.png">
-        <br />
-        <h4><a href="{{site.url}}/people#keiran-wilkinson">Keiran Wilkinson</a></h4>
-        <smaller>Deputy Benevolent Leader</smaller>
-    </div>
+  <div class="col-sm-5 col-md-4 col-lg-3 card text-center">
+    <img class="profile-photo" src="{{site.url}}/images/drew-profile-photo.jpg">
+    <br />
+    <h4><a href="{{site.url}}/people#drew-morgan">Drew Morgan</a></h4>
+    <strong>
+      <smaller>Benevolent Leader</smaller>
+    </strong>
+    <smaller style="color: #777777">Host, Manchester</smaller>
+  </div>
+  <div class="col-sm-5 col-md-4 col-lg-3 card text-center">
+    <img class="profile-photo" src="{{site.url}}/images/keiran-profile-photo.png">
+    <br />
+    <h4><a href="{{site.url}}/people#keiran-wilkinson">Keiran Wilkinson</a></h4>
+    <strong>
+      <smaller>Deputy Benevolent Leader</smaller>
+    </strong>
+    <smaller style="color: #777777">Host, Manchester</smaller>
+  </div>
+  <div class="col-sm-5 col-md-4 col-lg-3 card text-center">
+    <img class="profile-photo" src="{{site.url}}/images/nathan.jpg">
+    <br />
+    <h4><a href="{{site.url}}/people#keiran-wilkinson">Nathan Scott</a></h4>
+    <smaller style="color: #777777">Host, Leeds</smaller>
+  </div>
 </div>
 <br />