ed. 1.0.2 → 1.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 37be4e283d0cc98ff69254323efd269db8de0342
-  data.tar.gz: 1527af3ac53694dedc1007d8dafeb1d908a5cbab
+SHA256:
+  metadata.gz: 0ad0bc6735e305539c4a3b69db7293f87dd8916633cbcc06aa09a6a4a75e12bf
+  data.tar.gz: 1dcde27f9e590f14a6dc8731672c3978fbb4836103edfb62a51f9d3bcdde3fc1
 SHA512:
-  metadata.gz: 204f08f573bec1a43dbd965eb1cdd8b19fc3eb17ec9cffa24377a9356649d8c3e99fd859f2c66a05acd8c584d5a79eeebe164610f69c6b4dcfe99097a390184f
-  data.tar.gz: 61874ba9380a800071bbfcb903b84866a45268a33fd2190d6100f2489e658d8b8aa9103757b58a75c3d45aae3e2027acc7368c3162a865a8ea23151a3a91b7bf
+  metadata.gz: 80397358158dd8593665b109eaafa516170dc71f1e8feb00635f6e81d467057b73446997a5490850199618ef52e4960a83ba8b7929cce98bc3a9dc1359c058bd
+  data.tar.gz: 647181a35ac1933fb2b51944ca5df5477125700634e87fa8ce744808a827bdd5e0fd8d75f20ea1838a1743ac19f6c0ff8adafc05a0664ff663087f91369e5997

data/LICENSE.md

