page progression markers closes #14

templates/_layouts/default.html

@@ -66,7 +66,7 @@ <h1 class="content">{% localize page.title %}</h1>
 
       {% if page.noFooter != true %}
         <footer>
-          <a href="https://github.com/incompl/csslayoutsite/issues">{% localize global.feedback %}</a>
+          {{ page.num }} / 19
         </footer>
       {% endif %}
 

templates/about.html

@@ -1,6 +1,7 @@
 ---
 layout: default
 title: about.title
+noFooter: true
 ---
 
 <style>
@@ -31,4 +32,10 @@
 
 <div class="content">
   {% localize about.credits %}
+</div>
+
+<div class="content">
+  <a href="https://github.com/incompl/csslayoutsite/issues">
+    {% localize global.feedback %}
+  </a>
 </div>

templates/box-model.html

@@ -3,6 +3,7 @@
 title: box_model.title
 next: box-sizing
 prev: max-width
+num: 5
 ---
 
 <style>

templates/box-sizing.html

@@ -3,6 +3,7 @@
 title: box_sizing.title
 next: position
 prev: box-model
+num: 6
 ---
 
 <style>

templates/clear.html

@@ -3,6 +3,7 @@
 title: clear.title
 next: clearfix
 prev: float
+num: 10
 ---
 
 <p class="content">

templates/clearfix.html

@@ -3,6 +3,7 @@
 title: clearfix.title
 next: float-layout
 prev: clear
+num: 11
 ---
 
 <p class="content">

templates/column.html

@@ -3,6 +3,7 @@
 title: column.title
 next: flexbox
 prev: inline-block-layout
+num: 17
 ---
 
 <p class="content">
@@ -45,4 +46,4 @@
 
 <p class="content">
   {% localize column.2 %}
-</div>
+</p>

templates/display.html

@@ -3,6 +3,7 @@
 title: display.title
 next: margin-auto
 prev: no-layout
+num: 2
 ---
 
 <p class="content">

templates/flexbox.html

@@ -3,6 +3,7 @@
 title: flexbox.title
 next: frameworks
 prev: column
+num: 18
 ---
 
 <p class="content">

templates/float-layout.html

@@ -3,6 +3,7 @@
 title: float_layout.title
 next: percent
 prev: clearfix
+num: 12
 ---
 
 <p class="content">

templates/float.html

@@ -3,6 +3,7 @@
 title: float.title
 next: clear
 prev: position-example
+num: 9
 ---
 
 <p class="content">

templates/frameworks.html

@@ -3,6 +3,7 @@
 title: frameworks.title
 next: about
 prev: flexbox
+num: 19
 ---
 
 <p class="content">

templates/inline-block-layout.html

@@ -3,6 +3,7 @@
 title: inline_block_layout.title
 next: column
 prev: inline-block
+num: 16
 ---
 
 <div class="content">

templates/inline-block.html

@@ -3,6 +3,7 @@
 title: inline_block.title
 next: inline-block-layout
 prev: media-queries
+num: 15
 ---
 
 <p class="content">

templates/margin-auto.html

@@ -3,6 +3,7 @@
 title: margin_auto.title
 next: max-width
 prev: display
+num: 3
 ---
 
 <style>

templates/max-width.html

@@ -3,6 +3,7 @@
 title: max_width.title
 next: box-model
 prev: margin-auto
+num: 4
 ---
 
 <style>

templates/media-queries.html

@@ -3,6 +3,7 @@
 title: media_queries.title
 next: inline-block
 prev: percent
+num: 14
 ---
 
 <p class="content">

templates/no-layout.html

@@ -3,6 +3,7 @@
 title: no_layout.title
 next: display
 prev: index
+num: 1
 ---
 
 <p>

templates/percent.html

@@ -3,6 +3,7 @@
 title: percent.title
 next: media-queries
 prev: float-layout
+num: 13
 ---
 
 <p class="content">

templates/position-example.html

@@ -3,6 +3,7 @@
 title: position_example.title
 next: float
 prev: position
+num: 8
 ---
 
 <p class="content">

templates/position.html

@@ -3,6 +3,7 @@
 title: position.title
 next: position-example
 prev: box-sizing
+num: 7
 ---
 
 <p class="content">

templates/toc.html

@@ -1,5 +1,6 @@
 ---
 layout: default
+noFooter: true
 ---
 
 <style>