Theme tweaks, README tweaks, style tweaks.

groundh0g · Nov 17, 2018 · 2a74a11 · 2a74a11
1 parent d93b3fd
commit 2a74a11
Show file tree

Hide file tree

Showing 3 changed files with 146 additions and 23 deletions.
diff --git a/README.md b/README.md
@@ -15,18 +15,18 @@ The [Jekyll](https://jekyllrb.com/) plumbing has been added to wrap the `manuscr
 
 ## Techie Tweaks
 
-Leanpub-jekyll adds the following pages / features to your manuscript project in Github:
+Leanpub-jekyll adds the following pages and features to your manuscript project in Github:
 
 * The `/index.md` file to generates the landing page for your site.
-* The `manuscript/book-manuscript.md` file to stitches the book's chapters together into a single web page.
+* The `/book-manuscript.md` file to stitches the book's chapters together into a single web page.
 * I renamed the chapter files from `*.txt` to `*.md` and updated the references to same within the `Book.txt` file.
 * I added YAML headers to each chapter. These help the site display separate chapters as separate web pages (e.g. when navigating via search), and that header should be safely ignored by the Leanpub publishing process.
 * I added a fourth chapter with "lorem ipsum" text as a placeholder to help showcase the statistics page (at `/book-statistics.md`). The content of the chapter files doesn't matter. You'll replace all four chapters with your own text, and add new chapters after that.
-* I created a bogus, completely unrelated, book cover to show alongside the synopsis (in `/book-synopsis.md`). Consider it a placeholder for you to swap out with your own cover.
+* I created a bogus, completely unrelated, book cover (at `/manuscript/images/cover.png`) to show alongside the synopsis (in `/book-synopsis.md`). Consider it a placeholder for you to swap out with your own cover.
 
 ## Blogging
 
-This is a standard Jekyll site. Blog posts are created a separate files in the `_posts` folder. For more information on creating blog posts in Jekyll, see the [official documentation](https://jekyllrb.com/docs/posts/), or check out the example posts that come with this project.
+This is a standard Jekyll site. Blog posts are created as separate files in the `_posts` folder. For more information on creating blog posts in Jekyll, see the [official documentation](https://jekyllrb.com/docs/posts/), or check out the example posts that come with this project.
 
 ## Configuration - Jekyll
 

diff --git a/assets/style/custom/main.scss b/assets/style/custom/main.scss
@@ -1,22 +1,146 @@
 ---
 ---
 
-/* Some vars */
-$background-color: hsl(50, 5, 97);
-$black: hsl(200, 40, 10);
-$white: $background-color;
-//$base-font-size: 2.4em;
-//$base-line-height: 1.5em;
-$base-font-size: 1.0em;
-$base-line-height: 1.2em;
+$body-padding-top: 90px;
+$quote-background-color: inherit;
+$quote-color: inherit;
+
+{% include read-config.liquid %}
+{% case config.customize.theme %}
+
+{% when 'cerulean' %}
+
+$status-color: #888;
+$status-color-active: #88f;
+
+{% when 'cosmo' %}
+
+$status-color: #888;
+$status-color-active: #88f;
+
+{% when 'cyborg' %}
+
+$status-color: #888;
+$status-color-active: #29d;
+
+{% when 'darkly' %}
+
+$status-color: #888;
+$status-color-active: #0b8;
+
+{% when 'flatly' %}
+
+$status-color: #bbb;
+$status-color-active: #88f;
+
+{% when 'journal' %}
+
+$status-color: #bbb;
+$status-color-active: #e66;
+
+{% when 'litera' %}
+
+$status-color: #888;
+$status-color-active: #88f;
+
+{% when 'lumen' %}
+
+$status-color: #888;
+$status-color-active: #88f;
+
+{% when 'lux' %}
+
+$status-color: #ccc;
+$status-color-active: #000;
+$body-padding-top: 120px;
+
+{% when 'materia' %}
+
+$status-color: #ccc;
+$status-color-active: #29f;
+$body-padding-top: 110px;
+
+{% when 'minty' %}
+
+$status-color: #ccc;
+$status-color-active: #7ca;
+
+{% when 'pulse' %}
+
+$status-color: #ccc;
+$status-color-active: #539;
+
+{% when 'sandstone' %}
+
+$status-color: #ccc;
+$status-color-active: #9c4;
+
+{% when 'simplex' %}
+
+$status-color: #ccc;
+$status-color-active: #d20;
+
+{% when 'sketchy' %}
+
+$status-color: #ccc;
+$status-color-active: #29f;
+
+{% when 'slate' %}
+
+$status-color: #888;
+$status-color-active: #fff;
+
+{% when 'solar' %}
+
+$status-color: inherit;
+$status-color-active: #2a9;
+
+{% when 'spacelab' %}
+
+$status-color: #ccc;
+$status-color-active: #29f;
+
+{% when 'superhero' %}
+
+$status-color: #ccc;
+$status-color-active: #d61;
+
+{% when 'united' %}
+
+$status-color: #ccc;
+$status-color-active: #e52;
+
+{% when 'yeti' %}
+
+$status-color: #ccc;
+$status-color-active: #29f;
+
+{% else %} // default
+
+$status-color: #888;
+$status-color-active: #88f;
+
+{% endcase %}
+
+
+.status {
+  color: $status-color;
+}
+
+.status-active {
+  color: $status-color-active;
+}
+
+body {
+  padding-top: $body-padding-top !important;
+}
+
 
 blockquote {
   position: relative;
   padding-left: 1em;
-  border-left: 0.2em solid lighten($black, 40%);
-  //font-family: 'Roboto', serif;
-  //font-size: $base-font-size;
-  line-height: $base-line-height;
+  border-left: 0.2em solid $status-color-active;
+  line-height: 1.2em;
   //font-weight: 100;
   //&:before, &:after {
   //  content: '\201C';
@@ -30,5 +154,4 @@ blockquote {
 
 blockquote strong {
   font-weight: bolder;
-  //color: red;
 }
diff --git a/book-statistics-chart.incl b/book-statistics-chart.incl
@@ -45,12 +45,12 @@
   <td><a href="{{ site.baseurl }}/{{ page.path | replace: '.md', '.html' }}">{{ pageFullTitle }}&nbsp;</a></td>
   <td>&nbsp;</td>
   <td style="text-align:right;">&nbsp;{{ newCount }} words&nbsp;</td>
-  <td>&nbsp;
-    <i title="stub - no content" class="fa fa-thumb-tack" {% if page.status != 'stub' %}style="color:#ccc;"{% else %}style="color:#44f; cursor:default;"{% endif %}></i>
-    <i title="placeholder - limited content" class="fa fa-file-o" {% if page.status != 'placeholder' %}style="color:#ccc;"{% else %}style="color:#44f; cursor:default;"{% endif %}></i>
-    <i title="draft - almost there" class="fa fa-file-text-o" {% if page.status != 'draft' %}style="color:#ccc;"{% else %}style="color:#44f; cursor:default;"{% endif %}></i>
-    <i title="edit - ready for edit" class="fa fa-pencil" {% if page.status != 'edit' %}style="color:#ccc;"{% else %}style="color:#44f; cursor:default;"{% endif %}></i>
-    <i title="done - ready for print" class="fa fa-check" {% if page.status != 'done' %}style="color:#ccc;"{% else %}style="color:#44f; cursor:default;"{% endif %}></i>&nbsp;&nbsp;</td>
+  <td class="status">&nbsp;
+    <i title="stub - no content" class="fa fa-thumb-tack {% if page.status == 'stub' %}status-active{% endif %}"></i>
+    <i title="placeholder - limited content" class="fa fa-file-o {% if page.status == 'placeholder' %}status-active{% endif %}"></i>
+    <i title="draft - almost there" class="fa fa-file-text-o {% if page.status == 'draft' %}status-active{% endif %}"></i>
+    <i title="edit - ready for edit" class="fa fa-pencil {% if page.status == 'edit' %}status-active{% endif %}"></i>
+    <i title="done - ready for print" class="fa fa-check {% if page.status == 'done' %}status-active{% endif %}"></i>&nbsp;&nbsp;</td>
   <td style="text-align:right; {% if twoWeekReview != true %}color:#bbb;{% endif %} {% if threeDayReview == true %}font-weight:bold;{% endif %}">&nbsp;{{ page.lastReviewedOn | date: '%B %d, %Y' }}</td>
 </tr>