crunchly · rthai · Apr 25, 2018 · Apr 25, 2018 · Apr 30, 2018 · Apr 30, 2018
diff --git a/.dockerignore b/.dockerignore
@@ -0,0 +1,2 @@
+node_modules
+npm-debug.log
diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,13 @@
+FROM node:8.11.1-alpine
+
+RUN mkdir -p /src/app
+
+WORKDIR /src/app
+
+COPY . /src/app
+
+RUN yarn install
+
+EXPOSE 3000
+
+CMD [ "npm", "start" ]
diff --git a/README.md b/README.md
@@ -0,0 +1,5 @@
+# Proxy-Server-RT
+Aggregates all crunchly modules into one view 
+
+# Usage
+> ```npm start``` to start proxy server
diff --git a/client/index.html b/client/index.html
@@ -2,36 +2,78 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8">
-    <link rel="stylesheet" href="/style.css">
-    <title>FEC Demo</title>
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">
+    <link href="http://localhost:3003/style.css" rel="stylesheet"> 
+    <link href="http://localhost:3002/styles.css" rel="stylesheet"> 
+    <link href="http://localhost:3001/style.css" rel="stylesheet"> 
+    <link rel="stylesheet" href="style.css">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Crunchly</title>
   </head>
   <body>
-    <div id="overview"></div>
-    <div id="funding-rounds"></div>
-    <div id="chart"></div>
-    <div id="current-team"></div>
+    <header>
+      <nav class="navbar navbar-default navbar-fixed-top">
+        <div class="container-fluid">
+          <div class="navbar-header">
+            <a class="navbar-brand" href="#">
+              <img class="cb-logo" src="logo_crunchbase.svg" alt="Crunchbase">
+            </a>
+          </div>
+          <div class="toolbar">
+            <ul >
+              <li class="nav-item">
+                <a href="#">Products</a>
+              </li>
+              <li class="nav-item">
+                <a href="#">Marketplace</a>
+              </li>
+              <li class="nav-item">
+                <a href="#">News</a>
+              </li>
+              <li class="nav-item">
+                <a href="#">About</a>
+              </li>
+            </ul>
+          </div>
+          <div class="search">
+            <input class="form-control" type="search" placeholder="Look up a company or person">
+          </div>
+          <div class="toolbar">
+              <ul >
+                <li class="nav-item">
+                  <a href="#">LOG IN</a>
+                </li>
+                <li class="nav-item">
+                  <a href="#">REGISTER</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </nav>
+    </header>
+    <div class="small-bar">  
+      <div class="small-bar-img">
+        <img class="cb-small-bar-img" src="left_nav_pro_marketing.png">
+      </div>
+      <div class="small-bar-title">
+        <h2>Sutro</h2>
+      </div>
+    </div>
 
+    <div class="wrapper">
+      <div id="overview"></div>
+      <div id="funding_status"></div>
+      <div id="chart-module"></div>
+      <div id="current-team"></div>
+    </div>
+
     <script src="http://localhost:3001/bundle.js"></script>
     <script src="http://localhost:3002/bundle.js"></script>
     <script src="http://localhost:3003/bundle.js"></script>
     <script src="http://localhost:3004/bundle.js"></script>
-    <script>
-      ReactDOM.render(
-        React.createElement(Overview),
-        document.getElementById('overview')
-      );
-      ReactDOM.render(
-        React.createElement(FundingRounds),
-        document.getElementById('funding-rounds')
-      );
-      ReactDOM.render(
-        React.createElement(Chart),
-        document.getElementById('chart')
-      );
-      ReactDOM.render(
-        React.createElement(CurrentTeam),
-        document.getElementById('current-team')
-      );
-    </script>
+
   </body>
 </html>
diff --git a/client/left_nav_pro_marketing.png b/client/left_nav_pro_marketing.png
diff --git a/client/logo_crunchbase.svg b/client/logo_crunchbase.svg
diff --git a/client/style.css b/client/style.css
@@ -0,0 +1,108 @@
+body { 
+  font: 14px 'Roboto', 'Helvetica Neue', sans-serif;
+}
+
+.navbar {
+  background-color: #0288d1;
+}
+
+.navbar-brand {
+  display: inline-block;
+  padding-top: .3125rem;
+  padding-bottom: .3125rem;
+  margin-right: 1rem;
+  font-size: 1.25rem;
+  line-height: inherit;
+  white-space: nowrap;
+}
+
+a img {
+  border: 0;
+}
+
+.cb-logo {
+  height: 18px;
+  width: 128px;
+}
+
+.container-fluid {
+  margin-top: 20px;
+}
+
+ul {
+  list-style: disc;
+  list-style-type: none;
+}
+
+.nav-item {
+  float: left;
+  margin: 0 20px;
+}
+.nav-item > a {
+  color: white;
+  font-weight: 500;
+}
+
+.nav-item > a:hover {
+  text-decoration: none;
+  color: white;
+}
+.nav-item > a:hover {
+  background: lightslategray;
+  opacity: 0.5;
+  padding: 4px;
+}
+
+.search > input {
+  width: 150%;
+  height: 90%;
+}
+.container-fluid > div {
+  display: block;
+  margin-bottom: 20px;
+} 
+
+.component-icon > svg {
+  display: block;
+  width: 50%;
+  top: 50%;
+  margin: auto;
+}
+
+.small-bar > div {
+  display: inline-block;
+}
+
+.small-bar-img > img {
+  border: 0;
+}
+.small-bar-title {
+  width: 83%;
+  height: 55px;
+  margin-left: 0;
+  border-left: 8px solid rgb(244, 67, 54);
+  background-color: white;
+}
+.small-bar-title > h2 {
+  padding-left: 8px;
+  padding-right: 8px;
+  text-align: left;
+}
+
+.wrapper {
+  margin: auto;
+  width: 70%;
+}
+.wrapper > div{
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+.overview-header {
+  padding-right: 0px;
+  padding-left: 0px;
+}
+
+.title > h2 {
+  font-size: 16px;
+}
+
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -0,0 +1,7 @@
+version: '3'
+
+services:
+  proxy:
+    build: .
+    ports:
+      - '3000:3000'