more content polish

website/contents/pages.js

@@ -123,6 +123,13 @@ export const examplePages = generatePath([
           demo: 'MapTileDemo',
           code: getCodeUrl('examples/website/map-tile')
         }
+      },
+      {
+        name: 'TripsLayer',
+        content: {
+          demo: 'TripsDemo',
+          code: getCodeUrl('examples/website/trips')
+        }
       }
     ]
   },
@@ -137,13 +144,6 @@ export const examplePages = generatePath([
           code: getCodeUrl('examples/website/brushing')
         }
       },
-      {
-        name: 'Trip Routes',
-        content: {
-          demo: 'TripsDemo',
-          code: getCodeUrl('examples/website/trips')
-        }
-      },
       {
         name: '3D Surface Explorer',
         content: {
@@ -161,8 +161,16 @@ export const showcasePages = generatePath([
     content: 'markdown/showcase.md'
   },
   {
-    name: 'Autonomous Visualization System',
-    external: 'http://streetscape.gl'
+    name: 'Autonomy Visualization System',
+    external: 'http://avs.auto'
+  },
+  {
+    name: 'Escape',
+    external: 'https://greatescape.co'
+  },
+  {
+    name: 'BusRouter SG',
+    external: 'https://busrouter.sg/visualization/'
   },
   {
     name: 'FlightMapper',

website/src/static/markdown/examples.md

@@ -78,6 +78,13 @@
         </a>
       </div>
     </div>
+    <div class="thumb">
+      <div class="bg-black" data-title="Taxi Trips in NYC" data-name="TripsLayer">
+        <a href="#/examples/custom-layers/trip-routes">
+          <img src="images/demo-thumb-trip.jpg" />
+        </a>
+        </div>
+    </div>
 </div>
 
 ### Custom Layers
@@ -90,13 +97,6 @@
       </a>
     </div>
   </div>
-  <div class="thumb">
-    <div class="bg-black" data-title="Taxi Trips in NYC" data-name="TripsLayer">
-      <a href="#/examples/custom-layers/trip-routes">
-        <img src="images/demo-thumb-trip.jpg" />
-      </a>
-      </div>
-  </div>
   <div class="thumb">
     <div data-title="3D Surface Explorer" data-name="PlotLayer">
       <a href="#/examples/custom-layers/3d-surface-explorer">

website/src/static/markdown/showcase.md

@@ -1,15 +1,51 @@
+*Would you like us to feature your project? [Let us know](https://github.com/uber/deck.gl/issues)!*
+
 <div>
   <div class="thumb">
     <div class="bg-black" data-title="Autonomous Visualization System" >
-      <a href="http://streetscape.gl/" target="_blank" rel="noopener noreferrer">
+      <a href="https://avs.auto" target="_blank" rel="noopener noreferrer">
         <img src="images/showcase-avs.jpg" />
       </a>
     </div>
   </div>
   <div class="thumb-desc">
     <div>
-      <a href="http://streetscape.gl/" target="_blank" rel="noopener noreferrer"><h2>Autonomous Visualization System</h2></a>
+      <a href="https://avs.auto" target="_blank" rel="noopener noreferrer"><h2>Autonomy Visualization System</h2></a>
       <p>A visualization protocol and toolkit for robotics data in the browser.</p>
+      <p class="credit"><a href="https://github.com/uber/streetscape.gl">GitHub</a> | <a href="https://avs.auto/demo">Demo</a></p>
+    </div>
+  </div>
+
+  <div class="thumb">
+    <div data-title="Escape" >
+      <a href="https://greatescape.co" target="_blank" rel="noopener noreferrer">
+        <img src="images/showcase-escape.jpg" />
+      </a>
+    </div>
+  </div>
+  <div class="thumb-desc">
+    <div>
+      <a href="https://greatescape.co" target="_blank" rel="noopener noreferrer"><h2>Escape</h2></a>
+      <p class="credit">By <a href="http://senseable.mit.edu/">MIT Senseable City Laboratory, Singapore</a></p>
+      <p>Escape is an inspirational flight search engine that helps you choose a destination and find the cheapest flight for your next vacation.</p>
+      <p class="credit"><a href="https://greatescape.co/about">About</a></p>
+    </div>
+  </div>
+
+  <div class="thumb">
+    <div class="bg-black" data-title="BusRouter SG" >
+      <a href="https://busrouter.sg/visualization/" target="_blank" rel="noopener noreferrer">
+        <img src="images/showcase-singapore-bus-route.jpg" />
+      </a>
+    </div>
+  </div>
+  <div class="thumb-desc">
+    <div>
+      <a href="https://busrouter.sg/visualization/" target="_blank" rel="noopener noreferrer"><h2>Singapore Bus Routes Explorer</h2></a>
+      <p class="credit">By <a href="http://twitter.com/cheeaun">@cheeaun</a> | Data © <a href="http://www.mytransport.sg/">Land Transport Authority</a></p>
+      <p>Explore bus stops and routes on the map for all bus services in Singapore, with realtime bus arrival times and per-bus-stop passing routes overview.</p>
+      <p class="credit"><a href="https://github.com/cheeaun/busrouter-sg">GitHub</a></p>
+
     </div>
   </div>