fixed links and css-modules path

Author: piotrwitek

src/app.tsx

@@ -19,8 +19,8 @@ function App() {
       <Router history={history}>
         <Route component={MainLayout}>
           <Route path="/" component={HomeContainer}/>
-          <Route path="/about" component={CssModulesContainer}/>
           <Route path="/currency-converter" component={CurrencyConverterContainer}/>
+          <Route path="/css-modules" component={CssModulesContainer}/>
         </Route>
       </Router>
     </Provider>

src/containers/css-modules-container/index.tsx

@@ -30,7 +30,10 @@ export function CssModulesContainer() {
         <div className={containerStyles.effect__hideOnMobile}>
           <div className={[containerStyles.darkBg, containerStyles.effect__elevate].join(' ')}>
             <p className={containerStyles.glowingText}>
-              Shrink your window
+              <br />
+              Hover me!
+              <br />
+              <small className="c-text--quiet">(narrow your window)</small>
             </p>
           </div>
         </div>

src/containers/home-container/index.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Link } from 'react-router';
 import { PageSection } from '../../components/page-section';
 import { PageHero } from '../../components/page-hero';
 
@@ -11,15 +12,19 @@ export function HomeContainer() {
           Below you can find a few examples created using concepts of this starter-kit:
         </p>
         <ul>
-          <li><a href="/#/currency-converter"> Currency Converter App</a> - (work in progress)</li>
-          <li><a href="/#/about"> CSS Modules </a></li>
+          <li>
+            <Link to="/currency-converter">Currency Converter App</Link> - (work in progress)
+          </li>
+          <li>
+            <Link to="/css-modules">CSS Modules</Link>
+          </li>
         </ul>
+        <br />
         <div className="c-alerts__alert c-alerts__alert--primary">
           Note: Open Redux DevTools Inspector
         </div>
       </PageSection>
       <br />
-      <br />
     </article>
   );
 };

src/layouts/main-layout.tsx

@@ -15,7 +15,7 @@ export class MainLayout extends React.Component<{}, {}> {
           <LayoutTopNav>
             <LayoutTopNavLink href="/" isPrimary> Home </LayoutTopNavLink>
             <LayoutTopNavLink href="/currency-converter"> Currency Converter </LayoutTopNavLink>
-            <LayoutTopNavLink href="/about"> CSS Modules </LayoutTopNavLink>
+            <LayoutTopNavLink href="/css-modules"> CSS Modules </LayoutTopNavLink>
           </LayoutTopNav>
         </LayoutHeader>