{% extends "base.html" %}

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

{% block main %}

      <section id="portfolio">
        <h2>Portfolio</h2>
        <p><a class="button" href='http://files.ianonavy.com/resume.pdf'>View Resume</a></p>
      </section>

      <section id="about">
        <h2>About</h2>
        <img id="me" src="{{ url_for('static', filename='img/ian.jpg') }}" alt="Picture of Ian Naval" />
        
        <div id="skills">
          <h3>Skills</h3>
          <ul>
            <li>Learns fast.</li>
            <li>Meets deadlines.</li>
            <li>Works well with teammates.</li>
            <li>Clean, well-documented and efficient code.</li>
            <li>Years of experience with Linux and UNIX-based Web servers.</li>          
            <li>Proficient in Python, JavaScript, HTML, CSS, SQL, Java, Ruby, PHP, and C++.</li>
            <li>Experience with Flask, Django, node.js, and AngularJS.</li>
          </ul>  
        </div>
        <div id="about-me">
          <h3>Facts</h3>
          <ul>
            <li>Likes potatoes, music and language.</li>
            <li>Received that bag of potatoes for Christmas.</li>
            <li>Does not own those glasses.</li>
          </ul>
        </div>
      </section>

      <section id="contact">
        <h2>Contact</h2>
        <p>See my <a href='http://files.ianonavy.com/resume.pdf'>résumé</a>.</p>
      </section>

{% endblock main %}