@@ -16,4 +16,4 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of
 
 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -14,7 +14,7 @@ Ed is a [Jekyll](https://jekyllrb.com/) theme designed for textual editors based
 
 One of our most pressing and ever revolving needs as scholars is to pass on our textual artifacts from one generation to another. The art of textual editing, among other practices, has helped many cultures to remember and interpret for centuries. Alas, that art is practiced and encouraged in its highest form by a dwindling number of scholars. In a digital environment the problem is compounded by the difficulties of the medium. While vast repositories, and "e-publications" appear on the online scene yearly, very few manifest a textual scholar's disciplined attention to detail. In contrast, most textual scholars who have made the leap to a rigorous digital practice have focused on markup, relying on technical teams to deploy and maintain their work. This makes your average scholarly digital edition a very costly, and therefore limited affair.
 
-As we see it, a minimal edition is one that aims to reduce the size and complexity of the back and front end, and the learning curves for the user and the producer. Out of-the-box, this theme can help you build a simple reading edition, or a traditional scholarly edition with footnotes and a bibliography without breaking the bank. In our estimate, these are the two most immediately useful type of editions for editors and readers. An edition produced with Ed consists of static pages whose rate of decay is substantially lower than database-driven systems. As an added bonus, these static pages require less bandwith. Our hope is that our approach can help beginners or veterans deploy beautiful editions with less effort, that it can help us teach a 'full stack' [in one academic semester](https://github.com/susannalles/MinimalEditions/blob/master/index.md), allow us to care for our projects at less cost, and perhaps, just perhaps, allow us to generate high-quality editions on github.io in large quantities based on the [git-lit](http://jonreeve.com/2015/09/introducing-git-lit/) model by Jonathan Reeve. We're coming for you, Kindle! 
+As we see it, a minimal edition is one that aims to reduce the size and complexity of the back and front end, and the learning curves for the user and the producer. Out of-the-box, this theme can help you build a simple reading edition, or a traditional scholarly edition with footnotes and a bibliography without breaking the bank. In our estimate, these are the two most immediately useful type of editions for editors and readers. An edition produced with Ed consists of static pages whose rate of decay is substantially lower than database-driven systems. As an added bonus, these static pages require less bandwidth. Our hope is that our approach can help beginners or veterans deploy beautiful editions with less effort, that it can help us teach a 'full stack' [in one academic semester](https://github.com/susannalles/MinimalEditions/blob/master/index.md), allow us to care for our projects at less cost, and perhaps, just perhaps, allow us to generate high-quality editions on github.io in large quantities based on the [git-lit](http://jonreeve.com/2015/09/introducing-git-lit/) model by Jonathan Reeve. We're coming for you, Kindle!
 
 
 ## Sample Ed editions.
@@ -31,7 +31,7 @@ As we see it, a minimal edition is one that aims to reduce the size and complexi
 - Templates for narrative, drama and poetry
 - Responsive design for mobile phones, tablets and PCs.
 - Relatively easy to learn and teach
-- Works well in high- or low- bandwitdh scenarios
+- Works well in high- or low- bandwidth scenarios
 - Easier for digital archives and libraries to preserve
 - Open source, open access
 - Unobtrusive footnotes

data/_includes/head.html

@@ -1,47 +1,46 @@
 <head>
   <!-- Canonical link to help search engines -->
-  <link rel="canonical" href="{{ site.baseurl }}{{ page.url }}"/>
+  <link rel="canonical" href="{{ site.baseurl }}{{ page.url }}" />
 
   <!-- Basic meta elements -->
-  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
-  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
-  <!-- Enable responsiveness on mobile devices-->
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"/>
+  <!-- Enable responsiveness on mobile devices -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
 
-  <!--   Dublin Core metadata for Zotero -->  
+  <!-- Dublin Core metadata for Zotero -->
   <meta name="DC.title" content="{{ page.title }}" />
   <meta name="DC.creator" content="{{ page.author }}" />
   <meta name="DC.contributor" content="{{ page.editor }}" />
   <meta name="DC.date" content="{{ page.publication-date }}" />
   <meta name="DC.rights" content="{{ page.rights }}" />
   <meta name="DC.source" content="{{ site.title }}" />
-  
-    <!-- Open Graph metadata -->
 
+    <!-- Open Graph metadata -->
     {% if page.layout == "default" %}
-    <meta property="og:title" content="{{page.title}}"/>
+    <meta property="og:title" content="{{page.title}}" />
     <meta property="og:description" content="{{site.description}}">
-    <meta property="fb:admins" content="elotroalex"/>
+    <meta property="fb:admins" content="elotroalex" />
     <meta property="og:type" content="website" />
-    <meta property="og:url" content="{{site.url}}{{site.baseurl}}{{page.url}}"/>
-    <meta property="fb:app_id" content="589495744558280"/>
-    <meta property="og:image" content="{{site.url}}{{site.baseurl}}/assets/open-graph-logo.png"/>
+    <meta property="og:url" content="{{site.url}}{{site.baseurl}}{{page.url}}" />
+    <meta property="fb:app_id" content="589495744558280" />
+    <meta property="og:image" content="{{site.url}}{{site.baseurl}}/assets/open-graph-logo.png" />
     <meta property="og:image:width" content="200" />
     <meta property="og:image:height" content="200" />
 
     {% else %}
-    <meta property="og:title" content="{{page.title}}"/>
+    <meta property="og:title" content="{{page.title}}" />
     <meta property="og:description" content="An Ed edition">
-    <meta property="fb:admins" content="elotroalex"/>
+    <meta property="fb:admins" content="elotroalex" />
     <meta property="og:type" content="article" />
-    <meta property="og:url" content="{{site.url}}{{site.baseurl}}{{page.url}}"/>
-    <meta property="fb:app_id" content="589495744558280"/>
-    <meta property="og:image" content="{{site.url}}{{site.baseurl}}/assets/open-graph-logo.png"/>
+    <meta property="og:url" content="{{site.url}}{{site.baseurl}}{{page.url}}" />
+    <meta property="fb:app_id" content="589495744558280" />
+    <meta property="og:image" content="{{site.url}}{{site.baseurl}}/assets/open-graph-logo.png" />
     <meta property="og:image:width" content="200" />
     <meta property="og:image:height" content="200" />
     {% endif %}
-   
+
   <title>
     {% if page.title == "Home" %}
       {{ site.title }}
@@ -51,13 +50,12 @@
   </title>
 
   <!-- CSS link -->
-  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css"/>
- 
+  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
 
   <!-- Icons -->
-  <link rel="apple-touch-icon-precomposed" sizes="180x180" href="{{ site.baseurl }}/assets/apple-touch-icon-precomposed.png"/>
-  <link rel="shortcut icon" href="{{ site.baseurl }}/assets/favicon.ico"/>
+  <link rel="apple-touch-icon-precomposed" sizes="180x180" href="{{ site.baseurl }}/assets/apple-touch-icon-precomposed.png" />
+  <link rel="shortcut icon" href="{{ site.baseurl }}/assets/favicon.ico" />
 
   <!-- RSS -->
-  <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ site.baseurl }}/atom.xml"/>
+  <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ site.baseurl }}/atom.xml" />
 </head>

data/_includes/sidebar-toc.html

@@ -1,5 +1,7 @@
-<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
-     styles, `#sidebar-checkbox` for behavior. -->
+<!--
+  Target for toggling the sidebar `.sidebar-checkbox` is for regular styles, `#sidebar-checkbox` for
+  behavior.
+-->
 <input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
 
 <!-- Toggleable sidebar -->
