Merge pull request #92 from QuantEcon/updates-may

Basic site visual updates

_layouts/team.html → _layouts/about.html

@@ -10,7 +10,7 @@
 <h2>Founding Members and Co-Chairs</h2>
 
 {% assign team-members = site.team-members | where: 'role', 'Founding Members and Co-Chairs' %}
-		<div class="row" data-isotope='{ "itemSelector": ".team-item", "layoutMode": "masonry" }'>
+		<div class="row">
 {% for team-member in team-members reversed %}  
 			<div class="col-lg-6 team-item">
 			  <div class="member d-flex align-items-start">
@@ -28,7 +28,7 @@ <h3><a href="{{ team-member.link }}">{{ team-member.name }}</a></h3>
 <h2>Committee Members</h2>
 
 {% assign team-members = site.team-members | where: 'role', 'Committee Members' %}
-		<div class="row" data-isotope='{ "itemSelector": ".team-item", "layoutMode": "masonry" }'>
+		<div class="row">
 {% for team-member in team-members reversed %}  
 			<div class="col-lg-6 team-item">
 			  <div class="member d-flex align-items-start">
@@ -46,7 +46,7 @@ <h3><a href="{{ team-member.link }}">{{ team-member.name }}</a></h3>
 <h2>Lead Developers</h2>
 
 {% assign team-members = site.team-members | where: 'role', 'Lead Developers' %}
-		<div class="row" data-isotope='{ "itemSelector": ".team-item", "layoutMode": "masonry" }'>
+		<div class="row">
 {% for team-member in team-members reversed %}  
 			<div class="col-lg-6 team-item">
 			  <div class="member d-flex align-items-start">
@@ -64,7 +64,7 @@ <h3><a href="{{ team-member.link }}">{{ team-member.name }}</a></h3>
 <h2>QuantEcon Early Career Researchers</h2>
 
 {% assign team-members = site.team-members | where: 'role', 'QuantEcon Early Career Researchers' %}
-		<div class="row" data-isotope='{ "itemSelector": ".team-item", "layoutMode": "masonry" }'>
+		<div class="row">
 {% for team-member in team-members reversed %}  
 			<div class="col-lg-6 team-item">
 			  <div class="member d-flex align-items-start">
@@ -82,7 +82,7 @@ <h3><a href="{{ team-member.link }}">{{ team-member.name }}</a></h3>
 <h2>Previous Steering Committee Members</h2>
 
 {% assign team-members = site.team-members | where: 'role', 'Previous Steering Committee Members' %}
-		<div class="row" data-isotope='{ "itemSelector": ".team-item", "layoutMode": "masonry" }'>
+		<div class="row">
 {% for team-member in team-members reversed %}  
 			<div class="col-lg-6 team-item">
 			  <div class="member d-flex align-items-start">
@@ -100,7 +100,7 @@ <h3><a href="{{ team-member.link }}">{{ team-member.name }}</a></h3>
 <h2>Previous Lead Developers</h2>
 
 {% assign team-members = site.team-members | where: 'role', 'Previous Lead Developers' %}
-		<div class="row" data-isotope='{ "itemSelector": ".team-item", "layoutMode": "masonry" }'>
+		<div class="row">
 {% for team-member in team-members reversed %}  
 			<div class="col-lg-6 team-item">
 			  <div class="member d-flex align-items-start">

assets/main.scss

@@ -591,12 +591,12 @@ img {
   //z-index: 996;
   //background: $color-dark;
   border: 1px solid #fff;
-  width: 40px;
-  height: 40px;
-  border-radius: 50px;
+  width: 75px;
+  height: 75px;
+  border-radius: 75px;
   transition: all 0.4s;
   i {
-    font-size: 24px;
+    font-size: 50px;
     color: #fff;
     line-height: 0;
   }
@@ -1202,12 +1202,12 @@ section {
   }
   .member {
     position: relative;
-    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
-    border: 1px solid #b7b7b7;
-    padding: 30px;
-    border-radius: 5px;
-    background: #fff;
-    transition: 0.5s;
+    // box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
+    // border: 1px solid #b7b7b7;
+    // padding: 30px;
+    // border-radius: 5px;
+    //background: #fff;
+    // transition: 0.5s;
     margin: 0 0 1.5rem 0;
     span {
       display: block;