People Page: change photo alt and id #60

Changes the photos on the People Page to include a more descriptive alt tag: Roger Mark to photo of Roger Mark. Also changes photo id to be more descriptive: Roger_Mark to photo_of_Roger_Mark. Fixes part of #60.

Changes photo alt tag

Returns old style

Fixes People Page header ordering #60.

Fixes the h2 tag of the lab members name to an h3 tag to stay consistent with the rest of the header tags. Fixes part of #60.

Fixes typo

main.py

@@ -399,11 +399,11 @@ def people():
     """
     data = _data()
 
-    path = "sitedata"
-    fn = "people.yml"
+    path = 'sitedata'
+    fn = 'people.yml'
 
     with open(os.path.join(path, fn), 'r') as f:
-        data["people"] = yaml.safe_load(f)
+        data['people'] = yaml.safe_load(f)
 
     return render_template('people.html', **data)
 

templates/people.html

@@ -24,14 +24,14 @@ <h1 class="site-section-title">People</h1>
       <h2 class="site-section border-bottom" id="researchers">Current members</h2>
 
       {% for person in people.current_members %}
-        <div id="{{ person.name | replace(' ','_') }}">
-          <h2 class="site-section-meta">{{ person.name }}</h2>
+        <div id="#{{ person.name | replace(' ','_') }}">
+          <h3 class="site-section-meta">{{ person.name }}</h3>
           <div class="row">
             <div class="col-md-2">
               {% if person.image %} 
-              <img class="img-fluid" width="120" src="{{ url_for('static', filename='images/' + person.image )}}" alt="{{ person.name }}">
+              <img class="img-fluid" width="120" src="{{ url_for('static', filename='images/' + person.image )}}" alt="Photo of {{ person.name }}">
               {% else %} 
-              <img class="img-fluid" width="120" src="{{ url_for('static', filename='images/missing.jpg' )}}" alt="{{ person.name }}">
+              <img class="img-fluid" width="120" src="{{ url_for('static', filename='images/missing.jpg' )}}" alt="Photo of {{ person.name }}">
               {% endif %} 
             </div>
             <div class="col-md-9">