Hello World

.gitignore

@@ -0,0 +1 @@
+_site

.travis.yml

@@ -0,0 +1,28 @@
+language: ruby
+rvm:
+- 2.4
+script: bundle exec jekyll build
+deploy:
+  - provider: s3
+    access_key_id: AKIAJZMRR4HJGJXD3URQ
+    secret_access_key:
+      secure: IwwVahOVbsvjmA2hCNcOPPWuuyuIJo275Yp7koNBTysrMdPqfGcqt5IY7BkOowqtOLDR3ChHinl/7BYCYBYMN1VhvQMXcWuZwa0k/KpEePzZcmP16Y0cD76wR0a1ScDMAkK/g0RPplbhNoSPDDYMvTp2xYt0ouNDSqagovgyUk6eGi2LM7C4AAgbYl6XdKk/VZGu6awTwal28W/3a6U68lfUue1Fm+7lIa1B0fatclMpeOwfpRe2rJft7mhKg87coPkskZZDP4nY4Geop5pafL5Ll7p/LXhH4v+RsHOh6FXHiGiM8FNH3Ng6NriRTBoKDpgXEzlXN8flrOL3FzXdP6ljHXtXNx5zNrV0xfC1Ol8V1ELPQUye4dNOyvvvsnZV8HlFuLZkjLVdDcaqCHMgw4OeGii4GTJW6Q8Fo7X0Lp6NmxFznb6Zunk00ttPe/FEnrgb+OuOmfRVFcrYYuZ0jugvETo1gxuDi+jGJQwH8HsQUJ/yGpIi03Z2RU0yX/2iMsfHizDFSxt2ZFG5v+J+yHxpS02d0C4t+w9CC8k7hyhj8cPYL6RcdR2o4CchongmHpX8WOaxXKh8YQ+jhCJvdz19e8Low+1cwG3Kf1PCHRgkUNJqMTFve777Zt/ri1hOnfqjdzne2KyZeENrVKyYSUCExcvIej7SQI1bHntkpqc=
+    bucket: transportation.austintexas.dev
+    local-dir: _site
+    skip_cleanup: true
+    acl: public_read
+    on:
+      repo: cityofaustin/transportation
+      branch: dev
+  - provider: s3
+    access_key_id: AKIAJZMRR4HJGJXD3URQ
+    secret_access_key:
+      secure: IwwVahOVbsvjmA2hCNcOPPWuuyuIJo275Yp7koNBTysrMdPqfGcqt5IY7BkOowqtOLDR3ChHinl/7BYCYBYMN1VhvQMXcWuZwa0k/KpEePzZcmP16Y0cD76wR0a1ScDMAkK/g0RPplbhNoSPDDYMvTp2xYt0ouNDSqagovgyUk6eGi2LM7C4AAgbYl6XdKk/VZGu6awTwal28W/3a6U68lfUue1Fm+7lIa1B0fatclMpeOwfpRe2rJft7mhKg87coPkskZZDP4nY4Geop5pafL5Ll7p/LXhH4v+RsHOh6FXHiGiM8FNH3Ng6NriRTBoKDpgXEzlXN8flrOL3FzXdP6ljHXtXNx5zNrV0xfC1Ol8V1ELPQUye4dNOyvvvsnZV8HlFuLZkjLVdDcaqCHMgw4OeGii4GTJW6Q8Fo7X0Lp6NmxFznb6Zunk00ttPe/FEnrgb+OuOmfRVFcrYYuZ0jugvETo1gxuDi+jGJQwH8HsQUJ/yGpIi03Z2RU0yX/2iMsfHizDFSxt2ZFG5v+J+yHxpS02d0C4t+w9CC8k7hyhj8cPYL6RcdR2o4CchongmHpX8WOaxXKh8YQ+jhCJvdz19e8Low+1cwG3Kf1PCHRgkUNJqMTFve777Zt/ri1hOnfqjdzne2KyZeENrVKyYSUCExcvIej7SQI1bHntkpqc=
+    bucket: transportation.austintexas.io
+    local-dir: _site
+    skip_cleanup: true
+    acl: public_read
+    on:
+      repo: cityofaustin/transportation
+      branch: gh-pages
+

404.html

@@ -0,0 +1,5 @@
+---
+layout: 404-layout
+title: "404: Page not found"
+permalink: 404.html
+---

CNAME

@@ -0,0 +1 @@
+transportation.austintexas.io

Gemfile

@@ -0,0 +1,4 @@
+source "https://rubygems.org"
+
+gem "jekyll"
+gem "html-proofer"

