style(examples): minors

STRML · STRML · commit 1f1ecc88321f · 2017-02-23T00:37:46.000-06:00
diff --git a/examples/0-showcase.html b/examples/0-showcase.html
@@ -15,7 +15,7 @@ <h3>React-Grid-Layout Demo 0 - Showcase</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/0-showcase.jsx">View this example's source</a></li>
         
-      <li><a href="1-basic.html">View the next example: "Basic"</a></li>
+      <li><a href="1-basic.html"><b>⇢ </b>View the next example: "Basic"</a></li>
         </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/1-basic.html b/examples/1-basic.html
@@ -15,9 +15,9 @@ <h3>React-Grid-Layout Demo 1 - Basic</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/1-basic.jsx">View this example's source</a></li>
     
-      <li><a href="0-showcase.html">View the previous example: "Showcase"</a></li>
+      <li><a href="0-showcase.html"><b>⇠</b> View the previous example: "Showcase"</a></li>
         
-      <li><a href="2-no-dragging.html">View the next example: "No Dragging"</a></li>
+      <li><a href="2-no-dragging.html"><b>⇢ </b>View the next example: "No Dragging"</a></li>
         </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/10-dynamic-min-max-wh.html b/examples/10-dynamic-min-max-wh.html
@@ -15,9 +15,9 @@ <h3>React-Grid-Layout Demo 10 - Dynamic Minimum and Maximum Width/Height</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/10-dynamic-min-max-wh.jsx">View this example's source</a></li>
     
-      <li><a href="9-min-max-wh.html">View the previous example: "Minimum and Maximum Width/Height"</a></li>
+      <li><a href="9-min-max-wh.html"><b>⇠</b> View the previous example: "Minimum and Maximum Width/Height"</a></li>
         
-      <li><a href="11-no-vertical-compact.html">View the next example: "No Vertical Compacting (Free Movement)"</a></li>
+      <li><a href="11-no-vertical-compact.html"><b>⇢ </b>View the next example: "No Vertical Compacting (Free Movement)"</a></li>
         </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/11-no-vertical-compact.html b/examples/11-no-vertical-compact.html
@@ -14,7 +14,7 @@ <h3>React-Grid-Layout Demo 11 - No Vertical Compacting (Free Movement)</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/11-no-vertical-compact.jsx">View this example's source</a></li>
     
-      <li><a href="10-dynamic-min-max-wh.html">View the previous example: "Dynamic Minimum and Maximum Width/Height"</a></li>
+      <li><a href="10-dynamic-min-max-wh.html"><b>⇠</b> View the previous example: "Dynamic Minimum and Maximum Width/Height"</a></li>
             </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/2-no-dragging.html b/examples/2-no-dragging.html
@@ -14,9 +14,9 @@ <h3>React-Grid-Layout Demo 2 - No Dragging</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/2-no-dragging.jsx">View this example's source</a></li>
     
-      <li><a href="1-basic.html">View the previous example: "Basic"</a></li>
+      <li><a href="1-basic.html"><b>⇠</b> View the previous example: "Basic"</a></li>
         
-      <li><a href="3-messy.html">View the next example: "Messy"</a></li>
+      <li><a href="3-messy.html"><b>⇢ </b>View the next example: "Messy"</a></li>
         </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/3-messy.html b/examples/3-messy.html
@@ -16,9 +16,9 @@ <h3>React-Grid-Layout Demo 3 - Messy</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/3-messy.jsx">View this example's source</a></li>
     
-      <li><a href="2-no-dragging.html">View the previous example: "No Dragging"</a></li>
+      <li><a href="2-no-dragging.html"><b>⇠</b> View the previous example: "No Dragging"</a></li>
         
-      <li><a href="4-grid-property.html">View the next example: "Grid Item Properties"</a></li>
+      <li><a href="4-grid-property.html"><b>⇢ </b>View the next example: "Grid Item Properties"</a></li>
         </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/4-grid-property.html b/examples/4-grid-property.html
@@ -14,9 +14,9 @@ <h3>React-Grid-Layout Demo 4 - Grid Item Properties</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/4-grid-property.jsx">View this example's source</a></li>
     
-      <li><a href="3-messy.html">View the previous example: "Messy"</a></li>
+      <li><a href="3-messy.html"><b>⇠</b> View the previous example: "Messy"</a></li>
         
-      <li><a href="5-static-elements.html">View the next example: "Static Elements"</a></li>
+      <li><a href="5-static-elements.html"><b>⇢ </b>View the next example: "Static Elements"</a></li>
         </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/5-static-elements.html b/examples/5-static-elements.html
@@ -14,9 +14,9 @@ <h3>React-Grid-Layout Demo 5 - Static Elements</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/5-static-elements.jsx">View this example's source</a></li>
     
