TAs

Author: anibalsolon

_data/teaching_assistants.yml

@@ -1,9 +1,9 @@
-
 anibal_solon:
   name: "Anibal"
   surname: "Solon"
   location: "Austin, Texas, USA"
   hub: Americas
+  thumbnailUrl: anibal_solon.jpg
   social:
     - {name: "twitter", link: "https://twitter.com/anibalsolon"}
     - {name: "github", link: "https://github.com/anibalsolon"}

_includes/schedule.html

@@ -3,7 +3,8 @@
 <section id="schedule" class="schedule" style="max-width: 1200px; margin: 0 auto;">
     <div class="content-wrapper" style="margin: 0 1em;">
         <div style="margin:0 auto;text-align:left;max-width:450px;" class="tz-selector">
-          <label for=timezone>Schedule times are currently displayed in the following time zone:</label><select id="timezone" data-base-tz="{{ schedule[0].tz }}"></select>
+          <label for=timezone>Schedule times are currently displayed in the following time zone:</label>
+          <select id="timezone" data-time-selector="#schedule .schedule-table time" data-base-tz="{{ schedule[0].tz }}"></select>
         </div>
 
         {% for day in schedule %}

_includes/sessions-modals.html

@@ -59,7 +59,7 @@ <h4>{{ session.title }}</h4>
 									<div class="col-md-2 col-sm-2">
 										<div class="flow-img img-circle people-img" style="background-image: url({{ site.baseurl | append: '/img/team/' | append: speaker.thumbnailUrl }})"></div>
 									</div>
-									<div class="col-md-10 col-sm-10 details">
+									<div class="col-md-10 col-sm-10 col-xs-10 details">
 										<p class="name">
 											{{ speaker.name }} {{ speaker.surname }}
 											<span class="position">{% if speaker.title %}{{ speaker.title }},{% endif %} {{ speaker.company }}</span>
@@ -79,6 +79,36 @@ <h4>{{ session.title }}</h4>
 									</div>
 								</div>
 							{% endfor %}
+							{% if page.schedule != null and session.teaching_assistants[page.schedule].size > 0 %}
+								<hr />
+								<h5>Teaching Assistants</h5>
+								{% for session_ta in session.teaching_assistants[page.schedule] %}
+									{% assign ta = site.data.teaching_assistants[session_ta] %}
+									<div class="row">
+										<div class="col-md-2 col-sm-2 col-xs-2">
+											<div class="flow-img img-circle people-img" style="background-image: url({{ site.baseurl | append: '/img/people/' | append: ta.thumbnailUrl }})"></div>
+										</div>
+										<div class="col-md-10 col-sm-10 col-xs-10 details">
+											<p class="name">
+												{{ ta.name }} {{ ta.surname }}
+												<span class="position">{% if ta.title %}{{ ta.title }},{% endif %} {{ ta.company }}</span>
+												{% if ta.location %}<span class="position">{{ ta.location }}</span>{% endif %}
+											</p>
+											<ul class="social">
+												{% for social in ta.social %}
+													<li>
+														<a href="{{ social["link"] }}" target="_blank">
+															<svg class="icon icon-{{ social["name"] }}" viewBox="0 0 30 32">
+																<use xlink:href="{{ site.baseurl }}/img/sprites/sprites.svg#icon-{{ social["name"] }}"></use>
+															</svg>
+														</a>
+													</li>
+												{% endfor %}
+											</ul>
+										</div>
+									</div>
+								{% endfor %}
+							{% endif %}
 						</div>
 					</div>
 				</div>

_sass/partials/_modal.scss

@@ -22,6 +22,14 @@ $modal-highlight-color: #212121;
             font-size: 29px;
         }
     }
+    h5 {
+        font-size: 20px;
+        font-weight: $regular;
+        color: $modal-highlight-color;
+        @media (max-width: 767px) {
+            font-size: 18px;
+        }
+    }
 }
 .modal-backdrop {
     position: fixed;
@@ -70,17 +78,17 @@ $modal-highlight-color: #212121;
             margin-top: 20px;
         }
         .people-img {
-            width: 100px;
-            height: 100px;
-            margin: 10px;
+            width: 80px;
+            height: 80px;
+            margin: 0 auto;
             @media (max-width: 767px) {
-                width: 120px;
-                height: 120px;
-                margin: 10px auto;
+                width: 60px;
+                height: 60px;
+                margin: 0 10px;
             }
         }
         .details {
-            padding-left: 30px;
+            padding: 0;
             @media (max-width: 767px) {
                 padding: 0;
             }
@@ -99,7 +107,7 @@ $modal-highlight-color: #212121;
             padding: 0;
             list-style: none;
             @media (max-width: 767px) {
-                text-align: center;
+                // text-align: center;
             }
             li {
                 display: inline-block;

css/main.css

@@ -103,7 +103,7 @@
             if(window.location.href.indexOf("schedule") > -1 && window.location.hash) {
                 var hash = window.location.hash;
                 $(hash).click();
-            } 
+            }
         });
 
         $(function() {
@@ -484,7 +484,7 @@
                 setDirectionInput(origin);
                 $('#find-way h3').removeClass('fadeInUp').addClass('fadeOutDown');
             }
-            
+
             function calcRouteFromMyLocation() {
                 if (navigator.geolocation) {
                     navigator.geolocation.getCurrentPosition(function(position) {