ed. 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: aa62f1b302ccc6ba845091ae64e8ae604f45a4fc
-  data.tar.gz: c0efd3b2a5c5a43a1a6173f9556a7bcdcca8f787
+  metadata.gz: 78048831d357934b0a664c4f49e35008d9ce7c49
+  data.tar.gz: 987819bc6c83786bc9706f4d7deac28bdfff9064
 SHA512:
-  metadata.gz: 922620013dc8d2f96e94653146bb532273c8e0cec5c219ca000d7b5cfd8b4fcb3952ab92e80a19259627a05f096ba805ff07730af6abb6639d0b9ee8926bfcae
-  data.tar.gz: d4bafb5cb6faa206cb1df60a2c1715b544486d353cae9341a3b56ddba99dbc054cee4022666a2b971387195fcb1972f96312324f29aa88eeaa617881c7c3e0af
+  metadata.gz: ac8180456fa0316f4b37877602efa43ace80340261945bd0fecce51c64aa879ae64cf1df78a8fb7ef242f9a02534b3328f1bea6915146f683758ddc07c1825e2
+  data.tar.gz: a8fa3313e4da12ab36240df696807378d5f58af257d5610c2d66dfeada490fca0095bcdd47db34755ccef9b27b200c5f21588283ff3467c73e4f412384699abe

data/Gemfile

@@ -0,0 +1,2 @@
+source "https://rubygems.org"
+gemspec

data/_includes/sidebar.html

@@ -28,7 +28,7 @@
     <!-- The code below is used for manually entered links  -->
 
 
-    <a class="sidebar-nav-item" href="https://cemmento.org/{{ site.url }}{{ site.baseurl }}{{page.url}}/" data-proofer-ignore>Annotate me</a>
+    <a class="sidebar-nav-item" href="https://via.hypothes.is/{{ site.url }}{{ site.baseurl }}{{page.url}}/" data-proofer-ignore>Annotate me</a>
 
     <a class="sidebar-nav-item" href="https://github.com/elotroalex/ed" target="_blank">GitHub project</a>
   </nav>

data/_layouts/drama.html

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

data/_layouts/narrative.html

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

data/_layouts/poem.html

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

data/_layouts/post.html

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

data/_sass/_ed.scss