-      <li><a href="4-grid-property.html">View the previous example: "Grid Item Properties"</a></li>
+      <li><a href="4-grid-property.html"><b>⇠</b> View the previous example: "Grid Item Properties"</a></li>
         
-      <li><a href="6-dynamic-add-remove.html">View the next example: "Dynamic Add/Remove"</a></li>
+      <li><a href="6-dynamic-add-remove.html"><b>⇢ </b>View the next example: "Dynamic Add/Remove"</a></li>
         </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/6-dynamic-add-remove.html b/examples/6-dynamic-add-remove.html
@@ -16,9 +16,9 @@ <h3>React-Grid-Layout Demo 6 - Dynamic Add/Remove</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/6-dynamic-add-remove.jsx">View this example's source</a></li>
     
-      <li><a href="5-static-elements.html">View the previous example: "Static Elements"</a></li>
+      <li><a href="5-static-elements.html"><b>⇠</b> View the previous example: "Static Elements"</a></li>
         
-      <li><a href="7-localstorage.html">View the next example: "LocalStorage"</a></li>
+      <li><a href="7-localstorage.html"><b>⇢ </b>View the next example: "LocalStorage"</a></li>
         </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/7-localstorage.html b/examples/7-localstorage.html
@@ -15,9 +15,9 @@ <h3>React-Grid-Layout Demo 7 - LocalStorage</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/7-localstorage.jsx">View this example's source</a></li>
     
-      <li><a href="6-dynamic-add-remove.html">View the previous example: "Dynamic Add/Remove"</a></li>
+      <li><a href="6-dynamic-add-remove.html"><b>⇠</b> View the previous example: "Dynamic Add/Remove"</a></li>
         
-      <li><a href="8-localstorage-responsive.html">View the next example: "Responsive with LocalStorage"</a></li>
+      <li><a href="8-localstorage-responsive.html"><b>⇢ </b>View the next example: "Responsive with LocalStorage"</a></li>
         </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/8-localstorage-responsive.html b/examples/8-localstorage-responsive.html
@@ -16,9 +16,9 @@ <h3>React-Grid-Layout Demo 8 - Responsive with LocalStorage</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/8-localstorage-responsive.jsx">View this example's source</a></li>
     
-      <li><a href="7-localstorage.html">View the previous example: "LocalStorage"</a></li>
+      <li><a href="7-localstorage.html"><b>⇠</b> View the previous example: "LocalStorage"</a></li>
         
-      <li><a href="9-min-max-wh.html">View the next example: "Minimum and Maximum Width/Height"</a></li>
+      <li><a href="9-min-max-wh.html"><b>⇢ </b>View the next example: "Minimum and Maximum Width/Height"</a></li>
         </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/9-min-max-wh.html b/examples/9-min-max-wh.html
@@ -16,9 +16,9 @@ <h3>React-Grid-Layout Demo 9 - Minimum and Maximum Width/Height</h3>
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/9-min-max-wh.jsx">View this example's source</a></li>
     
-      <li><a href="8-localstorage-responsive.html">View the previous example: "Responsive with LocalStorage"</a></li>
+      <li><a href="8-localstorage-responsive.html"><b>⇠</b> View the previous example: "Responsive with LocalStorage"</a></li>
         
-      <li><a href="10-dynamic-min-max-wh.html">View the next example: "Dynamic Minimum and Maximum Width/Height"</a></li>
+      <li><a href="10-dynamic-min-max-wh.html"><b>⇢ </b>View the next example: "Dynamic Minimum and Maximum Width/Height"</a></li>
         </ul>
     <div id="content"></div>
   </body>
diff --git a/examples/example-styles.css b/examples/example-styles.css
@@ -56,3 +56,7 @@ body {
   cursor: -moz-grab;
   cursor: -webkit-grab;
 }
+li b {
+  font-size: 19px;
+  line-height: 14px;
+}
diff --git a/examples/template.ejs b/examples/template.ejs
@@ -16,10 +16,10 @@
     <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
     <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/<%= index %>-<%= source %>.jsx">View this example's source</a></li>
     <% if (previous) { %>
-      <li><a href="<%= index - 1 %>-<%= previous.source %>.html">View the previous example: "<%= previous.title %>"</a></li>
+      <li><a href="<%= index - 1 %>-<%= previous.source %>.html"><b>⇠</b> View the previous example: "<%= previous.title %>"</a></li>
     <% } -%>
     <% if (next) { %>
-      <li><a href="<%= index + 1 %>-<%= next.source %>.html">View the next example: "<%= next.title %>"</a></li>
+      <li><a href="<%= index + 1 %>-<%= next.source %>.html"><b>⇢ </b>View the next example: "<%= next.title %>"</a></li>
     <% } -%>
     </ul>
     <div id="content"></div>
