more button

examples/gallery.css

@@ -52,3 +52,23 @@
   right: 0px;
 	font-size:14px;
 }
+
+.more {
+  text-align: center;
+  margin-bottom: 32px;
+}
+
+.more a {
+  font-size: 14px;
+  letter-spacing: 0.1em;
+	font-family:Helvetica,Arial,sans-serif;
+  font-weight: 600;
+  border-radius: 2px;
+  padding: 8px;
+  border: solid 1px #AAAAAA;
+  text-transform: uppercase;
+}
+
+.more a:hover {
+  background: #EEEEEE;
+}

examples/index.php

@@ -12,7 +12,7 @@
 
     include('../header.php');
     include('../chap-header.php');
-    
+
     echo '<link type="text/css" rel="stylesheet" href="gallery.css">';
     echo '<div id="content">';
 
@@ -53,18 +53,18 @@
                     }
                     echo '" data-properties="clickRun:edior,hoverPreview:false,showAuthor:false,openFrameIcon:false"></div>';
                 }
-                
+
                 if (file_exists($folder.'featured_examples.php') and file_exists('FEATURED'.$language.'.md')) {
                     include($folder.'featured_examples.php');
                 }
 
-                echo '<a href="/examples/?chapter='.$chp.'"><p align="right"><i>See more examples of this chapter</i></p></a>';
+                echo '<p class="more"><a href="/examples/?chapter='.$chp.'">more</a></p>';
             }
         }
     } elseif ( !empty($_GET['chapter'])) {
         $chp = $_GET['chapter'];
         $folder = '../'.$chp.'/';
-        
+
         if (file_exists($folder.'TITLE'.$language.'.md') and file_exists($folder.'SUMMARY'.$language.'.md')) {
             echo $Parsedown->text(file_get_contents($folder.'TITLE'.$language.'.md'));
 
@@ -85,7 +85,7 @@
                 }
                 echo '" data-properties="clickRun:edior,showAuthor:false,openFrameIcon:false"></div>';
             }
-            
+
 
             if (file_exists($folder.'featured_examples.php') and file_exists('FEATURED'.$language.'.md')) {
                 echo $Parsedown->text(file_get_contents('FEATURED'.$language.'.md'));
@@ -93,7 +93,7 @@
             }
         }
     }
-    
+
     echo '
         </div>
         <script>console.log();</script>