Add footer for navigation links

4 files changed, 58 insertions, 16 deletions

diff --git a/assets/stylesheets/book/body.less b/assets/stylesheets/book/body.less
index a5ed7e2..8251b32 100644
--- a/assets/stylesheets/book/body.less
+++ b/assets/stylesheets/book/body.less
@@ -11,23 +11,29 @@
 
         background: #edece4;
 
-        .page-inner {
-            max-width: 800px;
-            margin: 0px auto;
-        
-            section {
-                margin: 0px 0px;
-                padding: 5px 15px;
-                background: #fff;
-                border-radius: 0px;
-            }
-
-            .btn-group {
+        .page-wrapper {
+            position: relative;
+            min-height: 100%;
+            padding-bottom: 100px;
 
-                .btn {
+            .page-inner {
+                max-width: 800px;
+                margin: 0px auto;
+            
+                section {
+                    margin: 0px 0px;
+                    padding: 5px 15px;
+                    background: #fff;
                     border-radius: 0px;
-                    background: #eee;
-                    border: 0px;
+                }
+
+                .btn-group {
+
+                    .btn {
+                        border-radius: 0px;
+                        background: #eee;
+                        border: 0px;
+                    }
                 }
             }
         }
diff --git a/assets/stylesheets/book/exercise.less b/assets/stylesheets/book/exercise.less
index f8f215e..aeaebb3 100644
--- a/assets/stylesheets/book/exercise.less
+++ b/assets/stylesheets/book/exercise.less
@@ -1,4 +1,4 @@
-.book .book-body {
+.book .book-body .page-wrapper .page-inner {
     section.exercise {
         padding: 0px;
         margin: 20px 0px;
diff --git a/assets/stylesheets/book/footer.less b/assets/stylesheets/book/footer.less
new file mode 100644
index 0000000..f354e4a
--- /dev/null
+++ b/assets/stylesheets/book/footer.less
@@ -0,0 +1,35 @@
+.book {
+    .page-footer {
+        position: absolute;
+        bottom: 0px;
+
+        width: 100%;
+        height: 80px;
+
+        background: #fff;
+
+
+        .navigation {
+            text-align: center;
+            line-height: 80px;
+
+            .navigation-link {
+                font-size: 26px;
+                color: #333;
+                .opacity(0.4);
+                text-transform: uppercase;
+                .transition(opacity 0.5s ease);
+                max-width: 40%;
+                display: inline-block;
+                text-overflow: ellipsis;
+                overflow: hidden;
+                white-space: nowrap;
+
+                &:hover {
+                    text-decoration: none;
+                    .opacity(1);
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/assets/stylesheets/main.less b/assets/stylesheets/main.less
index 5e1ab64..dc1b5b2 100644
--- a/assets/stylesheets/main.less
+++ b/assets/stylesheets/main.less
@@ -8,6 +8,7 @@
 @import "book/header.less";
 @import "book/summary.less";
 @import "book/body.less";
+@import "book/footer.less";
 @import "book/exercise.less";
 
 * {