Redesigned blog to mirror business site

- DJS Consulting becomes Bit Badger Solutions
- DJS Consulting Tech Blog becomes The Bit Badger Blog

themes/bit-badger/layout/_partial/footer.pug

@@ -0,0 +1,9 @@
+footer
+  span.
+    A production of #[a(href='https://bitbadger.solutions' title='Bit Badger Solutions') Bit Badger Solutions]
+  span.
+    Generated by #[a(href='//hexo.io' title='Hexo') Hexo]
+  span.
+    Served by #[a(href='//www.nginx.com' title='nginx') nginx]
+  span.
+    Secured by #[a(href='https://letsencrypt.org' title!='Let’s Encrypt') Let’s Encrypt]

themes/bit-badger/layout/_partial/header.pug

@@ -0,0 +1,17 @@
+header
+  .header-logo
+    a(href='/')
+      img(src='/img/bitbadger.png'
+          alt='A cartoon badger looking at a computer screen, with his paw on a mouse'
+          title='Bit Badger Solutions')
+  .header-title: a(href='/') The Bit Badger Blog
+  .header-spacer  
+  .header-social
+    a(href='/feed.xml' title='Subscribe to The Bit Badger Blog via RSS')
+      img(src='/img/rss.png' alt='RSS')
+    |    
+    a(href='https://twitter.com/DJS_Consulting' title='DJS_Consulting on Twitter')
+      img(src='/img/twitter.png' alt='Twitter' )
+    |    
+    a(href='https://www.facebook.com/pages/DJS-Consulting/262368048575' title='DJS Consulting on Facebook')
+      img(src='/img/facebook.png' alt='Facebook')

themes/bit-badger/layout/_partial/post-tags.pug

@@ -0,0 +1,9 @@
+- var it = post || page
+if it.tags && it.tags.length > 0
+  small
+    = 'Tagged '
+    - var tags = it.tags.toArray().sort((a, b) => a.name < b.name ? -1 : a.name > b.name ? 1 : 0)
+    for tag in tags
+      a(href=url_for(tag.path) title='Posts tagged "' + tag.name + '"' rel='tag')= tag.name
+      if tags.indexOf(tag) < (tags.length - 1)
+        = ', '

themes/bit-badger/layout/_partial/sidebar.pug

@@ -0,0 +1,7 @@
+.blog-sidebar
+  div
+    .sidebar-head Linux Resources
+    ul: li: a(href='/linux') Browse Resources
+  div
+    .sidebar-head Categories
+    != list_categories({ class: 'cat' })

themes/bit-badger/layout/base.pug

@@ -0,0 +1,9 @@
+doctype html
+html(lang=config.language)
+  include _partial/head.pug
+  body
+    include _partial/header.pug
+    .content-wrapper
+      #content(role='main'): block content
+      include _partial/sidebar.pug
+    include _partial/footer.pug

themes/bit-badger/layout/index.pug

@@ -0,0 +1,53 @@
+extends base
+
+block title
+  if page.category
+    = page.category
+    != ' « '
+    = config.title
+  else
+    if page.tag
+      != '“'
+      = page.tag
+      != '” Tag « '
+      = config.title
+    else
+      if config.subtitle
+        = config.title + ' | ' + config.subtitle
+      else
+        = config.title
+
+block content
+  if page.tag || page.category
+    h1
+      if page.category
+        | Posts categorized “
+        = page.category
+        | ”
+      else
+        | Posts tagged “
+        = page.tag
+        | ”
+    hr.home-break
+  for post in page.posts.toArray()
+    article.auto
+      div
+        h1.home-title.
+          #[small.home-lead= post.date.format('MMMM D, YYYY')]#[br]
+            #[a(href=url_for(post.path) title='Permalink to ' + post.title)!= post.title]
+      .entry-content!= post.content
+      small
+        = 'Categorized under '
+        include _partial/post-categories.pug
+        br
+      include _partial/post-tags.pug
+    br
+    hr.home-break
+
+  .bottom-nav(role='navigation')
+    .nav-previous
+      if page.prev
+        a(href=url_for(page.prev_link)) « Newer Posts
+    .nav-next
+      if page.next
+        a(href=url_for(page.next_link)) Older Posts »

