Implemented the "Edit this page" feature. jekyll#3495

Created an "Edit this page" link for the footer of all the documentation. The link uses the fa-pencil icon of font awesome. See issue jekyll#3495 for more information. Signed-off-by: Martin Jorn Rogalla <martin@martinrogalla.com>
delftswa2014 · Feb 23, 2015 · e109555 · e109555
1 parent 249249f
commit e109555
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/site/_layouts/docs.html b/site/_layouts/docs.html
@@ -13,6 +13,9 @@ <h1>{{ page.title }}</h1>
           {{ content }}
           {% include section_nav.html %}
         </article>
+        <div class="sub-footer center align-center">
+          <a href="https://github.com/jekyll/jekyll/edit/master/site{{ site.branch }}/{{ page.path }}" class="edit">Edit this page <i class="fa fa-pencil"></i></a>
+        </div>
       </div>
 
       {% include docs_contents.html %}

diff --git a/site/_sass/_font-awesome.scss b/site/_sass/_font-awesome.scss
@@ -20,3 +20,6 @@
 .fa-link:before {
   content: "\f0c1";
 }
+.fa-pencil:before {
+  content: "\f040";
+}
diff --git a/site/_sass/_style.scss b/site/_sass/_style.scss
@@ -528,6 +528,11 @@ aside {
   }
 }
 
+.sub-footer {
+  padding: 15px;
+  font-size: 16px;
+}
+
 .docs-nav-mobile select {
   color: #000;
   width: 100%;
@@ -678,6 +683,7 @@ p { line-height: 1.5em; }
 
 .left { float: left; }
 .right { float: right; }
+.center { margin: 0 auto; }
 .align-right { text-align: right; }
 .align-left { text-align: left; }
 .align-center { text-align: center; }