listing working

_layouts/default.html

@@ -81,6 +81,7 @@
 
       <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
       <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.3.min.js"><\/script>')</script>
+      <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
       <script src="/lib/modernizr-2.6.2.min.js"></script>
       <script src="/lib/bootstrap.min.js"></script>
       <script src="/lib/jquery.dataTables.min.js"></script>
@@ -96,20 +97,22 @@
 
     <nav class="navbar navbar-default">
         <div class="container-fluid">
+          <div class='col-sm-10 col-sm-offset-1'>
             <div class="navbar-header">
                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                     <span class="sr-only">Toggle navigation</span>
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                     <span class="icon-bar"></span>
                 </button>
-                <a class="navbar-brand" href="#">Rep lookup tool</a>
+                <a class="navbar-brand" href="#">Who are my representatives?</a>
             </div>
             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                 <ul class="nav navbar-nav navbar-right">
                     <li><a href="#">About</a></li>
                 </ul>
             </div>
+          </div>
         </div>
     </nav>
     <div class="container-fluid">
@@ -119,12 +122,11 @@
     <div class="container-fluid">
       <div class="row" id="footer">
         <div class='col-sm-12 col-md-10 col-md-offset-1'>
-            By the <a href='#' target="_blank">People who brought you this</a> and
-            <a href='#' target="_blank">Maybe some other people</a>. Website by <a href='http://datamade.us' target="_blank">DataMade</a>.
+            Website by <a href='http://datamade.us' target="_blank">DataMade</a>.
         </div>
       </div>
     </div>
     <script src="/js/analytics_lib.js"></script>
-    <script src="/js/lookup_tool.js"></script>
+
   </body>
 </html>

about.html

@@ -11,7 +11,7 @@
         <div class='col-md-3'>
           <br/><br/>
           <div class='well well-xs'>
-            <h3>About this tool</h3>
+            <h3>About</h3>
             <ul class='list-unstyled'>
               <li><a href='#what-is-this'>What is this?</a></li>
               <li><a href='#whos-it-for'>Who is this for?</a></li>
@@ -25,24 +25,13 @@ <h3>About this tool</h3>
           <br/>
 
           <h2 id="what-is-this">What is this?</h2>
-          <p>This tool visualises the dynamics of the entry level job market for medium-skilled occupations</p>
-          <p>For each medium skilled occupation, users can explore:</p>
-          <ul>
-            <li>the level of demand</li>
-            <li>salaries offered by employers</li>
-            <li>the level of competition job seekers face</li>
-            <li>locations with the strongest job prospects</li>
-          </ul>
 
           <h2 id="whos-it-for">Who is this for?</h2>
-          <p>This tool is for learning providers, employers and job seekers of medium-skilled jobs.</p>
-          <p>We focus here on medium-skill roles to help all stakeholders in this vulnerable class of jobs align credentials to current employer demand.</p>
 
           <h2 id="contact-us">Contact us</h2>
-          <p>[contact information here]</p>
 
           <h2 id="credits">Credits</h2>
-          <p>This is a project by the <a href='http://ippr.org' target="_blank">Institute for Public Policy Research</a> and <a href='http://burning-glass.com/' target="_blank">Burning Glass Technologies</a>, funded by <a href="https://www.jpmorganchase.com/" target="_blank">JPMorgan Chase & Co</a>. The data visualizations are built by <a href='http://datamade.us' target="_blank">DataMade</a>.</p>
+
 
           <br/>
           <br/>

css/custom.css

@@ -0,0 +1,3 @@
+.headshot {
+    max-width: 50px;
+}