scoobr 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 44eb528c2e4e0cdd2c985900f443bd69896f7bba
-  data.tar.gz: bcd5495d2dd2d2eaab75b644cdbc9155083585c7
+  metadata.gz: f878e44e233e56cd29c3f2f955dc212765fe0d0b
+  data.tar.gz: b6116f10c7526b3c007a354962107480f34bd1d0
 SHA512:
-  metadata.gz: fecbf5f534e1e78e96093bbffb3b3c1093dc961bcc9bd4bbf5f04108e16ec3f60d182135d4306600efe310fbff25d088e4e6061ba1235466a01920f6a640639d
-  data.tar.gz: b85dafad80f07a34792aec0e9b4ba1fa3166513cc9f8862cc59c9f72ab99e88432ca6d38e1c6d9de49036dcf30a2be47ea7653b85704a6a7314480200b568e4c
+  metadata.gz: ec25a44da4e39e6c048f3da04063ca946f1abc4e3db124e9f570d3d9ecab3de2a8b7478c33d28a8869fbeaed538d69593c8b9d986527eea45adc13a64d00329a
+  data.tar.gz: bccaf21e91049cb522ab8515e09579b049251492d716b9233cf9c414082eed5c2a5b44e7b6651f843d12abf05135f1ae815aea953af9ca469f8c5bc4719b63f3

data/_includes/footer.html

@@ -2,7 +2,7 @@
 
   <div class="small-container">
 
-    <div class="footer-social flex-small">
+    <div class="footer-social">
       {{ site.data.footer.social_markdown | markdownify }}
       <div class="social-icons">
         {% for social_icon in site.data.footer.social_icons %}
@@ -12,7 +12,7 @@
       <p>Theme built by <a href="https://jonp.io">Jon Persson</a>.</p>
     </div>
 
-    <div class="footer-disclaimer flex-large">
+    <div class="footer-disclaimer">
       {{ site.data.footer.disclaimer_markdown | markdownify }}
   </div>
 

data/_includes/head.html

@@ -3,8 +3,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
-  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
+  {% seo %}
 
   <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">

data/_includes/navigation.html

@@ -1,4 +1,4 @@
-<nav class="main-navigation">
+<nav class="main-navigation{% if page.layout == "home" or page.layout == "post" %} absolute-navigation{% endif %}">
 
   <a class="screen-reader-text" href="#content">Skip Navigation</a>
 

data/_layouts/home.html

@@ -27,7 +27,7 @@ layout: default
     {% for item in posts %}
       <article class="cell">
         <a href="{{ item.url }}">
-          <img class="thumbnail-image" src=" {{ item.thumbnail_image | default: "assets/thumbnail.svg" }}" alt="{{ item.title }}">
+          <img class="thumbnail-image" src=" {{ item.image | default: "assets/thumbnail.svg" }}" alt="{{ item.title }}">
         </a>
         <div class="container">
           <h3><a class="title-link" href="{{ item.url }}">{{ item.title }}</a></h3>

data/_layouts/page.html

@@ -2,4 +2,7 @@
 layout: default
 ---
 
-{{ content }}
+<article class="small-container content-section">
+  <h2>{{ page.title }}</h2>
+  {{ content }}
+</article>

data/_layouts/post.html

@@ -5,6 +5,10 @@ layout: default
 
   <div class="small-container no-side-padding">
     <h2>{{ page.title }}</h2>
+    <p>
+      <i data-icon="ei-calendar" data-size="s"></i>{{ page.date | date: '%B %d, %Y' }}
+      <i data-icon="ei-user" data-size="s"></i>{{ page.author | default: site.author }}
+    </p>
   </div>
 
 </header>
@@ -20,21 +24,11 @@ layout: default
   <div class="posts">
     <div class="container">
 
-      {% assign posts = site.posts %}
-      {% for item in posts %}
+      {% assign related = site.related_posts %}
+      {% for item in related | limit: 3 %}
         <article class="cell">
           <a href="{{ item.url }}">
-            <img class="thumbnail-image" src=" {{ item.thumbnail_image | default: "/assets/thumbnail.svg" }}" alt="{{ item.title }}">
-          </a>
-          <div class="container">
-            <h5><a class="title-link" href="{{ item.url }}">{{ item.title }}</a></h5>
-          </div>
-        </article>
-      {% endfor %}
-      {% for item in posts | limit: 1 %}
-        <article class="cell">
-          <a href="{{ item.url }}">
-            <img class="thumbnail-image" src=" {{ item.thumbnail_image | default: "/assets/thumbnail.svg" }}" alt="{{ item.title }}">
+            <img class="thumbnail-image" src=" {{ item.image | default: "/assets/thumbnail.svg" }}" alt="{{ item.title }}">
           </a>
           <div class="container">
             <h5><a class="title-link" href="{{ item.url }}">{{ item.title }}</a></h5>

