content: import React from 'react';
  import { Link } from 'react-router';
  
  export default React.createClass({
    render: function() {
      return (
        <nav>
          <img alt="Dan's Face" src={require('./../../images/dan.jpg')} />
          <div className="navWide">
            <div className="wideLinks">
              <Link
                className="wideLink"
                to="/"
                style={{ textDecoration: 'none' }}
              >
                Projects
              </Link>
              <a
                className="wideLink"
                href="http://codepen.io/danbuda/posts/published/"
                target="_blank"
                style={{ textDecoration: 'none' }}
              >
                Blog
              </a>
              <a
                className="wideLink"
                href="http://codepen.io/danbuda/"
                target="_blank"
                style={{ textDecoration: 'none' }}
              >
                CodePens
              </a>
            </div>
            <div className="contactInfo">
              <ul>
                <li>
                  <a href="mailto:danbuda@gmail.com">danbuda@gmail.com</a>
                </li>
              </ul>
            </div>
          </div>
          <div className="navNarrow">
            <i className="fa fa-bars fa-4x" onClick={this.burgerToggle} />
            <div className="narrowLinks">
              <Link className="narrowLink" onClick={this.burgerToggle} to="/">
                Projects
              </Link>
              <a
                className="narrowLink"
                href="http://codepen.io/danbuda/posts/published/"
                target="_blank"
                onClick={this.burgerToggle}
              >
                Blog
              </a>
              <a
                className="narrowLink"
                href="http://codepen.io/danbuda/"
                target="_blank"
                onClick={this.burgerToggle}
              >
                CodePens
              </a>
              <a href="mailto:danbuda@gmail.com">danbuda@gmail.com</a>
            </div>
          </div>
        </nav>
      );
    },
    burgerToggle: function() {
      let el = document.querySelector('.narrowLinks');
      if (el.style.display === 'block') {
        el.style.display = 'none';
      } else {
        el.style.display = 'block';
      }
    },
  });
  