jekyll-theme-jsblog 1.0.23 → 1.0.24

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e536430da4ba72939726688df81806587813940d9302fe4ce74b281c162998f8
-  data.tar.gz: 28a9014064fa49029638d41639f720b8add24fe8f9715aca6976379b553fe776
+  metadata.gz: b3c8d290a85768e14f67b264ae1f8f097e0e4165dddb9dcaaa703b9cc34bc81d
+  data.tar.gz: e62484b1a29b89b313a3c915f8d4789376c9a1ac4c5e1a575fe57e0d983eb86b
 SHA512:
-  metadata.gz: ed1fdb9b50eacfa274ae692bb36ab5b843d446d00e2293fe666fd63586667eca20cf74c9238753cea7168eb35d46d0e1b048a3a1ad51760c40992813b56f48d3
-  data.tar.gz: 7246da92aa50369dab11a541d89c92e22c2f80ac321e7e9cee3c65b8d2f627e7a6f8ae8ae404e3978a645960555b823ac025a73007122ebe6687473432045a11
+  metadata.gz: 90a1c06de9c33bd517d9518c292a9cebef4f8723a15c164a94f5623cdbba53c31a8b9bd0e7e8e56141019c5c2d0a65abc90e9c00dabcda34b94df103cb350fda
+  data.tar.gz: fd143418a085ad255d367736dd1085502ad3007f724e9ec3f6c0d54a899a3c7245dfd875b044f17d46ed6f8d067b8ccd46f52ad48f1c542f61721365fd4ea655

data/_layouts/home.html

@@ -8,13 +8,20 @@ layout: default
 
   {% capture site_lang %}{{ site.lang | default: "en" }}{% endcapture %}
 
-  <ul class="post-list">
+  <div class="post-list">
     {% for post in paginator.posts %}
       {% capture post_lang %}{{ post.lang | default: site_lang }}{% endcapture %}
       {% capture lang %}{% if post_lang != site_lang %}{{ post_lang }}{% endif %}{% endcapture %}
 
-      <li{% if lang != empty %} lang="{{ lang }}"{% endif %}>
+      <article{% if lang != empty %} lang="{{ lang }}"{% endif %}>
         <header class="post-header">
+          <p class="post-meta">
+            {{ post.date | date: "%b %-d, %Y" }}
+            {% if post.external-url %}
+              • <a href="{{ post.url | relative_url }}">Permalink</a>
+            {% endif %}
+          </p>
+
           <h1 class="post-title">
             {% if post.external-url %}
               <a class="post-link" href="{{ post.external-url }}">{{ post.title | escape }} &rarr;</a>
@@ -22,13 +29,6 @@ layout: default
               <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
             {% endif %}
           </h1>
-
-          <p class="post-meta">
-            {{ post.date | date: "%b %-d, %Y" }}
-            {% if post.external-url %}
-              • <a href="{{ post.url | relative_url }}">Permalink</a>
-            {% endif %}
-          </p>
         </header>
 
         <div class="post-content">
@@ -39,9 +39,9 @@ layout: default
             <a href="{{ post.url | relative_url }}">Read on &rarr;</a>
           </p>
         {% endif %}
-      </li>
+      </article>
     {% endfor %}
-  </ul>
+  </div>
 
   {% include pagination.html %}
 

data/_sass/jsblog.scss

@@ -13,14 +13,14 @@ $site-footer-font-size: 16px !default;
 // Font Sizes
 // $title-large-font-size: 1px !default;
 $title-font-size: 42px !default;
-$title-medium-font-size: 32px !default;
+$title-medium-font-size: 34px !default;
 $title-small-font-size: 27px !default;
 
 $subtitle-font-size: 24px !default;
 $subtitle-small-font-size: 22px !default;
 
-$meta-font-size: 21px !default;
-$meta-small-font-size: 19px !default;
+$meta-font-size: 18px !default;
+$meta-small-font-size: 16px !default;
 
 $lead-font-size: 21px !default;
 $lead-small-font-size: 19px !default;
@@ -73,7 +73,7 @@ $on-small: 735px !default;
   --grey-color-darker: #{$grey-color-darker};
 
   --content-width: 750px; // Original 980px
-  --header-content-width: 1080px;
+  --header-content-width: 1180px;
 
   --header-background-color: #2C2C2C;
   --footer-background-color: #f2f2f2;

data/_sass/jsblog/_base.scss

@@ -8,7 +8,17 @@ dl, dd, ol, ul, figure {
   padding: 0;
 }
 
+html {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
 
+*, *:before, *:after {
+  -webkit-box-sizing: inherit;
+  -moz-box-sizing: inherit;
+  box-sizing: inherit;
+}
 
 /**
  * Basic styling
@@ -210,6 +220,7 @@ pre {
  */
 .wrapper {
   width: var(--content-width);
+  max-width: 95%;
   margin-right: auto;
   margin-left: auto;
   @extend %clearfix;

data/_sass/jsblog/_layout.scss

@@ -113,7 +113,7 @@
   position: absolute;
   bottom: 0;
   width: 100%;
-  height: 75px;
+  // height: 80px;
   line-height: 18px;
   padding: 10px 0;
   font-size: $site-footer-font-size;
@@ -156,20 +156,34 @@
 }
 
 .post-list {
-  margin-left: 0;
-  list-style: none;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: stretch;
 
   .post-link:hover {
     text-decoration: none;
   }
 
-  > li {
-    padding-bottom: 0;
+  > article {
+    float: left;
+    width: 30%;
+    margin-bottom: 50px;
 
-    &:not(:first-child) {
-      padding-top: 50px;
+    @include media-query($on-small) {
+      width: 100%;
     }
   }
+
+  .post-title {
+    font-size: $title-medium-font-size;
+    line-height: 1.125;
+    letter-spacing: .004em;
+  }
+
+  .post-content > p {
+    font-size: $small-font-size;
+  }
 }
 
 .post-meta {
@@ -192,6 +206,10 @@
     line-height: 1.21053;
     letter-spacing: .012em;
   }
+
+  & + .post-title {
+    margin-top: .4em;
+  }
 }
 
 .post-link {

data/assets/home.scss

@@ -6,5 +6,5 @@
 
 // Override some variables on the home page
 :root {
-  --content-width: 1080px;
+  --content-width: 1180px;
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-jsblog
 version: !ruby/object:Gem::Version
-  version: 1.0.23
+  version: 1.0.24
 platform: ruby
 authors:
 - Julian Schiavo