{% extends "base.html" %}

{% block extrastyle %}<link rel="stylesheet" href="{{ url_for('static', filename='css/portfolio.css') }}" type="text/css" media="screen" />{% endblock %}

{% block main %}
      <div id="about" class="section center-wrapper">
        <img id="me" src="{{ url_for('static', filename='img/ian-280.jpg') }}" alt="Picture of Ian Naval" class="center-wrapped" />
        
        <div id="skills-and-facts" class="about-section center-wrapped">
          <h3>Skills</h3>
          <ul>
            <li>Learns fast.</li>
            <li>Meets deadlines.</li>
            <li>Works well with teammates.</li>
            <li>Years of experience with Linux.</li>          
            <li>Well-documented and efficient code.</li>
          </ul>  
          <h3>Facts</h3>
          <ul>
            <li>Allergic to fish.</li>
            <li>Big fan of potatoes.</li>
            <li>Not allergic to shelfish.</li>
            <li>Does not own those glasses.</li>
            <li>Received potatoes for Christmas.</li>
          </ul>
        </div>

        <div id="technologies" class="about-section">
          <h3>Technologies</h3>
          <div class="technology-list">
            <img src="{{ url_for('static', filename='img/technologies.png') }}" alt="Logos for HTML, CSS, JavaScript, PostgreSQL, MySQL, Python, Ruby, Java, C++, PHP, Flask, Django, Rails, Angular, Node.js, and Git">
          </div>
        </div>
      </div>

      <div id="portfolio" class="section center-wrapper">
        <h2>Portfolio</h2>
        <div id="resume"><a class="button" href='http://files.ianonavy.com/resume.pdf'>View Résumé</a></div>

        <div id="portfolio-items" class="">

          <div class="portfolio-item center-wrapped">
            <a target="_blank" href="http://mirrors.acm.wpi.edu/"><img src="{{ url_for('static', filename='img/mirrors.png') }}" alt="WPI ACM Mirrors screenshot" class="screenshot"></a>
            <h3>WPI ACM Mirrors</h3>
            <p>GNU/Linux mirrors for WPI folk.</p>
          </div>

          <div class="portfolio-item center-wrapped">
            <a target="_blank" href="http://acm.wpi.edu/"><img src="{{ url_for('static', filename='img/acm.png') }}" alt="WPI ACM Website screenshot" class="screenshot"></a>
            <h3>WPI ACM Website</h3>
            <p>Homepage for the WPI ACM chapter.</p>
          </div>

          <div class="portfolio-item center-wrapped">
            <a target="_blank" href="http://competition.acm.wpi.edu/"><img src="{{ url_for('static', filename='img/competition.png') }}" alt="ACM Programming Competition screenshot" class="screenshot"></a>
            <h3>ACM Programming Competition</h3>
            <p>Programming competition framework for WPI.</p>
          </div>

          <div class="portfolio-item center-wrapped">
            <a target="_blank" href="http://sms-fixer.ianonavy.com/"><img src="{{ url_for('static', filename='img/sms-fixer.png') }}" alt="SMS Fixer screenshot" class="screenshot"></a>
            <h3>SMS Fixer</h3>
            <p>Helps restore Android texts from Google Voice.</p>
          </div>

          <div class="portfolio-item center-wrapped">
            <a target="_blank" href="http://potatoipsum.com/"><img src="{{ url_for('static', filename='img/potatoipsum.png') }}" alt="Potato Ipsum screenshot" class="screenshot"></a>
            <h3>Potato Ipsum</h3>
            <p>Lorem ipsum generator. With potatoes.</p>
          </div>

          <div class="portfolio-item center-wrapped">
            <a target="_blank" href="https://play.google.com/store/apps/details?id=com.mathhammer40k.mathhammer&amp;hl=en"><img src="{{ url_for('static', filename='img/mathhammer.png') }}" alt="MathHammer screenshot" class="screenshot"></a>
            <h3>MathHammer 40k</h3>
            <p>Damage stats calculator app for WarHammer 40k.</p>
          </div>
          
        </div>
      </div>

      <div id="contact" class="section center-wrapper">
        <h2>Contact</h2>
        <p>Information is on my <a href='http://files.ianonavy.com/resume.pdf'>résumé</a>.</p>
      </div>

{% endblock main %}