Gemfile.lock

@@ -0,0 +1,82 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    activesupport (5.1.4)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (~> 0.7)
+      minitest (~> 5.1)
+      tzinfo (~> 1.1)
+    addressable (2.5.2)
+      public_suffix (>= 2.0.2, < 4.0)
+    colorator (1.1.0)
+    colored (1.2)
+    concurrent-ruby (1.0.5)
+    ethon (0.10.1)
+      ffi (>= 1.3.0)
+    ffi (1.9.18)
+    forwardable-extended (2.6.0)
+    html-proofer (3.7.2)
+      activesupport (>= 4.2, < 6.0)
+      addressable (~> 2.3)
+      colored (~> 1.2)
+      mercenary (~> 0.3.2)
+      nokogiri (~> 1.7)
+      parallel (~> 1.3)
+      typhoeus (~> 0.7)
+      yell (~> 2.0)
+    i18n (0.8.6)
+    jekyll (3.5.2)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 1.1)
+      kramdown (~> 1.3)
+      liquid (~> 4.0)
+      mercenary (~> 0.3.3)
+      pathutil (~> 0.9)
+      rouge (~> 1.7)
+      safe_yaml (~> 1.0)
+    jekyll-sass-converter (1.5.0)
+      sass (~> 3.4)
+    jekyll-watch (1.5.0)
+      listen (~> 3.0, < 3.1)
+    kramdown (1.15.0)
+    liquid (4.0.0)
+    listen (3.0.8)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+    mercenary (0.3.6)
+    mini_portile2 (2.3.0)
+    minitest (5.10.3)
+    nokogiri (1.8.1)
+      mini_portile2 (~> 2.3.0)
+    parallel (1.12.0)
+    pathutil (0.14.0)
+      forwardable-extended (~> 2.6)
+    public_suffix (3.0.0)
+    rb-fsevent (0.10.2)
+    rb-inotify (0.9.10)
+      ffi (>= 0.5.0, < 2)
+    rouge (1.11.1)
+    safe_yaml (1.0.4)
+    sass (3.5.1)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+    thread_safe (0.3.6)
+    typhoeus (0.8.0)
+      ethon (>= 0.8.0)
+    tzinfo (1.2.3)
+      thread_safe (~> 0.1)
+    yell (2.0.7)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  html-proofer
+  jekyll
+
+BUNDLED WITH
+   1.15.3

README.md

