Updates for v1.2.0

Gemfile

@@ -4,4 +4,5 @@ gem "jekyll"
 gem "jekyll-gist"
 gem "jekyll-paginate"
 gem "jekyll-seo-tag"
+gem 'jekyll-target-blank'
 gem 'wdm', '>= 0.1.0' if Gem.win_platform?

Gemfile.lock

@@ -40,6 +40,9 @@ GEM
       sassc (> 2.0.1, < 3.0)
     jekyll-seo-tag (2.6.1)
       jekyll (>= 3.3, < 5.0)
+    jekyll-target-blank (2.0.0)
+      jekyll (>= 3.0, < 5.0)
+      nokogiri (~> 1.10)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
     kramdown (2.1.0)
@@ -50,7 +53,10 @@ GEM
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.3.6)
+    mini_portile2 (2.4.0)
     multipart-post (2.1.1)
+    nokogiri (1.10.7-x64-mingw32)
+      mini_portile2 (~> 2.4.0)
     octokit (4.15.0)
       faraday (>= 0.9)
       sawyer (~> 0.8.0, >= 0.5.3)
@@ -83,6 +89,7 @@ DEPENDENCIES
   jekyll-gist
   jekyll-paginate
   jekyll-seo-tag
+  jekyll-target-blank
   wdm (>= 0.1.0)
 
 BUNDLED WITH

_config.yml

@@ -14,6 +14,7 @@ plugins:
   - jekyll-gist
   - jekyll-paginate
   - jekyll-seo-tag
+  - jekyll-target-blank
 
 # Optimize Jekyll
 exclude:

_layouts/page.html

@@ -3,6 +3,6 @@
 ---
 
 <article class="page">
-  <h1 class="page-title">{{ page.title }}</h1>
+  <h1 class="page-title">{{ page.title | smartify }}</h1>
   {{ content | smartify }}
 </article>

_layouts/post.html

@@ -3,14 +3,29 @@
 ---
 
 <article class="post">
-  <h1 class="post-title">{{ page.title | smartify }}</h1>
+<h1 class="post-title">{% if page.link %}
+<h1 class="post-title"><a href="{{ page.link }}">
+  {{ page.title | smartify }} <span class="link-arrow">&rarr;</span></a>
+</h1>
+  {% else %}
+<h1 class="post-title">{{ page.title | smartify }}</h1>
+  {% endif %}</h1>
   <time datetime="{{ page.date | date_to_xmlschema }}" class="post-date">{{ page.date | date_to_string }}</time>
   {{ content | smartify }}
 </article>
 
+<div class="PageNavigation">
+  {% if page.previous.url %}
+    <a class="prev" href="{{page.previous.url}}">← Previous</a>
+  {% endif %}
+  {% if page.next.url %}
+    <a class="next" href="{{page.next.url}}">Next →</a>
+  {% endif %}
+</div>
+
 {% if site.related_posts != empty %}
 <aside class="related">
-  <h3>Related posts</h3>
+  <h3>Related Posts</h3>
   <ul class="related-posts">
     {% for post in site.related_posts limit:3 %}
       <li>

_posts/2020-01-20-release-v-1-2-0.md

