Merge branch 'develop' of github.com:Nona-Creative/ETHPrize into feat/data-restructure

components/pageHeader/index.js

@@ -1,16 +1,18 @@
 import React from 'react';
 import AnchorLink from 'react-anchor-link-smooth-scroll';
+import getConfig from 'next/config';
 import './style.scss';
 
+const { publicRuntimeConfig } = getConfig();
+
 const PageHeader = () => (
-  <div className="page-header">
+  <div className="page-header" style={{ backgroundImage: `url(${publicRuntimeConfig.subDirPath}/static/img/header-bg.jpg)` }}>
     <div className="container">
       <nav className="page-header-nav">
         <AnchorLink offset="24" href="#resources">Resources</AnchorLink>
         <AnchorLink offset="24" href="#browse">Browse Archives</AnchorLink>
       </nav>
-
-      <img className="logo" src="/static/img/ETHPrize-logo.png" alt="ETHPrize logo" />
+      <img className="logo" src={`${publicRuntimeConfig.subDirPath}/static/img/ETHPrize-logo.png`} alt="ETHPrize logo" />
       <h1>Ethereum Report</h1>
       <p>
         We&rsquo;ve interviewed 100+ developers to showcase the biggest opportunities in the

components/searchBar/index.js

@@ -1,9 +1,12 @@
 import React from 'react';
 import { PropTypes } from 'prop-types';
+import getConfig from 'next/config';
 import './style.scss';
 
+const { publicRuntimeConfig } = getConfig();
+
 const SearchBar = props => (
-  <div className="search-bar">
+  <div className="search-bar" style={{ backgroundImage: `url(${publicRuntimeConfig.subDirPath}/static/img/header-bg.jpg)` }}>
     <div className="container">
       <h3>Browse</h3>
       <form className="search-form">

next.config.js

@@ -1,13 +1,18 @@
 const withSass = require('@zeit/next-sass');
 
 const dev = process && process.env && process.env.NODE_ENV === 'development';
+const subDirPath = dev ? '' : '/nona-creative.github.io-ETHprize';
 
 module.exports =
   withSass({
-    assetPrefix: dev ? '' : '/nona-creative.github.io-ETHprize',
+    assetPrefix: subDirPath,
     exportPathMap: function(defaultPathMap) {
       return {
         '/': { page: '/' }
       }
     }
   });
+
+module.exports.publicRuntimeConfig = { // Will be available on both server and client
+  subDirPath: subDirPath
+};