@@ -5,12 +5,32 @@
  *  |        \ |    `   \
  * /_______  //_______  /
  *         \/         \/ 
- * Designed, built, and released under an MIT license by @elotroalex.
+ * 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/elotroalex/ed.
  */
 
 
+ /*
+ * Common Variables
+ *
+ * Feel free to change!
+ *
+ */
+
+$main-font: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+
+$heading-font: sans-serif;
+$heading-color: #404040;
+
+$text-color: #454545;
+$regular-font-size: 20px;
+
+$link-color: #841212;
+
+/* To apply a different color scheme to the whole scroll down to the themes section for instructions */
+
+
  /*
  * General
  *
@@ -31,19 +51,19 @@ body {
 }
 
 html {
-  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+  font-family: $main-font;
   font-size: 16px;
   line-height: 1.5;
 }
 
 @media (min-width: 38em) {
   html {
-    font-size: 20px;
+    font-size: $regular-font-size;
   }
 }
 
 body {
-  color: #454545;
+  color: $text-color;
   background-color: #fff;
   -webkit-text-size-adjust: 100%;
       -ms-text-size-adjust: 100%;
@@ -91,17 +111,13 @@ body {
   }
 }
 
-/* links */
+/* Links */
 
-a, .post-title a {
-  color: #841212;
+a, .text-title a {
+  color: $link-color;
   text-decoration: none;
 }
 
-a strong {
-  color: inherit;
-}
-
 /* `:focus` is linked to `:hover` for basic accessibility */
 a:hover,
 a:focus {
@@ -111,11 +127,10 @@ a:focus {
 /* Headings */
 
 h1, h2, h3, h4, h5, h6 {
-  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+  font-family: $heading-font;
   margin-bottom: .5rem;
-  font-weight: 400; 
-  font-size: 1.5rem;
-  color: #404040;
+  font-weight: 300;
+  color: $heading-color;
   letter-spacing: -.025rem;
   line-height: 1.25;
   text-rendering: optimizeLegibility;
@@ -125,7 +140,7 @@ h1 {
 	font-size: 1.4rem;
 }
 
-h1.post-title {
+h1.text-title {
 	font-size: 1.4rem;
 }
 
@@ -147,35 +162,26 @@ h4, h5, h6 {
   margin-top: 1rem;
 }
 
+
 /* Body text */
 p {
   margin-top: 0;
   margin-bottom: 1rem;
 }
 
-strong {
-  color: #303030;
-}
-
 
 /* Lists */
 ul {
 	list-style: circle;
 }
 
-ul, ol, dl {
+ul, ol {
   margin-top: 0;
   margin-bottom: 1rem;
 }
 
-dt {
-  font-weight: bold;
-}
-dd {
-  margin-bottom: .5rem;
-}
 
-/* Misc */
+/* Horizontal ruler */
 
 hr {
   margin-top: 60px;
@@ -186,30 +192,21 @@ hr {
   border-bottom: 1px solid #fff;
 }
 
-abbr {
-  font-size: 85%;
-  font-weight: bold;
-  color: #555;
-  text-transform: uppercase;
-}
-abbr[title] {
-  cursor: help;
-  border-bottom: 1px dotted #e5e5e5;
-}
 
 /* Search Highlihting */
 
 mark {
     color: white;
-    background-color: #841212;
+    background-color: $link-color;
 }
 
+
 /* Quotes */
 
 blockquote {
 	padding: 0rem 1.5rem 0rem 2rem;
 	margin: 0 0 20px 0; 
-  	color: #454545;
+  color: $text-color;
 	border-left: none;
 	font-style: italic;
 }
@@ -225,7 +222,18 @@ blockquote p:last-child {
   }
 }
 
+/* 
+* 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; 
+  color: $text-color;
+}
 
 /* Images */
 
@@ -253,43 +261,19 @@ tbody tr:nth-child(odd) th {
   background-color: #f9f9f9;
 }
 
-/*
- * Custom type
- *
- * Extend paragraphs with `.lead` for larger introductory text.
- */
-
-.lead {
-  font-size: 1.25rem;
-  font-weight: 300;
-}
-
-
-/*
- * Messages
- *
- * Show alert messages to users. You may add it to single elements like a `<p>`,
- * or to a parent if there are multiple elements to show.
- */
-
-.message {
-  margin-bottom: 1rem;
-  padding: 1rem;
-  color: #717171;
-  background-color: #f9f9f9;
-}
 
 /*
  * Masthead
  *
  * Super small header above the content for site name and short description.
+ *
  */
 
 .masthead {
 	margin-bottom: 3rem;
 	text-align: center;
-	padding-top: .8rem;
-	padding-bottom: .8rem;
+	padding-top: 26px;
+	padding-bottom: 1rem;
   border-bottom: 1px solid #eee;
 }
 
@@ -297,22 +281,23 @@ tbody tr:nth-child(odd) th {
   margin-top: 0;
   margin-bottom: 0;
   color: #505050;
-  line-height: 1.5rem;
+  line-height: .777em;
 }
 .masthead-title a {
-	color: #841212;
+	color: $link-color;
 }
 
 .masthead-title small {
-  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
-  font-size: 1rem;
-  font-weight: 400;
-  color: #c0c0c0;
-  letter-spacing: 0;
+  font-family: $main-font;
+  font-size: .88rem;
+  font-weight: 300;
+  color: $text-color;
+  letter-spacing: .05rem;
+  font-family: $heading-font;
 }
 
 h3.masthead-title {
-	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
+	font-family: $main-font;
 	font-size: 1.8rem;
 	margin-top: 2px;
 }
@@ -322,9 +307,23 @@ h3.masthead-title {
   .masthead-title {
     text-align: center;
   }
+
   .masthead-title small {
     display: none;
   }
+
+  h3.masthead-title {
+  margin-left: 15%;
+  margin-right: 15%;
+  }
+}
+
+@media (max-width: 320px) {
+  h3.masthead-title {
+  margin-top: 2em;
+  margin-left: 0%;
+  margin-right: 0%;
+  }
 }
 
 /* Page and Posts */
@@ -334,7 +333,7 @@ h3.masthead-title {
 }
 
 .page-title {
-  color: #404040;
+  color: $heading-color;
   margin-top: 0;
 }
 
@@ -379,7 +378,7 @@ h3.masthead-title {
 /* Sidebar content */
 
 .sidebar {
-  background-color: #841212;
+  background-color: $link-color;
 }
 
 .sidebar a {
@@ -766,22 +765,25 @@ div.toc {
 	padding-left: 10rem;
 }
 
-.poetry .citation {
-	font-style: italic;
-	font-size: .9rem;
-	color: gray;
+.poetry .byline {
+  font-style: italic;
+  font-weight: 300;
+  letter-spacing: 0;
+  margin-top: -.5rem;
 }
 
+
 /* Footnotes styles */
 
-sup, sub {
-   vertical-align: baseline;
-   position: relative;
-   top: -0.4em;
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
 }
 
-sub { 
-  top: 0.4em; 
+sup {
+  top: -0.5em;
 }
 
 .footnotes {
@@ -810,5 +812,60 @@ ol.bibliography {
 	text-indent: -1rem;
 }
 
+/* Diplomatic editions */
+
+
+.add {
+    color:#288828;
+    font-style: italic;
+}
+
+.delete {
+    text-decoration: line-through;
+    color: #AA3232;
+}
 
+.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!")
+*
+*/
+
+
+li.centered {
+    text-align: center;
+}
+
+li.speaker, li.speakerGroup {
+    text-align: center;
+    padding-top: 1.2em;
+}
+
+li.speakerGroup {
+  margin-bottom: -1.6em;
+}
+
+li.attribution {
+  text-align: right;
+  list-style: none;
+  padding: 0rem 1.5rem 0rem 2rem;
+  margin: 0 0 20px 0; 
+  color: #454545;
+}
+
+li.prose { 
+  list-style-position: inside;
+  margin-left: -1em;
+  text-indent: 0;
+}
+
+li.prose-indent {
+  text-indent: 2rem;
+}