@@ -10,11 +12,10 @@
 
   <nav class="sidebar-nav">
     <a class="sidebar-nav-item{% if page.url == site.baseurl %} active{% endif %}" href="{{ site.baseurl }}/">Home</a>
-    <a class="sidebar-nav-item{% if page.url == node.url %} active{% endif %}" href="#" data-proofer-ignore>Return to Top</a>    
+    <a class="sidebar-nav-item{% if page.url == node.url %} active{% endif %}" href="#" data-proofer-ignore>Return to Top</a>
     {% for node in page.toc %}
     <a class="sidebar-nav-item{% if page.url == node.url %} active{% endif %} sidebar-nav-item-toc" href="#{{ node | slugify }}">{{ node }}</a>
     {% endfor %}
-
   </nav>
 
   <div class="sidebar-item">

data/_includes/sidebar.html

@@ -1,5 +1,7 @@
-<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
-     styles, `#sidebar-checkbox` for behavior. -->
+<!--
+  Target for toggling the sidebar `.sidebar-checkbox` is for regular styles, `#sidebar-checkbox` for
+  behavior.
+-->
 <input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
 
 <!-- Toggleable sidebar -->
@@ -26,14 +28,14 @@
     {% endfor %}
 
     <!-- The code below is used for manually entered links  -->
-
     <span style='cursor:pointer;' onclick="javascript:var hypothesis = document.createElement('script');
       hypothesis.setAttribute('src','https://hypothes.is/embed.js');
       document.head.appendChild(hypothesis);"><a class="sidebar-nav-item">Annotate me</a></span>
 
-<!--     <a class="sidebar-nav-item" href="https://via.hypothes.is/{{ site.url }}{{ site.baseurl }}{{page.url}}/" data-proofer-ignore>Annotate me</a> -->
-<!--  -->
-    <!-- <script src="https://hypothes.is/embed.js" async></script> -->
+  <!--
+    <a class="sidebar-nav-item" href="https://via.hypothes.is/{{ site.url }}{{ site.baseurl }}{{page.url}}/" data-proofer-ignore>Annotate me</a>
+    <script src="https://hypothes.is/embed.js" async></script>
+  -->
 
     <a class="sidebar-nav-item" href="https://github.com/minicomp/ed" target="_blank">GitHub project</a>
   </nav>

data/_layouts/default.html

@@ -12,9 +12,10 @@
     {% include sidebar.html %}
     {% endif %}
 
-
-
-    <!-- Wrap is the content to shift when toggling the sidebar. We wrap the content to avoid any CSS collisions with our real content. -->
+    <!--
+      Wrap is the content to shift when toggling the sidebar. We wrap the content to avoid any CSS
+      collisions with our real content.
+    -->
     <div class="wrap">
       <div class="masthead">
         <div class="container">
@@ -48,7 +49,7 @@
         document.getElementById("main").innerHTML = content.replace(regex, "<mark>$1</mark>");
       }
 
-    // Toggle sidebar  
+      // Toggle sidebar
       (function(document) {
         var toggle = document.querySelector('.sidebar-toggle');
         var sidebar = document.querySelector('#sidebar');
@@ -58,14 +59,15 @@
           var target = e.target;
 
           if(!checkbox.checked ||
-             sidebar.contains(target) ||
+             !sidebar.contains(target) ||
              (target === checkbox || target === toggle)) return;
 
           checkbox.checked = false;
         }, false);
       })(document);
     </script>