@@ -0,0 +1,80 @@
+---
+layout: post
+title: "Release: v1.2.0"
+date: 2020-01-20 12:30:45
+link: https://github.com/essentialenemy/noir
+---
+
+I have been steadily working on Noir the past three weeks and still have quite a bit I want to accomplish. Here is what has changed so far in this latest release:
+
+#### CHANGELOG
+
+<span class="fixed">FIXED</span> component sizing is now consistent throughout the entire theme
+
+<span class="fixed">FIXED</span> smart quotes will now properly display on paginated blog posts
+
+<span class="fixed">FIXED</span> line spacing issues caused by inline footnote references
+
+<span class="fixed">FIXED</span> alignment and white space issues with code blocks
+
+<span class="improved">IMPROVED</span> the overall cohesiveness of the theme's style
+
+<span class="improved">IMPROVED</span> the ability for novice programmers to very quickly change the entire
+color scheme of the theme for light and dark modes.
+
+<span class="improved">IMPROVED</span> cleaned up various loose ends to improve Jekyll build time
+
+<span class="improved">IMPROVED</span> external links now open in a new tab/window
+
+<span class="improved">IMPROVED</span> the styling of inline footnote references
+
+<span class="improved">IMPROVED</span> the styling of syntax highlighting
+
+<span class="improved">IMPROVED</span> the presentation of code blocks
+
+<span class="improved">IMPROVED</span> increased the number of default message boxes that are defined and styled them with inspiration from the original rainbow Apple logo:
+
+<p class="green"><span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span><small><b>Success!</b> This is a sentence inside of a message box.</small></p>
+<p class="yellow"><span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span><small><b>Caution!</b> This is a sentence inside of a message box.</small></p>
+<p class="orange"><span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span><small><b>Warning!</b> This is a sentence inside of a message box.</small></p>
+<p class="red"><span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span><small><b>Danger!</b> This is a sentence inside of a message box.</small></p>
+<p class="purple"><span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span><small><b>Please Note:</b> This is a sentence inside of a message box.</small></p>
+<p class="blue"><span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span><small><b>Information:</b> This is a sentence inside of a message box.</small></p>
+
+<span class="added">ADDED</span> button labels! which I am using right now to present the changes
+in this update.
+
+<span class="added">ADDED</span> created a ::before element to headers, styled to mimic many popular Markdown editors and which can be easily customized by you
+
+<span class="added">ADDED</span> linked style posts! Clicking the title of the post takes the visitor to
+the source being linked to, adds an arrow at the end of the post title to indicate
+that it is an external link and also adds a permalink underneath the post date so
+that you are still able to direct visitors to your site first if desired. 
+
+*(This post is an example, it links to the theme's GitHub repo)
+
+To create a link post you simply add an additional line to the post front matter
+with the external link source:
+
+{% highlight yaml %}
+link: https://noir.essentialenemy.com/
+{% endhighlight %}
+
+<span class="added">ADDED</span> code blocks now display the language name (^ see it?)
+
+<span class="added">ADDED</span> per post navigation in the form of 'previous' and 'next' links, found at 
+the bottom of post content
+
+<span class="removed">REMOVED</span> the `span` classes for message boxes: warning, info, success and danger have all been depricated in the move to additional, newer ones
+
+<span class="soon">COMING SOON</span> per-post author bio
+
+<span class="soon">COMING SOON</span> built-in category and tags support
+
+<span class="soon">COMING SOON</span> built-in html/css compression (minification)
+
+<span class="soon">COMING SOON</span> built-in navigation area for pages/categories/tags/links
+
+Noir is developed using and hosted with GitHub. You can head on over to the [GitHub repository]({{ site.github.repo }}) to download it, report any bugs, and to request features.
+
+This theme is a constant work in progress. If you have any issues, questions or suggestions please send them [my way](https://github.com/essentialenemy)...and thank you for your interest in Noir!

_sass/_base.scss

@@ -1,6 +1,4 @@
-// Body resets
-//
-// Update the foundational and global aspects of the page.
+// Body
 
 * {
   -webkit-box-sizing: border-box;
@@ -38,18 +36,27 @@ body {
 
 // No `:visited` state is required by default (browsers will use `a`)
 a {
-  color: $link-color;
+  color: $light;
   text-decoration: none;
 
   // `:focus` is linked to `:hover` for basic accessibility
   &:hover,
   &:focus {
-    text-decoration: underline;
+    text-decoration: none;
+	color: $light;
+
+	@media (prefers-color-scheme: dark) {
+    color: $dark;
+    }
   }
 
   strong {
     color: inherit;
   }
+
+@media (prefers-color-scheme: dark) {
+  color: $dark;
+  }
 }
 
 img {
@@ -63,17 +70,21 @@ table {
   margin-bottom: 1rem;
   width: 100%;
   font-size: 85%;
-  border: 1px solid $border-color;
+  border: 1px solid #d4d4d4;
   border-collapse: collapse;
+
+@media (prefers-color-scheme: dark) {
+  border: 1px solid #555555;
+  }
 }
 
 td,
 th {
   padding: .25rem .5rem;
-  border: 1px solid $border-color;
+  border: 1px solid #d4d4d4;
 
 @media (prefers-color-scheme: dark) {
-  border: 1px solid $gray-9;
+  border: 1px solid #555555;
   }
 }
 
@@ -83,7 +94,7 @@ th {
 
 tbody tr:nth-child(odd) td,
 tbody tr:nth-child(odd) th {
-  background-color: $gray-1;
+  background-color: #eee;
 
 @media (prefers-color-scheme: dark) {
   background-color: #2d2d2d;

_sass/_buttons.scss

@@ -0,0 +1,56 @@
+// Buttons
+
+.added {
+    background: #6a28e8;
+    color: #fff;
+    text-align: center;
+	font-variant: small-caps;
+	font-weight: bold;
+    padding: 1px 8px 3px;
+    margin: 0 3px 3px 0;
+    border-radius: 6px;
+}
+
+.improved {
+    background: #0c83e1;
+    color: #fff;
+    text-align: center;
+	font-variant: small-caps;
+	font-weight: bold;
+    padding: 1px 8px 3px;
+    margin: 0 3px 3px 0;
+    border-radius: 6px;
+}
+
+.fixed {
+    background: #00d486;
+    color: #fff;
+    text-align: center;
+	font-variant: small-caps;
+	font-weight: bold;
+    padding: 1px 8px 3px;
+    margin: 0 3px 3px 0;
+    border-radius: 6px;
+}
+
+.soon {
+    background: #ff6600;
+    color: #fff;
+    text-align: center;
+	font-variant: small-caps;
+	font-weight: bold;
+    padding: 1px 8px 3px;
+    margin: 0 3px 3px 0;
+    border-radius: 6px;
+}
+
+.removed {
+    background: #ff0000;
+    color: #fff;
+    text-align: center;
+	font-variant: small-caps;
+	font-weight: bold;
+    padding: 1px 8px 3px;
+    margin: 0 3px 3px 0;
+    border-radius: 6px;
+}