@@ -0,0 +1,31 @@
+# Austin Transportation Data and Performance Hub
+
+This repository houses the City of Austin Transportation Department's Data and Performance Hub, a public website which tracks the department's operational performance and curates access to key datasets.
+
+This site is hosted at [transportation.austintexas.io](http://transportation.austintexas.io) and uses [Jekyll](https://jekyllrb.com/) and [Github Pages](https://pages.github.com/) to create static pages.
+
+Much of the content on the site is generated in-browser using [D3js](http://d3js.org) and [jQuery](https://jquery.com/) to visualize data from the [City of Austin Open Data Portal](http://data.austintexas.gov).
+
+## Quick Start
+
+1. Install [Git](https://git-scm.com/) and [Jekyll](https://jekyllrb.com/).
+
+2. `cd` to the directory where you want to check-out the site, and clone it (`git clone https://github.com/cityofaustin/transportation`)
+
+3. `cd` to the directory that contains the cloned repository, and run `jekyll serve` to start the webserver
+
+4. Navigate to http://localhost:4000 in your browser to view the site hosted-locally
+
+## Environments
+
+### Production
+
+- **URL:** [transportation.austintexas.io](http://transportation.austintexas.io)
+
+- **GitHub:** `gh-pages`
+
+- **Deployment:** Commit changes to branch `test` and submit a pull request to merge to gh-pages
+
+## Contributing
+
+Public contributions are welcome! Assign pull requests to [@johnclary](http://github.com/johnclary).

_config.yml

@@ -0,0 +1,18 @@
+# Permalinks
+permalink:        pretty
+
+# Setup
+title:            'Transportation Data and Performance Hub | City of Austin Transportation Department'
+tagline:          'Open Data Projects at the Austin Transportation Department'
+description:      ''
+url:            http://transportation.austintexas.io
+
+author:
+  name:           ''
+  url:            ''
+
+# Custom vars
+version:          0.0.0
+
+github:
+  repo:           https://github.com/cityofaustin/transportation

_includes/coa-header.html

@@ -0,0 +1,7 @@
+<div class="container-fluid">
+    <div class="row justify-content-center">
+    	<div class="col col-lg-2"></div>
+    	<div class="col-12 col-md-auto header-coa">An official website of the City of Austin</div>
+    	<div class="col col-lg-2"></div>
+    </div>        
+</div>

_includes/dash-top-nav.html

@@ -0,0 +1,32 @@
+<div class="container-fluid" id="dash-top-nav-container">
+  <!-- nav for medium and larger display -->
+  <div class="row background-img align-items-center" id="dash-top-nav">  <!-- header row -->
+    <div class="col pt-2 pb-2">
+        <h2><a class="brand" href="#">{{ page.title_short }}</a></h2>
+        <h6><a class="brand brand-small" href="{{ site.baseurl }}/">Transportation Data and Performance Hub</a></h6>
+    </div>
+    <div class="col-2 mr-4">
+      <div class="row justify-content-end">
+        <button class="btn nav-btn" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
+
+           <h4><i class="fa fa-bars"></i></h4>
+
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col nav-menu collapse text-left" id="collapseExample">
+      <nav class="nav flex-column">
+        <a class="nav-link" href="{{ site.baseurl }}/"><i class="fa fa-home"></i> Home</a>
+        <a class="nav-link" href="{{ site.baseurl }}/signals-on-flash/"><i class="fa fa-exclamation-triangle"></i> Signals on Flash</a>
+        <a class="nav-link" href="{{ site.baseurl }}/signal-projects/"><i class="fa fa-wrench"></i> Signal Projects</a>
+        <a class="nav-link" href="{{ site.baseurl }}/signal-timing/"><i class="fa fa-clock-o"></i> Signal Timing</a>
+        <a class="nav-link" href="{{ site.baseurl }}/signal-requests/"><i class="fa fa-inbox"></i> Signal Requests</a>
+        <a class="nav-link" href="{{ site.baseurl }}/device-status"/><i class="fa fa-heartbeat"></i> Device Status</a>
+        <a class="nav-link" href="{{ site.baseurl }}/ops-overview"/><i class="fa fa-dashboard"></i> Operations Overview </a>
+      </nav>
+    </div>
+  </div>
+</div>
+

_includes/data-tracker-nav.html

@@ -0,0 +1,30 @@
+<div class="container-fluid" id="dash-top-nav-container">
+  <!-- nav for medium and larger display -->
+  <div class="row background-img align-items-center" id="dash-top-nav">  <!-- header row -->
+    <div class="col pt-2 pb-2">
+        <h2><a class="brand" href="#">{{ page.title_short }}</a></h2>
+        <h6><a class="brand brand-small" href="#">Transportation Data and Performance Hub</a></h6>
+    </div>
+    <div class="col-2 mr-4">
+      <div class="row justify-content-end">
+        <button class="btn nav-btn" type="button" data-toggle="collapse" data-target="#collapseMenu" aria-expanded="false" aria-controls="collapseExample">
+
+           <h4><i class="fa fa-bars"></i></h4>
+
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col nav-menu collapse text-left" id="collapseMenu">
+      <nav class="flex-column">
+        <a class="nav-link" href="{{ site.baseurl }}/data-tracker/"><i class="fa fa-home"></i> Data Tracker Home</a>
+        <a class="nav-link" href="{{ site.baseurl }}/data-tracker/#home/tmc-issues/"><i class="fa fa-phone"></i> TMC Issues </a>
+        <a class="nav-link" href="{{ site.baseurl }}/data-tracker/#signals/"><i class="fa fa-car"></i> Signals</a>
+        <a class="nav-link" href="{{ site.baseurl }}/data-tracker/#cameras/"><i class="fa fa-video-camera"></i> Cameras</a>
+        <a class="nav-link" href="{{ site.baseurl }}/data-tracker/#home/locations/"><i class="fa fa-map-marker"></i>  Locations </a>
+        <a class="nav-link" href="{{ site.baseurl }}/"><i class="fa fa-dashboard"></i>  Data and Performance Hub </a>
+        <nav>
+    </div>
+  </div>
+</div>

_includes/default-scripts.html

@@ -0,0 +1,9 @@
+<script src="{{site.baseurl}}/components/js/jquery.min.js"></script>
+<script src="{{site.baseurl}}/components/js/tether.min.js"></script>
+<script src='/components/js/d3.v4.min.js' type="text/javascript"></script>
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
+<script src="/components/js/jquery.dataTables.min.js"></script>
+<script src="/components/js/leaflet.js"></script>
+<script src="/components/js/Leaflet.zoomhome.min.js"></script>
+<script src='/components/js/viewport_checker.js' type="text/javascript"></script>
+<script src='/components/js/google-analytics.js' type="text/javascript"></script>

_includes/footer.html

@@ -0,0 +1,49 @@
+<footer class="footer">
+    <!-- SEE: http://v4-alpha.getbootstrap.com/examples/sticky-footer/ -->
+  <div class="container-fluid">
+    <div class="row justify-content-center footer-background-color-fix p-4 mt-4">
+
+      <div class="col-md-3"></div>
+
+      <div class="col"> <!-- center div -->
+
+        <div class="row no-gutters"> <!-- center content only row -->
+
+          <div class="col-xs-2 align-self-center">  <!-- image column -->
+            <div class="row">
+              <div class="col text-right">
+                <img style="height:90px; padding: 10px 10px 10px 0px;" src="/components/images/coa_seal_transparent_white.png">
+              </div>
+            </div>
+          </div>
+
+          <div class="col-xs-10 align-self-center"> <!-- title and link column -->
+            <div class="row no-gutters">
+              <div class="col no-gutters">
+                <h5>City of Austin Transportation Department</h5>
+              </div>
+            </div>
+            <div class="row no-gutters">
+              <div class="col nav no-gutters ">
+                <div class="col">
+                  <a class="nav-footer" href=''>Home</a>
+                </div>
+                <div class="col">
+                  <a class="nav-footer" href=''>About</a>
+                </div>
+                <div class="col">
+                  <a class="nav-footer" href=''>Code</a>
+                </div>
+                <div class="col">
+                  <a class="nav-footer" href=''>Data</a>
+                </div>
+                <div class="col">
+                  <a class="  nav-footer" href=''>Disclaimer</a>
+                </div>
+              </div>
+            </div>
+          </div> <!-- end center content row -->
+        </div> <!-- end center div -->
+      </div> <!-- end row -->
+  </div>
+</footer>

_includes/head.html

@@ -0,0 +1,36 @@
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+    <meta name="author" content="City of Austin Transportation Department">
+    <link rel="icon" href="{{ site.baseurl }}/components/images/favicon.ico">
+    <meta name="title" content="{{ page.title }}">
+    <meta name="description" content="{{  page.description }}">
+    <title>{{ page.title }}</title>
+
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">    
+    <link rel="stylesheet" href="/components/css/leaflet.css" />
+    <link rel="stylesheet" href="/components/css/Leaflet.zoomhome.css" />
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="/components/css/jquery.dataTables.min.css" media="screen" type="text/css">
+    <link href='https://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="/components/css/custom.css" type="text/css">
+
+
+    {% if page.custom_css %}
+
+      {% for css_file in page.custom_css %}
+
+        <link rel="stylesheet" href='{{ site.baseurl }}/components/css/{{ css_file }}.css' type="text/css">
+
+      {% endfor %}
+
+    {% endif %}
+
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  </head>

_includes/map-col-default.html

@@ -0,0 +1 @@
+<div class="col-lg-7 map-container p-md-0 mt-2" id="map"></div> <!-- end map container -->

_includes/map-selector-row.html

@@ -0,0 +1 @@
+<div class="row map-selector-group no-gutters" aria-label="Map Selectors" id="map_selectors"></div>

_includes/mobile-top-nav.html

@@ -0,0 +1,8 @@
+
+<div class="container-fluid">
+  <div class="row justify-content-center">
+    <div class="col col-lg-2"></div>
+    <div class="col-12 col-md-auto header-coa">Mobile Tech | Austin Transportation Department</div>
+    <div class="col col-lg-2"></div>
+  </div>            
+</div>        

_includes/modal-tabbed.html

@@ -0,0 +1,27 @@
+<!-- Modal -->
+<div class="modal fade" id="dashModal" tabindex="-1" role="dialog" aria-labelledby="dashModal" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <button style="border: none; font-size: 1.5em; color: gray; width: 100px; position: absolute; right: 0" type="button" class="btn btn-secondary" data-dismiss="modal"><i class="fa fa-close"></i></button>
+
+            <!-- Nav tabs -->
+            <ul class="nav nav-tabs" role="tablist">
+              <li class="nav-item">
+                <a class="nav-link nav-link-modal active" data-toggle="tab" href="#modal-info" role="tab">Info</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link nav-link-modal" data-toggle="tab" href="#modal-map" role="tab">Map</a>
+              </li>
+            </ul>
+
+            <div class="modal-body">
+                <div class="tab-content">  
+                    <div class="tab-pane active" id="modal-info" role="tabpanel">
+                    </div>
+
+                    <div class="tab-pane" id="modal-map" role="tabpanel"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>