Add arrows

Author: adamschwartz

docs/welcome/index.html

@@ -36,13 +36,35 @@
         table.showcase {
             height: 100%;
             width: 100%;
+            position: relative;
         }
 
         table.showcase .showcase-inner {
             margin: 40px auto 60px;
             padding: 10px;
         }
 
+        table.showcase:after {
+            content: "";
+            display: block;
+            position: absolute;
+            opacity: 0.5;
+            left: 0;
+            right: 0;
+            bottom: 20px;
+            margin: auto;
+            height: 0;
+            width: 0;
+            border-width: 18px;
+            border-style: solid;
+            border-color: transparent;
+            border-top-color: inherit;
+        }
+
+        table.showcase.last-showcase:after {
+            display: none;
+        }
+
         table.showcase .showcase-inner h1 {
             font-size: 50px;
             text-align: center;
@@ -355,7 +377,7 @@ <h2>Sortables for every occasion.</h2>
         </div>
     </td></tr></table>
 
-    <table class="showcase share"><tr><td>
+    <table class="showcase last-showcase share"><tr><td>
         <div class="showcase-inner">
             <h1>Share</h1>
             <h2>Help us spread the word.</h2>