data/_sass/base/_variables.scss

@@ -66,8 +66,8 @@ $h5: 1.3rem;
 
 $padding: 1.5rem;
 $margins: 1.5rem;
-$content-padding: 60px 0;
-$content-padding-mobile: 30px 0;
+$content-padding: 60px;
+$content-padding-mobile: 30px;
 
 /* Borders */
 

data/_sass/components/_forms.scss

@@ -62,6 +62,7 @@ select {
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==) right center no-repeat;
+	background-color: $background;
 	line-height: 1; // ensures text doesn't get cut off
 }
 

data/_sass/components/_layout.scss

@@ -58,12 +58,31 @@
   margin-bottom: $margins * 2;
 }
 
-.post-header .small-container h2 {
+.post-header .small-container h2, .post-header .small-container p {
   display: inline-block;
   margin: 0;
   padding: $padding / 2 $padding;
   background-color: $background;
   box-shadow: 0 2px 5px rgba(0,0,0,.1);
+  color: $font-color;
+  float: left;
+  clear: both;
+}
+
+.post-header .small-container p {
+  margin-top: $margins / 3;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  font-size: $code-size;
+}
+
+.post-header .small-container p .icon {
+  margin-right: $margins / 3;
+}
+
+.post-header .small-container p .icon:nth-of-type(2) {
+  margin-left: $margins;
 }
 
 .home-header h2, .home-header p {
@@ -97,13 +116,19 @@
 }
 
 .cell {
-  width: 45%;
+  width: 100%;
   margin-bottom: $margins * 2;
   box-shadow: 0 2px 5px rgba(0,0,0,.1);
   display: flex;
   flex-direction: column;
 }
 
+@include large-breakpoint {
+  .cell {
+    width: 45%
+  }
+}
+
 .cell .container {
   padding: $padding $padding * 2;
   background-color: $background;
@@ -123,11 +148,22 @@
   padding: 60px $padding;
   color: $accent-color;
   display: flex;
-  flex-direction: row;
-  justify-content: space-between;
+  flex-direction: column;
   font-size: 1rem;
 }
 
+@include large-breakpoint {
+  .main-footer .small-container {
+    flex-direction: row;
+    justify-content: space-between;
+  }
+}
+
+.footer-social, .footer-disclaimer {
+  @extend %column-padding;
+  margin-bottom: $margin-bottom;
+}
+
 .social-icons {
   margin-bottom: $margins;
 }
@@ -152,8 +188,10 @@
   margin: $margins * 2 auto 0;
 }
 
-.after-post .cell {
-  width: calc(90% / 3)
+@include large-breakpoint {
+  .after-post .cell {
+    width: calc(90% / 3);
+  }
 }
 
 .after-post h3 {
@@ -176,3 +214,16 @@
   margin-left: auto;
   margin-right: auto;
 }
+
+p img {
+  max-width: 100%;
+  width: 100%;
+  margin: auto;
+}
+
+@include large-breakpoint {
+  p img {
+    width: 50%;
+    float: right;
+  }
+}

data/_sass/components/_navigation.scss

@@ -3,11 +3,17 @@
 
 .main-navigation {
   padding: $padding;
-  position: absolute;
+  position: relative;
   left: 0;
   right: 0;
   z-index: 30;
   color: $background !important;
+  background-color: darken($primary-color, 20%);
+}
+
+.absolute-navigation {
+  position: absolute;
+  background-color: transparent;
 }
 
 .main-navigation .container {

data/_sass/components/_scaffolding.scss

@@ -225,11 +225,13 @@ dd {
 
 // Content
 .content-section {
-	padding: $content-padding-mobile;
+	padding-top: $content-padding-mobile;
+	padding-bottom: $content-padding-mobile;
 }
 
 @include small-breakpoint {
 	.content-section {
-		padding: $content-padding;
+		padding-top: $content-padding;
+		padding-bottom: $content-padding;
 	}
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: scoobr
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Jon
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-07-19 00:00:00.000000000 Z
+date: 2017-07-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -54,7 +54,7 @@ dependencies:
         version: '10.0'
 description: 
 email:
-- ''
+- jonlpersson@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -88,7 +88,7 @@ files:
 - assets/thumbnail.svg
 homepage: https://jonp.io
 licenses:
-- MIT
+- Copyright © Jon Persson. All rights reserved.
 metadata: {}
 post_install_message: 
 rdoc_options: []