content: import React, { Component } from 'react';
  import './content.css';
  import './bgs.css';
  import './bgs_small.css';
  import Slide from '../slide';
  import GWLogo from '../images/gw_logo';
  import PandifyLogo from '../images/pandify_logo';
  import PaperworkLogo from '../images/paperwork_logo';
  import UsanaLogo from '../images/usana_logo';
  import OverstockLogo from '../images/overstock_logo';
  import EmailIcon from '../images/email_icon';
  import LinkedInLogo from '../images/linked_in_logo';
  import GithubLogo from '../images/github_logo';
  
  class Content extends Component {
      constructor(){
          super();
          new Slide('hi', 1);
          new Slide('about', 2);
          new Slide('projects', 3);
          new Slide('companies', 4);
          new Slide('contact', 5);
          let setPageHeight = ()=> document.getElementsByTagName("body")[0].style.height = (window.innerHeight*6)+"px";
          window.addEventListener("load", setPageHeight);
          window.addEventListener('resize', setPageHeight);
      }
  
      render() {
          return (
              <div className="content">
                  <div className="hi slide"><div className="slide-content">Hi.</div></div>
                  <div className="about slide">
                      <div className="slide-content">
                          <h1>About Me</h1>
                          I'm a software engineer. I love what I do.<br/>
                          Working with cool people is the best part of the job.<br/>
                          I work in Java, but write in many languages.<br/>
                          I snowboard, rock climb, raise my twins, and code<br/>
                      </div>
                  </div>
                  <div className="projects slide">
                      <div className="slide-content">
                          <h1>Projects</h1>
                          <div className="links">
                              <a href="https://github.com/narcolepticsnowman/GarageWarden" className="link" target="_blank">
                                  <img src={GWLogo} alt="Garage Warden"/>
                              </a>
                              <a href="http://www.pandify.com" className="link" target="_blank">
                                  <img src={PandifyLogo} alt="Pandify"/>
                              </a>
                              <a href="https://github.com/twostairs/paperwork" className="link" target="_blank">
                                  <img src={PaperworkLogo} alt="Paperwork"/>
                              </a>
                              {/*<img src="flashcards" alt="Ng-Flash-Card"/>*/}
                          </div>
                      </div>
                  </div>
                  <div className="companies slide">
                      <div className="slide-content">
                          <h1>Companies</h1>
                          <div className="links">
                              <a href="http://www.usana.com" className="link" target="_blank">
                                  <img src={UsanaLogo} alt="Usana"/>
                              </a>
                              <a href="http://www.overstock.com" className="link" target="_blank">
                                  <img src={OverstockLogo} alt="Overstock"/>
                              </a>
                          </div>
                      </div>
                  </div>
                  <div className="contact slide">
                      <div className="slide-content">
                          <h1>Contact</h1>
                          <div className="links">
                              <a className="link" href="mailto:r@snow87.com" target="_blank">
                                  <img src={EmailIcon} alt="r@snow87.com"/>
                              </a>
                              <a className="link" href="https://www.linkedin.com/in/robert-kempton-10051586" target="_blank">
                                  <img src={LinkedInLogo} alt="linkedIn" target="_blank"/>
                              </a>
                              <a className="link" href="https://github.com/narcolepticsnowman" target="_blank">
                                  <img src={GithubLogo} alt="github" target="_blank"/>
                              </a>
                          </div>
                      </div>
                  </div>
              </div>
          );
      }
  }
  
  export default Content;