content: // modules/Portfolio.js
  import React from 'react'
  import render from 'react-dom';
  
  class Portfolio extends React.Component {
  
    constructor(props){
      super(props);
      this.state = {
        shouldChangeBackground: true
      };
    }
  
    componentDidMount(){
        if(this.state.shouldChangeBackground){
          setTimeout(function() {
            this.portfolio.style.cssText = "opacity: 1";
          }, 10);
          document.getElementById('ngish-name').style.cssText = "color: rgb(10, 18, 41) !important";
          document.getElementById('nav').childNodes[0].childNodes[0].style.cssText = "color: rgb(10, 18, 41) !important;";
          document.getElementById('nav').childNodes[1].childNodes[0].style.cssText = "color: rgb(10, 18, 41) !important";
          // this.portfolio.style.cssText = "opacity: 1;";
          document.getElementById('changeback').childNodes[1].style.cssText = "transform: translate3d(0px, 0vw, 0px)";
          document.getElementById('changeback').childNodes[2].style.cssText = "transform: translate3d(0,-200vw,0)";
          document.querySelector('.portlink').style.cssText = "border-right: 2px solid #ff9245;"
          this.setState({shouldChangeBackground: false});
        }
    }
  
    render() {
      return <div ref={ (node) => {this.portfolio = node;}} id="portfolio">
  
        <ul id="port_nav">
          <li>ux / ui</li>
          <li>on the web</li>
          <li>design</li>
        </ul>
  
        <div id="port_content">
          <section id="port_uxui">
           <h2>UX / UI</h2>
             <p>
             This section will contain ux ui thought process and will show
             work that has been more concentrated.
             </p>
             <p>
             You could explain the refacing of a hypothetical system for
             instructing users on how to report issues with their
             websites.
             </p>
          </section>
          <section id="port_on_web">
            <h2>on the web</h2>
              <p>
              This section will contain examples of work that I have either developed or designed for the
              web. This section will contain pictures and links and lots of pretty words.
              </p>
              <p>
              You can explain how these project worked, what they accomplished, and what you contributed to the effort.
              </p>
          </section>
          <section id="port_design">
             <h2>design</h2>
               <p>This section will contain examples of design work such as page layouts, logos, or other
               miscellaneous design work.
               </p>
          </section>
        </div>
  
      </div>
    }
  }
  
  
  
  
  export default Portfolio;
  