{% extends "templates/_base.html" %}

{% block title %}Dana Silver{% endblock %}

{% block styles %}
<style>
  header {
    border-bottom: 2px solid rgb(178, 178, 178);
  }
  
  /* Needs specificity to override default style. */
  header > div > a {
    font-size: 30px;
  }
</style>
{% endblock %}

{% block content %}
  <article>
  <div class="splash"><img src="/img/tetons.jpg"></div>
  <div class="posts">
    <ul>
      <a href="/thesis/thesis.pdf"><li>
        <p><span class="title">MiddGuard: Collaborative and Extensible Visual Analytics</span>
        <span class="date">May 23, 2016</span></p>
        <img src="/img/middguard.png">
      </li></a>

      <a href="http://twacker.danasilver.org"><li>
        <p><span class="title">Twacker</span>
        <span class="date">Feb 17, 2016</span></p>
        <img src="/img/twacker.png">
      </li></a>

      <a href="/giphymessages"><li>
        <p><span class="title">Giphy Messages</span>
        <span class="date">August 27, 2015</span></p>
        <img src="/img/giphymessages.png">
      </li></a>

      <a href="/middcourses/presentation"><li>
        <p><span class="title">MiddCourses Presentation</span>
        <span class="date">September 6, 2014</span></p>
        <img src="/img/middcourses-presentation.png">
      </li></a>

      <a href="/last-letter"><li>
        <p><span class="title">Last Letter of First Names</span>
        <span class="date">April 18, 2014</span></p>
        <img src="/img/last-letter.png">
      </li></a>

      <a href="/us-map"><li>
        <p><span class="title">Map of the U.S.</span>
        <span class="date">March 11, 2014</span></p>
        <img src="/img/us-map.png">
      </li></a>

      <a href="/ionization"><li>
        <p><span class="title">First Ionization Energies</span>
        <span class="date">March 10, 2014</span></p>
        <img src="/img/i1.png">
      </li></a>

      <a href="/sochi"><li>
        <p><span class="title">Sochi 2014 Athletes</span>
        <span class="date">February 25, 2014</span></p>
        <img src="/img/sochi.png">
      </li></a>

      <a href="/popular-names"><li>
        <p><span class="title">Compare Historically Popular Names</span>
        <span class="date">February 11, 2014</span></p>
        <img src="/img/popular-names.png">
      </li></a>

      <a href="/github-language-stats"><li>
        <p><span class="title">GitHub Language Stats</span>
        <span class="date">December 31, 2013</span></p>
        <img src="/img/github-language-stats.png">
      </li></a>
    </ul>
  </div>

  <div class="posts">
    <h2>Projects</h2>
    <ul>
      <a href="/projects/django-dana-time"><li>
        <p><b class="title">Django Dana Time</b></p>
        <p>Compact, easy to read date-time formatting for Django.</p>
      </li></a>

      <a href="/projects/midd-menu-api"><li>
        <p><b class="title">Middlebury Menu API</b></p>
        <p>A RESTful API for the Middlebury College online menu. Serves as the
        foundation for the Middlebury Menu App.</p>
      </li></a>

      <a href="/projects/middlebury-menu-extension"><li>
        <p><b class="title">Middlebury Menu Extension</b></p>
        <p>A Google Chrome extension to clean up the Middlebury menu.</p>
      </li></a>
    </ul>
  </div>
  </article>
{% endblock %}