-    <!-- Facebook SDK for JavaScript -->
+
+<!-- Facebook SDK for JavaScript -->
 <script>
   window.fbAsyncInit = function() {
     FB.init({

data/_layouts/drama.html

@@ -5,4 +5,4 @@ layout: default
 <div class="drama">
   <h1 class="text-title">{{ page.title }}</h1>
   {{ content }}
-</div>
+</div>

data/_layouts/narrative.html

@@ -6,4 +6,4 @@ layout: default
   <h1 class="text-title">{{ page.title }}</h1>
   <p class="citation"> by {{ page.author }}</p>
   {{ content }}
-</div>
+</div>

data/_layouts/poem.html

@@ -6,4 +6,4 @@ layout: default
   <h1 class="text-title">{{ page.title }}</h1>
   <p class="byline">{{ page.author }}</p>
   {{ content }}
-</div>
+</div>

data/_layouts/post.html

@@ -5,4 +5,4 @@ layout: default
 <div class="post">
   <h1 class="text-title">{{ page.title }}</h1>
   {{ content }}
-</div>
+</div>

data/_sass/_ed.scss

@@ -1,26 +1,26 @@
 /* Ed: the minimal edition theme.
- * ___________________   
- * \_   _____/\______ \  
- *  |    __)_  |    |  \ 
+ * ___________________
+ * \_   _____/\______ \
+ *  |    __)_  |    |  \
  *  |        \ |    `   \
  * /_______  //_______  /
- *         \/         \/ 
- * Designed, built, and released under an MIT license by @elotroalex and brill friends. See credits for more info.
+ *         \/         \/
+ * Designed, built, and released under an MIT license by @elotroalex and brill friends. See credits
+ * for more info.
  * Based on the Poole and Lanyon theme by @mdo. Learn more at
  * https://github.com/minicomp/ed.
- */
-
-
+*/
 
+/*
+  To apply a different color scheme to the whole scroll down to the themes section for instructions
+*/
 
-/* To apply a different color scheme to the whole scroll down to the themes section for instructions */
 
+/*
+  General
 
- /*
- * General
- *
- * Update the foundational and global aspects of the page.
- */
+  Update the foundational and global aspects of the page.
+*/
 
 * {
   -webkit-box-sizing: border-box;
@@ -55,27 +55,28 @@ body {
 }
 
 .content {
-	margin-bottom: 4rem;
+  margin-bottom: 4rem;
 }
 
+
 /*
- * Wrapper
- *
- * The wrapper is used to position site content when the sidebar is toggled. We
- * use an outter wrap to position the sidebar without interferring with the
- * regular page content.
- */
+  Wrapper
+
+  The wrapper is used to position site content when the sidebar is toggled. We use an outter wrap to
+  position the sidebar without interferring with the regular page content.
+*/
 
 .wrap {
   position: relative;
   width: 100%;
 }
 
+
 /*
- * Container
- *
- * Center the page content.
- */
+  Container
+
+  Center the page content.
+*/
 
 .container {
   max-width: 38rem;
@@ -90,27 +91,26 @@ body {
     max-width: 32rem;
   }
 }
+
 @media (min-width: 56em) {
   .container {
     max-width: 38rem;
   }
 }
 
-/* Links */
-
+/* Links*/
 a, .text-title a {
   color: $link-color;
   text-decoration: none;
 }
 
-/* `:focus` is linked to `:hover` for basic accessibility */
+/* `:focus` is linked to `:hover` for basic accessibility*/
 a:hover,
 a:focus {
   text-decoration: underline;
 }
 
-/* Headings */
-
+/* Headings*/
 h1, h2, h3, h4, h5, h6 {
   font-family: $heading-font;
   margin-bottom: .5rem;
@@ -122,42 +122,39 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-	font-size: 1.4rem;
+  font-size: 1.4rem;
 }
 
 h1.text-title {
-	font-size: 1.4rem;
+  font-size: 1.4rem;
 }
 
 h2 {
-	margin-top: 1rem;
-	font-size: 1.2rem;
+  margin-top: 1rem;
+  font-size: 1.2rem;
 }
 
 h3, h4, h5 {
-	font-size: 1rem;
+  font-size: 1rem;
 }
 
 h3 {
   margin-top: 1.5rem;
-
 }
 
 h4, h5, h6 {
   margin-top: 1rem;
 }
 
-
-/* Body text */
+/* Body text*/
 p {
   margin-top: 0;
   margin-bottom: 1rem;
 }
 
-
-/* Lists */
+/* Lists*/
 ul {
-	list-style: circle;
+  list-style: circle;
 }
 
 ul, ol {
@@ -165,9 +162,7 @@ ul, ol {
   margin-bottom: 1rem;
 }
 
-
-/* Horizontal ruler */
-
+/* Horizontal ruler*/
 hr {
   margin-top: 60px;
   position: relative;
@@ -177,23 +172,19 @@ hr {
   border-bottom: 1px solid #fff;
 }
 
-
-/* Search Highlihting */
-
+/* Search Highlihting*/
 mark {
-    color: white;
-    background-color: $link-color;
+  color: white;
+  background-color: $link-color;
 }
 
-
-/* Quotes */
-
+/* Quotes*/
 blockquote {
-	padding: 0rem 1.5rem 0rem 2rem;
-	margin: 0 0 20px 0; 
+  padding: 0rem 1.5rem 0rem 2rem;
+  margin: 0 0 20px 0;
   color: $text-color;
-	border-left: none;
-	font-style: italic;
+  border-left: none;
+  font-style: italic;
 }
 
 blockquote p:last-child {
@@ -207,21 +198,16 @@ blockquote p:last-child {
   }
 }
 
-/* 
-* To add an attribution make sure to make a 
-* line with the attribution class
-*/
-
+/* To add an attribution make sure to make a line with the attribution class*/
 li.attribution {
   text-align: right;
   list-style: none;
   padding: 0rem 1.5rem 0rem 2rem;
-  margin: 0 0 20px 0; 
+  margin: 0 0 20px 0;
   color: $text-color;
 }
 
-/* Images */
-
+/* Images*/
 img {
   display: block;
   max-width: 100%;
@@ -229,18 +215,20 @@ img {
   border-radius: 5px;
 }
 
-/* Tables */
+/* Tables*/
 table {
   margin-bottom: 1rem;
   width: 100%;
   border: 1px solid #e5e5e5;
   border-collapse: collapse;
 }
+
 td,
 th {
   padding: .25rem .5rem;
   border: 1px solid #e5e5e5;
 }
+
 tbody tr:nth-child(odd) td,
 tbody tr:nth-child(odd) th {
   background-color: #f9f9f9;
@@ -248,17 +236,16 @@ tbody tr:nth-child(odd) th {
 
 
 /*
- * Masthead
- *
- * Super small header above the content for site name and short description.
- *
- */
+  Masthead
+
+  Super small header above the content for site name and short description.
+*/
 
 .masthead {
-	margin-bottom: 3rem;
-	text-align: center;
-	padding-top: 26px;
-	padding-bottom: 1rem;
+  margin-bottom: 3rem;
+  text-align: center;
+  padding-top: 26px;
+  padding-bottom: 1rem;
   border-bottom: 1px solid #eee;
 }
 
@@ -268,8 +255,9 @@ tbody tr:nth-child(odd) th {
   color: #505050;
   line-height: .777em;
 }
+
 .masthead-title a {
-	color: $link-color;
+  color: $link-color;
 }
 
 .masthead-title small {
@@ -282,12 +270,11 @@ tbody tr:nth-child(odd) th {
 }
 
 h3.masthead-title {
-	font-family: $main-font;
-	font-size: 1.8rem;
-	margin-top: 2px;
+  font-family: $main-font;
+  font-size: 1.8rem;
+  margin-top: 2px;
 }
 
-
 @media (max-width: 48em) {
   .masthead-title {
     text-align: center;
@@ -311,8 +298,7 @@ h3.masthead-title {
   }
 }
 
-/* Page and Posts */
-
+/* Page and Posts*/
 .page {
   margin-bottom: 4em;
 }
@@ -324,21 +310,20 @@ h3.masthead-title {
 
 
 /*
- * Sidebar
- *
- * The sidebar is the drawer, the item we are toggling with our handy hamburger
- * button in the corner of the page.
- *
- * This particular sidebar implementation was inspired by Chris Coyier's
- * "Offcanvas Menu with CSS Target" article, and the checkbox variation from the
- * comments by a reader. It modifies both implementations to continue using the
- * checkbox (no change in URL means no polluted browser history), but this uses
- * `position` for the menu to avoid some potential content reflow issues.
- *
- * Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504
- */
-
-/* Style and "hide" the sidebar */
+  Sidebar
+
+  The sidebar is the drawer, the item we are toggling with our handy hamburger button in the corner
+  of the page.
+
+  This particular sidebar implementation was inspired by Chris Coyier's "Offcanvas Menu with CSS
+  Target" article, and the checkbox variation from the comments by a reader. It modifies both
+  implementations to continue using the checkbox (no change in URL means no polluted browser
+  history), but this uses `position` for the menu to avoid some potential content reflow issues.
+
+  Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504
+*/
+
+/* Style and "hide" the sidebar*/
 .sidebar {
   position: fixed;
   top: 0;
@@ -348,20 +333,20 @@ h3.masthead-title {
   visibility: hidden;
   overflow-y: auto;
   font-family: "PT Sans", Helvetica, Arial, sans-serif;
-  font-size: .875rem; /* 15px */
+  font-size: .875rem;/* 15px*/
   color: rgba(255,255,255,.6);
   background-color: #202020;
   -webkit-transition: all .3s ease-in-out;
           transition: all .3s ease-in-out;
 }
+
 @media (min-width: 30em) {
   .sidebar {
-    font-size: .75rem; /* 14px */
+    font-size: .75rem;/* 14px*/
   }
 }
 
-/* Sidebar content */
-
+/* Sidebar content*/
 .sidebar {
   background-color: $link-color;
 }
@@ -370,17 +355,20 @@ h3.masthead-title {
   font-weight: normal;
   color: #fff;
 }
+
 .sidebar-item {
   padding: 1rem;
 }
+
 .sidebar-item p:last-child {
   margin-bottom: 0;
 }
 
-/* Sidebar nav */
+/* Sidebar nav*/
 .sidebar-nav {
   border-bottom: 1px solid rgba(255,255,255,.1);
 }
+
 .sidebar-nav-item {
   display: block;
   padding: .5rem 1rem;
@@ -403,18 +391,19 @@ a.sidebar-nav-item:focus {
   .sidebar-item {
     padding: 1.5rem;
   }
+
   .sidebar-nav-item {
     padding-left:  1.5rem;
     padding-right: 1.5rem;
   }
 }
 
-/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle` */
+/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle`*/
 .sidebar-checkbox {
-    display: none;
+  display: none;
 }
 
-/* Style the `label` that we use to target the `.sidebar-checkbox` */
+/* Style the `label` that we use to target the `.sidebar-checkbox`*/
 .sidebar-toggle {
   position: absolute;
   top:  .8rem;
@@ -466,18 +455,19 @@ a.sidebar-nav-item:focus {
   }
 }
 
-/* Slide effect
- *
- * Handle the sliding effects of the sidebar and content in one spot, seperate
- * from the default styles.
- *
- * As an a heads up, we don't use `transform: translate3d()` here because when
- * mixed with `position: fixed;` for the sidebar toggle, it creates a new
- * containing block. Put simply, the fixed sidebar toggle behaves like
- * `position: absolute;` when transformed.
- *
- * Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/.
- */
+
+/*
+  Slide effect
+
+  Handle the sliding effects of the sidebar and content in one spot, seperate from the default
+  styles.
+
+  As an a heads up, we don't use `transform: translate3d()` here because when mixed with
+  `position: fixed;` for the sidebar toggle, it creates a new containing block. Put simply, the
+  fixed sidebar toggle behaves like `position: absolute;` when transformed.
+
+  Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/.
+*/
 
 .wrap,
 .sidebar,
@@ -486,6 +476,7 @@ a.sidebar-nav-item:focus {
       -ms-backface-visibility: hidden;
           backface-visibility: hidden;
 }
+
 .wrap,
 .sidebar-toggle {
   -webkit-transition: -webkit-transform .3s ease-in-out;
@@ -496,6 +487,7 @@ a.sidebar-nav-item:focus {
   z-index: 10;
   visibility: visible;
 }
+
 #sidebar-checkbox:checked ~ .sidebar,
 #sidebar-checkbox:checked ~ .wrap,
 #sidebar-checkbox:checked ~ .sidebar-toggle {
@@ -504,17 +496,19 @@ a.sidebar-nav-item:focus {
           transform: translateX(14rem);
 }
 
+
 /*
- * Reverse layout
- *
- * Flip the orientation of the page by placing the `.sidebar` and sidebar toggle
- * on the right side.
- */
+  Reverse layout
+
+  Flip the orientation of the page by placing the `.sidebar` and sidebar toggle
+  on the right side.
+*/
 
 .layout-reverse .sidebar {
   left: auto;
   right: -14rem;
 }
+
 .layout-reverse .sidebar-toggle {
   left: auto;
   right: 1rem;
@@ -530,108 +524,118 @@ a.sidebar-nav-item:focus {
 
 
 /*
- * Overlay sidebar
- *
- * Make the sidebar content overlay the viewport content instead of pushing it
- * aside when toggled.
- */
+  Overlay sidebar
+
+  Make the sidebar content overlay the viewport content instead of pushing it
+  aside when toggled.
+*/
 
 .sidebar-overlay #sidebar-checkbox:checked ~ .wrap {
   -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
           transform: translateX(0);
 }
+
 .sidebar-overlay #sidebar-checkbox:checked ~ .sidebar-toggle {
   box-shadow: 0 0 0 .25rem #fff;
 }
+
 .sidebar-overlay #sidebar-checkbox:checked ~ .sidebar {
   box-shadow: .25rem 0 .5rem rgba(0,0,0,.1);
 }
 
-/* Only one tweak for a reverse layout */
+/* Only one tweak for a reverse layout*/
 .layout-reverse.sidebar-overlay #sidebar-checkbox:checked ~ .sidebar {
   box-shadow: -.25rem 0 .5rem rgba(0,0,0,.1);
 }
 
+
 /*
- * Themes
- *
- * Applies custom color schemes by adding the appropriate class to the `body`. Based on colors from Base16: http://chriskempson.github.io/base16/#default.
- */
+  Themes
+
+  Applies custom color schemes by adding the appropriate class to the `body`. Based on colors from
+  Base16: http://chriskempson.com/projects/base16/
+*/
 
-/* Red */
+/* Red*/
 .theme-base-red .sidebar,
 .theme-base-red .sidebar-toggle:active,
 .theme-base-red #sidebar-checkbox:checked ~ .sidebar-toggle {
   background-color: #ac4142;
 }
+
 .theme-base-red .container a,
 .theme-base-red .sidebar-toggle,
 .theme-base-red .related-posts li a:hover {
   color: #ac4142;
 }
 
-/* Orange */
+/* Orange*/
 .theme-base-orange .sidebar,
 .theme-base-orange .sidebar-toggle:active {
   background-color: #d28445;
 }
+
 .theme-base-orange .container a,
 .theme-base-orange .sidebar-toggle,
 .theme-base-orange .related-posts li a:hover {
   color: #d28445;
 }
 
-
-/* Green */
+/* Green*/
 .theme-base-green .sidebar,
 .theme-base-green .sidebar-toggle:active {
   background-color: #90a959;
 }
+
 .theme-base-green .container a,
 .theme-base-green .sidebar-toggle,
 .theme-base-green .related-posts li a:hover {
   color: #90a959;
 }
 
-/* Cyan */
+/* Cyan*/
 .theme-base-cyan .sidebar,
 .theme-base-cyan .sidebar-toggle:active {
   background-color: #75b5aa;
 }
+
 .theme-base-cyan .container a,
 .theme-base-cyan .sidebar-toggle,
 .theme-base-cyan .related-posts li a:hover {
   color: #75b5aa;
 }
 
-/* Blue */
+/* Blue*/
 .theme-base-blue .sidebar,
 .theme-base-blue .sidebar-toggle:active {
   background-color: #6a9fb5;
 }
+
 .theme-base-blue .container a,
 .theme-base-blue .sidebar-toggle,
 .theme-base-blue .related-posts li a:hover {
   color: #6a9fb5;
 }
 
-/* Magenta */
+/* Magenta*/
 .theme-base-magenta .sidebar,
 .theme-base-magenta .sidebar-toggle:active {
   background-color: #aa759f;
 }
+
 .theme-base-magenta .container a,
 .theme-base-magenta .sidebar-toggle,
 .theme-base-magenta .related-posts li a:hover {
   color: #aa759f;
 }
 
-/* Brown */
+/* Brown*/
 .theme-base-brown .sidebar,
 .theme-base-brown .sidebar-toggle:active {
   background-color: #8f5536;
 }
+
 .theme-base-brown .container a,
 .theme-base-brown .sidebar-toggle,
 .theme-base-brown .related-posts li a:hover {
@@ -639,9 +643,9 @@ a.sidebar-nav-item:focus {
 }
 
 
-/*                    */
-/* ED SPECIAL LAYOUTS */
-/*                    */
+/*
+ ED SPECIAL LAYOUTS
+*/
 
 p.centered {
   text-align: center;
@@ -659,7 +663,8 @@ p.small {
   font-size: 0.8rem;
 }
 
-div.poem, div.narrative {
+div.poem,
+div.narrative {
   margin-bottom: 5rem;
 }
 
@@ -668,74 +673,81 @@ div.toc {
 }
 
 
-/* Poem styles */
+/*
+  Poem styles
 
-/* If you want your lines not to wrap on small screens, add the rule "white-space: nowrap;"; If you want you want to remove the hanging indent, reset the padding-left to 0 and erase text-indent */
+  If you want your lines not to wrap on small screens, add the rule "white-space: nowrap;"; If you
+  want you want to remove the hanging indent, reset the padding-left to 0 and erase text-indent
+*/
 
-.poetry ul, ul.poetry {
-	list-style: none;
-	list-style-type: none;
-	padding-left: 1rem;
-	text-indent: -1rem;
+.poetry ul,
+ul.poetry {
+  list-style: none;
+  list-style-type: none;
+  padding-left: 1rem;
+  text-indent: -1rem;
 }
 
 
-/* This snippet helps us reset the margin for all spans with the indent- class */
-
+/* This snippet helps us reset the margin for all spans with the indent- class*/
 .poetry span[class^='indent-']{
-    margin: 0; /* reset browsers default margin styles*/
+  margin: 0;/* reset browsers default margin styles*/
 }
 
-/* To set line indentation for poetry wrap the line in a span, with a class="indent-x" attribute. The x is represents an rem (root em) value */
+
+/*
+  To set line indentation for poetry wrap the line in a span, with a class="indent-x" attribute.
+  The x is represents an rem (root em) value
+*/
 
 .indent-1 {
-	font-style: normal;
-	padding-left: 1rem;
+  font-style: normal;
+  padding-left: 1rem;
 }
 
 .indent-2 {
-	font-style: normal;
-	padding-left: 2rem;
+  font-style: normal;
+  padding-left: 2rem;
 }
 
 .indent-3 {
-	font-style: normal;
-	padding-left: 3rem;
+  font-style: normal;
+  padding-left: 3rem;
 }
 
 .indent-4 {
-	font-style: normal;
-	padding-left: 4rem;
+  font-style: normal;
+  padding-left: 4rem;
 }
 
 .indent-5 {
-	font-style: normal;
-	padding-left: 5rem;
+  font-style: normal;
+  padding-left: 5rem;
 }
 
 .indent-6 {
-	font-style: normal;
-	padding-left: 6rem;
+  font-style: normal;
+  padding-left: 6rem;
 }
 
 .indent-7 {
-	font-style: normal;
-	padding-left: 7rem;
+  font-style: normal;
+  padding-left: 7rem;
 }
 
 .indent-8 {
-	font-style: normal;
-	padding-left: 8rem;
+  font-style: normal;
+  padding-left: 8rem;
 }
 
 .indent-9 {
-	font-style: normal;
-	padding-left: 9rem;
+  font-style: normal;
+  padding-left: 9rem;
 }
 
 .indent-10 {
-	font-style: normal;
-	padding-left: 10rem;
+  font-style: normal;
+  padding-left: 10rem;
 }
 
 .poetry .byline {
@@ -745,10 +757,9 @@ div.toc {
   margin-top: -.5rem;
 }
 
-
-/* Footnotes styles */
-
-sub, sup {
+/* Footnotes styles*/
+sub,
+sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
@@ -760,64 +771,61 @@ sup {
 }
 
 .footnotes {
-	line-height: 1.2rem;
-	font-size: 0.9rem;
-	letter-spacing: .01rem;
+  line-height: 1.2rem;
+  font-size: 0.9rem;
+  letter-spacing: .01rem;
 }
 
 .footnotes .foot-block {
-	display: inline-block;
-	padding: 0 4rem 0 2rem;
-	margin-bottom: .8rem;
-	font-style: italic;
+  display: inline-block;
+  padding: 0 4rem 0 2rem;
+  margin-bottom: .8rem;
+  font-style: italic;
 }
 
 a.footnote {
-	padding-left: .1rem;
-	font-size: .66rem;
+  padding-left: .1rem;
+  font-size: .66rem;
 }
 
 /*Bibliography styles*/
-
 ol.bibliography {
-	list-style-type:none;
-	padding-left: 1rem;
-	text-indent: -1rem;
+  list-style-type:none;
+  padding-left: 1rem;
+  text-indent: -1rem;
 }
 
-/* Diplomatic editions */
-
-
+/* Diplomatic editions*/
 .add {
-    color:#288828;
-    font-style: italic;
+  color:#288828;
+  font-style: italic;
 }
 
 .delete {
-    text-decoration: line-through;
-    color: #AA3232;
+  text-decoration: line-through;
+  color: #AA3232;
 }
 
 .underline {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 
 
-/* Line layouts for prose-poetry and theater 
-*
-* To use these layouts you need to add the classes to 
-* your markdown or HTML lines. (ex. "- {:.centered} hello!")
-*
-*/
+/*
+  Line layouts for prose-poetry and theater
 
+  To use these layouts you need to add the classes to your markdown or HTML lines.
+  (ex. "- {:.centered} hello!")
+*/
 
 li.centered {
-    text-align: center;
+  text-align: center;
 }
 
-li.speaker, li.speakerGroup {
-    text-align: center;
-    padding-top: 1.2em;
+li.speaker,
+li.speakerGroup {
+  text-align: center;
+  padding-top: 1.2em;
 }
 
 li.speakerGroup {
@@ -828,11 +836,11 @@ li.attribution {
   text-align: right;
   list-style: none;
   padding: 0rem 1.5rem 0rem 2rem;
-  margin: 0 0 20px 0; 
+  margin: 0 0 20px 0;
   color: #454545;
 }
 
-li.prose { 
+li.prose {
   list-style-position: inside;
   margin-left: -1em;
   text-indent: 0;
@@ -841,6 +849,3 @@ li.prose {
 li.prose-indent {
   text-indent: 2rem;
 }
-
-
-