themes/bit-badger/layout/page.pug

@@ -6,6 +6,6 @@ block title
   = config.title
 
 block content
-  .post.single.hentry
+  article.auto
     h1.entry-title= page.title
     .entry-content!= page.content

themes/bit-badger/layout/post.pug

@@ -6,30 +6,27 @@ block title
   = config.title
 
 block content
-  .post.single.hentry
+  article.auto
     h1.entry-title= page.title
-    .entry-meta
-      |  
-      span.author.vcard.
-        By #[= page.author] #[span.bl_sep= '| ']
-      span.ondate: span.entry-date.
-        #[= page.date.format('MMMM D, YYYY')] at #[= page.date.format('h:mm a')] #[span.bl_sep= '| ']
-      span.bl_categ
+      br
+      span.entry-meta
+        = 'Posted by ' + page.author + ' on ' + page.date.format('MMMM D, YYYY') + ' at '+  page.date.format('h:mm a')
+        br
+        = 'Categorized under '
         include _partial/post-categories.pug
     .entry-content!= page.content
-    .entry-utility
-      span.bl_posted
-        include _partial/post-tags.pug
+    .entry-footer
+      include _partial/post-tags.pug
       if page.tags && page.tags.length > 0
-        span.bl_sep= ' | '
-      span.bl_bookmark.
+        small!= ' • '
+      small.
         Bookmark the #[a(title='Permanent link to ' + page.title href=url_for(page.path) rel='bookmark') permalink].
-  #nav-below.navigation
+  .bottom-nav(role='navigation')
     .nav-previous
       if page.prev
         a(href=url_for(page.prev_link ? page.prev_link : page.prev.path) title='Previous Post - ' + page.prev.title).
-          #[span.meta-nav «] #[= page.prev.title]
+          « #[= page.prev.title]
     .nav-next
       if page.next
         a(href=url_for(page.next_link ? page.next_link : page.next.path) title='Next Post - ' + page.next.title).
-          #[= page.next.title] #[span.meta-name »]
+          #[= page.next.title] »

themes/bit-badger/source/style.css

