adding start to student pages and table

Signed-off-by: Vanessa Sochat <[email protected]>

.github/BLACKROCK-LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2013-2019 Blackrock Digital LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

_layouts/person.html

@@ -0,0 +1,54 @@
+---
+layout: default
+---
+
+<div class="container-fluid">
+  <div class="row" style="padding-top:20px">
+    <div class="col-lg-{% if page.projects %}6{% else %}12{% endif %}">
+
+      <div class="card shadow mb-4">
+        <div class="card-header py-3">
+          <h6 class="m-0 font-weight-bold text-primary">Profile</h6>
+        </div>
+        <div class="card-body">
+
+     <h1 style="margin-bottom:20px" class="mb-2 text-gray-800">{{ page.name }}</h1>
+     <hr>
+
+     {% if page.image %}<img style="float:right" src="{{ site.baseurl }}/assets/img/people/{{ page.image }}">{% endif %}
+
+     <p><h3>HPC Experience</h3> {{ page.hpc-experience }}</p> 
+     <p><h3>Interests:</h3> {{ page.interests }}</p>
+
+      {% if page.tags.size > 0 %}<div class="blog-tags">
+          {% if site.link-tags %}{% for tag in page.tags %}
+            <a href="{{ site.baseurl }}/tags#{{- tag -}}"><span class="badge badge-primary">{{- tag -}}</span></a>
+          {% endfor %}{% else %}{{ page.tags | join: ", " }}{% endif %}
+        </div>{% endif %}
+
+      {% include buttons/text-split-button.html style="success" left="Status" right=page.status %}
+      <div class="my-2"></div>
+      {% include buttons/text-split-button.html style="warning" left="Institution" right=page.institution %}
+      <div class="my-2"></div>
+      {% include buttons/text-split-button.html style="secondary" left="Current Program" right=page.program %}
+      <div class="my-2"></div>
+
+      <hr>
+
+      {% if page.previous.url %}
+      <a style="float:left"  href="{{ page.previous.url | prepend: site.baseurl }}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fas fa-chevron-left fa-sm text-white-50"></i> {{ page.previous.title }}</a>
+      {% endif %}{% if page.next.url %}
+      <a style="float:right" href="{{ page.next.url | prepend: site.baseurl }}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm">{{ page.next.title }} <i class="fas fa-chevron-right fa-sm text-white-50"></i></a>
+      {% endif %}
+    </div>
+  </div>
+</div>
+{% if page.projects %}<div class="col-lg-6"><!--TODO: this should populate with student's projects-->
+  <div class="card shadow mb-4">
+    <div class="card-header py-3">
+      <h6 class="m-0 font-weight-bold text-primary">Projects</h6>
+    </div>
+    <div class="card-body">
+    </div>
+  </div>
+</div>{% endif %}

_people/_template.md

@@ -0,0 +1,9 @@
+---
+name: 
+status: 
+institution: 
+program:
+hpc-experience:
+interests:
+---
+

_people/christiano-bianchi.md

@@ -0,0 +1,9 @@
+---
+name: Cristiano Bianchi
+status: student
+image: christiano-bianchi.jpg
+institution: University of New Hampshire
+program: "Genetics:Genomics"
+hpc-experience: Learning about how HPC supercomputer systems such as, "Cray", how it works, how to maintain it and how to perform computing tasks on it. (currently) Creating a high performance computing cluster from scratch out of previously used computers from a competition.
+interests: cyberInfrastructure
+---

_people/michael-arnold.md

@@ -0,0 +1,9 @@
+---
+name: Michael Arnold
+status: student
+institution: University of Vermont
+program: Complex Systems and Data Science
+hpc-experience: "System admin for a Mongo server, working with a few > 1TB datasets. Experience working with network data using graph-tool and networkx. Numerical computing with python: wrote a n-body simulator. A little experience with C++"
+interests: conda pip scikit-learn NaturalLanguageProcessing Simulations bash mathematica matlab python big data data wrangling filesystem networking programming unix environment
+---
+

_people/saheed-ajibade.md

@@ -0,0 +1,10 @@
+---
+name: Saheed Ajibade
+status: student
+image: saheed-ajibade.jpg
+institution: University of Vermont
+program: Materials Sc. PhD.
+hpc-experience: Computational simulation of Fluid Dynamics. While at the university of Ibadan, I assisted my then supervisor in writing a couple of programs, using C++, which he integrated into his project relating to fluid Dynamics simulation.
+interests: Quantum-Mechanics
+---
+

pages/people/students.md

@@ -1,7 +1,51 @@
 ---
 title: Students
+layout: wide
 ---
+<!-- TODO use unminified version, customize style-->
+<style>
+.page-item.active .page-link {
+  background-color: none !important;
+  border-color: none !important;
+}
+</style>
 
-{% for student in site.people %}{{ student.url }}{% if student.status == "student "%}
-{{ student.url }}
-{% endif %}{% endfor %}
+<link href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css">
+<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
+<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
+<script>
+$(document).ready(function() {
+  $('#students').DataTable();
+});</script>
+<div class="card shadow mb-4">
+<div class="card-header py-3">
+  <h6 class="m-0 font-weight-bold text-primary">Students</h6>
+</div>
+<div class="card-body">
+  <div class="table-responsive">
+    <table class="table table-bordered" id="students" width="100%" cellspacing="0"><thead><tr>
+<th>Name</th>
+<th>Institution</th>
+<th>Program</th>
+<th>Interests</th>
+<th>URL</th>
+</tr></thead>
+<tfoot><tr>
+<th>Name</th>
+<th>Institution</th>
+<th>Program</th>
+<th>Interests</th>
+<th>URL</th></tr>
+</tfoot>
+<tbody>{% for student in site.people %}{% if student.status == "student" %}<tr>
+<td>{{ student.name }}</td>
+<td>{{ student.institution }}</td>
+<td>{{ student.program }}</td>
+<td>{{ student.interests }}</td>
+<td><a href="{{ site.baseurl }}/{{ student.url }}"><button class="btn btn-primary btn-sm">Profile</button></a></td>
+</tr>{% endif %}{% endfor %}
+</tbody>
+</table>
+ </div>
+</div>
+</div>