@@ -0,0 +1,342 @@
+@import url('https://fonts.googleapis.com/css?family=Oswald|Raleway');
+html {
+  background-color: lightgray;
+}
+body, .entry-meta {
+	font-family: "Raleway", "Segoe UI", Ubuntu, Tahoma, "DejaVu Sans", "Liberation Sans", Arial, sans-serif;
+}
+body {
+	margin: 0px;
+	background-color: #FFFAFA;
+}
+a {
+	color: navy;
+	text-decoration: none;
+}
+a:hover {
+	border-bottom: dotted 1px navy;
+}
+a img {
+	border:0;
+}
+acronym {
+	border-bottom:dotted 1px black;
+}
+header, h1, h2, h3, footer a, .home-lead a, .highlight {
+	font-family: "Oswald", "Segoe UI", Ubuntu, "DejaVu Sans", "Liberation Sans", Arial, sans-serif;
+}
+h1 {
+  text-align: center;
+  margin: 1.4rem 0;
+  font-size: 2rem;
+}
+h2 {
+  margin: 1.2rem 0;
+}
+h3 {
+  margin: 1rem 0;
+}
+h2, h3 {
+  width: 80%;
+  border-bottom: solid 2px navy;
+}
+p {
+  margin: 1rem 0;
+}
+.hdr {
+	font-size: 14pt;
+	font-weight: bold;
+}
+header {
+	height: 100px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(lightgray), to(#FFFAFA));
+  background-image: -webkit-linear-gradient(top, lightgray, #FFFAFA);
+  background-image: -moz-linear-gradient(top, lightgray, #FFFAFA);
+  background-image: linear-gradient(to bottom, lightgray, #FFFAFA);
+}
+header a:link, header a:visited {
+  color: black;
+}
+header a:hover {
+	border-bottom:none;
+}
+.content-item {
+	padding-left: 5px;
+	padding-right: 5px;
+	font-size: 1rem;
+}
+article.page .metadata {
+    display: none;
+}
+.strike {
+  text-decoration: line-through;
+}
+footer {
+	padding: 20px 15px 10px 15px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+	font-size: 1rem;
+	color: black;
+	clear: both;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFAFA), to(lightgray));
+  background-image: -webkit-linear-gradient(top, #FFFAFA, lightgray);
+  background-image: -moz-linear-gradient(top, #FFFAFA, lightgray);
+  background-image: linear-gradient(to bottom, #FFFAFA, lightgray);
+}
+footer a:link, footer a:visited {
+	color: black;
+}
+.alignleft {
+	float:left;
+	padding-right: 5px;
+}
+ul {
+	padding-left: 40px;
+}
+li {
+	list-style-type: disc;
+}
+.header-title {
+  font-size: 3rem;
+  font-weight: bold;
+  line-height: 100px;
+}
+.header-spacer {
+  flex-grow: 3;
+}
+.header-social {
+  padding: 25px .8rem 0 0;
+}
+.header-social img {
+  width: 50px;
+  height: 50px;
+}
+
+.content-wrapper {
+  margin: 0 1rem;
+}
+@media all and (min-width: 80rem) {
+  .content-wrapper {
+    margin: 0;
+    display: flex;
+    flex-flow: row;
+    align-items: flex-start;
+    justify-content: space-around;
+  }
+}
+.home-title {
+  text-align: left;
+  line-height: 2rem;
+}
+.home-lead {
+	font-family: "Raleway", "Segoe UI", Ubuntu, Tahoma, "DejaVu Sans", "Liberation Sans", Arial, sans-serif;
+  font-size: 1.2rem;
+}
+.home-break {
+  width: 80%;
+  border: dotted 1px lightgray;
+  border-bottom: 0;
+}
+.blog-sidebar {
+  border-top: dotted 1px lightgray;
+	padding-top: 1rem;
+	font-size: 1rem;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-around;
+}
+.blog-sidebar ul {
+  padding-left: 1rem;
+}
+.blog-sidebar > ul {
+  padding: 0;
+  margin: 0;
+}
+.blog-sidebar li {
+  list-style: none;
+}
+.blog-sidebar li:before {
+  content: '» ';
+}
+@media all and (min-width: 68rem) {
+  .blog-sidebar {
+    width: 66rem;
+    margin: auto;
+  }
+}
+@media all and (min-width: 80rem) {
+  .blog-sidebar {
+    width: 12rem;
+    border-top: none;
+    border-left: dotted 1px lightgray;
+    padding-top: 0;
+    padding-left: 2rem;
+    margin: 0;
+    flex-direction: column;
+  }
+}
+.blog-sidebar a {
+	font-size: 10pt;
+	font-family: sans-serif;
+}
+.sidebar-head {
+  text-align: center;
+  font-family: "Oswald", "Segoe UI", Ubuntu, "DejaVu Sans", "Liberation Sans", Arial, sans-serif;
+  font-weight: bold;
+	color: maroon;
+	margin-bottom: .8rem;
+	padding: 3px 12px;
+	border-bottom: solid 2px lightgray;
+  font-size: 1rem;
+}
+.app-sidebar-name, .app-sidebar-description {
+  margin: 0;
+  padding: 0;
+}
+.app-sidebar-description {
+	font-style: italic;
+	color: #555555;
+	padding-bottom: .6rem;
+}
+
+
+.content {
+  font-size: 1.1rem;
+}
+.auto {
+  margin: 0 auto;
+}
+.auto > div {
+  max-width: 66rem;
+}
+@media all and (min-width: 68rem) {
+  .content {
+    width: 66rem;
+  }
+}
+.entry-title {
+  line-height: 1.5rem;
+}
+.entry-meta {
+  font-size: 1rem;
+}
+.cat-list-count {
+  padding-left: .3rem;
+  font-size: .8rem;
+}
+.cat-list-count:before {
+  content: '(';
+}
+.cat-list-count:after {
+  content: ')';
+}
+.bottom-nav {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  padding-top: 1.5rem;
+}
+
+figure.highlight {
+  background-color: #F8F8F8;
+}
+figure.highlight table {
+  background-color: #002b36;
+  width: 100%;
+}
+figure.highlight td.gutter,
+figure.highlight td.code,
+figure.highlight pre {
+  padding: 0;
+  border: 0;
+  background-color: #002b36;
+  color: #839496;
+}
+figure.highlight td.gutter {
+  text-align:right;
+  padding-right: .4rem;
+}
+figure.highlight td.gutter div.line:after {
+  content: ':';
+  color: #586e75;
+}
+figure.highlight td.code pre div.line:after {
+  content: '.';
+  visibility: hidden;
+}
+figure.highlight pre div.line,
+figure.highlight pre div.line > * {
+  font-family: Consolas,"Courier New",Courier,monospace !important;
+}
+figure.highlight {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  color: #839496;
+	border:1px dashed #ddd;
+}
+figure.highlight .comment,
+figure.highlight .quote {
+  color: #586e75;
+}
+/* Solarized Green */
+figure.highlight .keyword,
+figure.highlight .selector-tag,
+figure.highlight .addition {
+  color: #859900;
+}
+/* Solarized Cyan */
+figure.highlight .number,
+figure.highlight .string,
+figure.highlight .meta .meta-string,
+figure.highlight .literal,
+figure.highlight .doctag,
+figure.highlight .regexp {
+  color: #2aa198;
+}
+/* Solarized Blue */
+figure.highlight .title,
+figure.highlight .section,
+figure.highlight .name,
+figure.highlight .selector-id,
+figure.highlight .selector-class {
+  color: #268bd2;
+}
+/* Solarized Yellow */
+figure.highlight .attribute,
+figure.highlight .attr,
+figure.highlight .variable,
+figure.highlight .template-variable,
+figure.highlight .class .title,
+figure.highlight .type {
+  color: #b58900;
+}
+/* Solarized Orange */
+figure.highlight .symbol,
+figure.highlight .bullet,
+figure.highlight .subst,
+figure.highlight .meta,
+figure.highlight .meta .keyword,
+figure.highlight .selector-attr,
+figure.highlight .selector-pseudo,
+figure.highlight .link {
+  color: #cb4b16;
+}
+/* Solarized Red */
+figure.highlight .built_in,
+figure.highlight .deletion {
+  color: #dc322f;
+}
+figure.highlight .formula {
+  background: #eee8d5;
+}
+figure.highlight .emphasis {
+  font-style: italic;
+}
+figure.highlight .strong {
+  font-weight: bold;
+}

themes/mantraish/layout/_partial/footer.pug

@@ -1,13 +0,0 @@
-footer#footer(role='contentinfo')
-  #footer2
-    #site-copyright.
-      A production of #[a(href='//djs-consulting.com' title='Your Web Design and Application Solution Source') DJS Consulting]
-      | Design Inspired by #[a(target='_blank' href='//www.cryoutcreations.eu' title='Mantra Theme by Cryout Creations') Mantra]
-    div(style='text-align:center;clear:both;padding-top:4px;').
-      #[a(href='/' title='DJS Consulting Tech Blog' rel='home') DJS Consulting Tech Blog] | Generated by
-      #[a(href='//hexo.io' title='Hexo') Hexo] | Served by #[a(href='//www.nginx.com' title='nginx') nginx] | Secured by
-      #[a(href='//letsencrypt.org') Let's Encrypt]
-    #sfooter.socials
-      a(target='_blank' rel='nofollow' href='/feed.xml' class='socialicons social-RSS' title='RSS'): img(alt='RSS' src='/img/social-rss.png')
-      a(target='_blank' rel='nofollow' href='//twitter.com/DJS_Consulting' class='socialicons social-Twitter' title='Twitter'): img(alt='Twitter' src='/img/social-twitter.png')
-      a(target='_blank' rel='nofollow' href='//www.facebook.com/pages/DJS-Consulting/262368048575' class='socialicons social-Facebook' title='Facebook'): img(alt='Facebook' src='/img/social-facebook.png')

themes/mantraish/layout/_partial/header.pug

@@ -1,18 +0,0 @@
-header#header
-  #masthead
-    #branding(role='banner')
-      #header-container
-        div(style='margin-top:0;')
-          h1#site-title: a(href='/' title=site.title rel='home')= config.title
-          #site-description= config.subtitle
-        #sheader.socials
-          a(target='_blank' rel='nofollow' href='/feed.xml' class='socialicons social-RSS' title='RSS'): img(alt='RSS' src='/img/social-rss.png')
-          a(target='_blank' rel='nofollow' href='//twitter.com/DJS_Consulting' class='socialicons social-Twitter' title='Twitter'): img(alt='Twitter' src='/img/social-twitter.png')
-          a(target='_blank' rel='nofollow' href='//www.facebook.com/pages/DJS-Consulting/262368048575' class='socialicons social-Facebook' title='Facebook'): img(alt='Facebook' src='/img/social-facebook.png')
-      div(style='clear:both;')
-    nav#access.jssafe(role='navigation')
-      .skip-link.screen-reader-text: a(href='#content' title='Skip to content') Skip to content
-      #prime_nav.menu: ul
-        li: a(href='/') Home
-        li: a(href='/linux/') Linux Resources
-  div(style='clear:both;')

themes/mantraish/layout/_partial/post-tags.pug

@@ -1,8 +0,0 @@
-- var it = post || page
-if it.tags && it.tags.length > 0
-  = 'Tagged '
-  - var tags = it.tags.toArray().sort((a, b) => a.name < b.name ? -1 : a.name > b.name ? 1 : 0)
-  for tag in tags
-    a(href=url_for(tag.path) title='Posts tagged "' + tag.name + '"' rel='tag')= tag.name
-    if tags.indexOf(tag) < (tags.length - 1)
-      = ', '

themes/mantraish/layout/_partial/sidebar.pug

@@ -1,5 +0,0 @@
-#primary.widget-area(role='complementary')
-  ul.xoxo
-    li.widget-container.widget_categories
-      h3.widget-title Categories
-      != list_categories({ class: 'cat' })

themes/mantraish/layout/base.pug

@@ -1,13 +0,0 @@
-doctype html
-html(lang=config.language)
-  include _partial/head.pug
-  body
-    #toTop
-    #wrapper.hfeed
-      include _partial/header.pug
-      #main
-        #forbottom
-          section#container
-            #content(role='main'): block content
-            include _partial/sidebar.pug
-      include _partial/footer.pug

themes/mantraish/layout/index.pug

@@ -1,65 +0,0 @@
-extends base
-
-block title
-  if page.category
-    = page.category
-    != ' « '
-    = config.title
-  else
-    if page.tag
-      != '“'
-      = page.tag
-      != '” Tag « '
-      = config.title
-    else
-      if config.subtitle
-        = config.title + ' | ' + config.subtitle
-      else
-        = config.title
-
-block content
-  if page.tag || page.category
-    h1
-      if page.category
-        | Posts categorized “
-        = page.category
-        | ”
-      else
-        | Posts tagged “
-        = page.tag
-        | ”
-    hr
-  for post in page.posts.toArray()
-    article.post
-      header.entry-header
-        hgroup: h2.entry-title: a(href=url_for(post.path) title='Permalink to ' + post.title)!= post.title
-        .entry-meta
-          |   
-          span.author.vcard
-            | By 
-            = post.author
-            span.bl_sep  | 
-          span.ondate
-            span.entry-date.
-              #[= post.date.format('MMMM D, YYYY')] at #[= post.date.format('h:mm a')]
-              #[span.bl_sep |]
-          span.bl_categ
-            = ' '
-            include _partial/post-categories.pug
-      .entry-content!= post.content
-      footer.entry-meta2
-        span.bl_tagg
-          include _partial/post-tags.pug
-    br
-
-  #nav-below.navigation
-    .nav-previous
-      if page.prev
-        a(href=url_for(page.prev_link))
-          span.meta-nav «
-          |  Newer Posts
-    .nav-next
-      if page.next
-        a(href=url_for(page.next_link))
-          | Older Posts 
-          span.meta-nav »