panthera-jekyll 1.3.1 → 1.3.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a23aa043febea91846126df2300a992c447beb78663e279fc3764b43341dfdae
-  data.tar.gz: 73621de703c1949a97126a2f7d483138ec64a59192c18ef181c88a89478e7fb9
+  metadata.gz: 409d41d6f729bbb21ae74a35920a9e124a089e4185188ba2a5c1235f7d14cf63
+  data.tar.gz: 698fec45346aa6cdef845894bcd7ed02160798cec0d88ba07d09c728e5243cfa
 SHA512:
-  metadata.gz: 8613a429a32c4b8818df74b3509387a3bf42768f111712666fdab318dc2f7ef25b07c8563a26d82d6cb938712868cfb87ba6c4991995d79df85570c4782c4e69
-  data.tar.gz: fb441b81d2a79c30328a114f9a2daf49fb3d06a8b34d9337f25c3d74ff3295d8e063c940684f5c77f23d5a749d0bd65142a59da1d1af7f7c5f11d7c0cef16b72
+  metadata.gz: c719498cf61233da8ef4e555fee8ad6db596496e713bd8b34ffca4003444a1462e650e0464aaed43e135da693415db433ed606d1d6869b80d6327f45e2e04c45
+  data.tar.gz: 0e18d49554c275a210ed1202bedd8ef1501eb08e66fcdfbce59e3b193619f9844500c69da95d14d4cda732cdc24f018533a5ee8d68250f2b84e3e3e9e64c89b8

data/README.md

@@ -177,7 +177,7 @@ layout: post
 title: First Demo Post
 date: 2020-07-10 13:32:20 +0300
 description: Post description (optional)
-image: image.jpg (optional)
+image: /image.jpg (optional)
 tags: [Holidays, Hawaii]
 ---
 

data/_includes/all-posts.html

@@ -1,29 +1,2 @@
 
-<section class="pan-post-list">
-  {% for post in site.posts %}
-  <div class="pan-post-list__item">
-    <div class="pan-post-list--left">
-      <div class="pan-post-list--image">
-        {% if post.image %}
-        <a href="{{ post.url | prepend: site.baseurl }}" style="background-image: url({{ '/' | prepend: site.baseurl | append: post.image }});"></a>
-        {% else %}
-        <a href="{{ post.url | prepend: site.baseurl }}"></a>
-        {% endif %}
-      </div>
-    </div>
-    <div class="pan-post-list--right">
-      <div class="pan-post-list--content">
-        <h2><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h2>
-        <p class="info">
-          <span>{{ post.date | date: '%Y, %b %d' }}</span>
-          &nbsp;&nbsp; - &nbsp;&nbsp;
-          <span>{% capture words %}{{ post.content | number_of_words }}{% endcapture %}{% unless words contains "-" %}{{ words | plus: 250 | divided_by: 250 | append: " minute read" }}{% endunless %}</span>
-        </p>
-        <p class="desc">{{ post.content | strip_html | truncatewords: 20 }}</p>
-      </div>
-    </div>
-  </div>
-  {% endfor %}
-</section>
-
-{% include pagination.html %}
+{% include posts/index.html %}

data/_includes/header.html

@@ -7,11 +7,13 @@
     <div class="pan-layout-header__avatar">
       <span>{{ site.title | default: site.github.owner_name }}</span>
       
-      {% if site.github.owner_gravatar_url %}
-      <img src="{{ site.avatar | default: site.github.owner_gravatar_url }}" alt="{{ site.title | default: site.github.owner_name }}">
-      {% else %}
-      <img src="https://secure.gravatar.com/avatar/?d=mm&r=g&s=40" alt="">
-      {% endif %}
+      <a href="{{ '/' | relative_url }}">
+        {% if site.github.owner_gravatar_url %}
+        <img src="{{ site.avatar | default: site.github.owner_gravatar_url }}" alt="{{ site.title | default: site.github.owner_name }}">
+        {% else %}
+        <img src="https://secure.gravatar.com/avatar/?d=mm&r=g&s=40" alt="">
+        {% endif %}
+      </a>
     </div>
   </div>
 </section>

data/_includes/left.html

@@ -20,12 +20,16 @@
 
   <div class="pan-layout-left__top">
     <div class="pan-layout-left__avatar">
-      {% if site.github.owner_gravatar_url %}
-      <a href="{{ site.baseurl }}">
-        <img src="{{ site.avatar | default: site.github.owner_gravatar_url }}" alt="{{ site.title | default: site.github.owner_name }}">
+      {% if site.avatar %}
+      <a href="{{ '/' | relative_url }}">
+        <img src="{{ site.avatar }}" alt="{{ site.title | default: site.github.owner_name }}">
+      </a>
+      {% else if site.github.owner_gravatar_url %}
+      <a href="{{ '/' | relative_url }}">
+        <img src="{{ site.github.owner_gravatar_url }}" alt="{{ site.title | default: site.github.owner_name }}">
       </a>
       {% else %}
-      <a href="{{ site.baseurl }}">
+      <a href="{{ '/' | relative_url }}">
         <img src="https://secure.gravatar.com/avatar/?d=mm&r=g&s=150" alt="">
       </a>
       {% endif %}

data/_includes/posts/index.html

@@ -0,0 +1,31 @@
+
+<section class="pan-post-list">
+  {% for post in site.posts %}
+  <div class="pan-post-list__item">
+    <div class="pan-post-list--left">
+      <div class="pan-post-list--image">
+        {% if post.image %}
+        <a href="{{ post.url | relative_url }}" style="background-image: url({{ post.image | relative_url }});"></a>
+        {% else %}
+        <a href="{{ post.url | relative_url }}"></a>
+        {% endif %}
+      </div>
+    </div>
+    <div class="pan-post-list--right">
+      <div class="pan-post-list--content">
+        <div class="pan-post-list--body">
+          <h2><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h2>
+          <p class="info">
+            <span>{{ post.date | date: '%Y, %b %d' }}</span>
+            &nbsp;&nbsp; - &nbsp;&nbsp;
+            <span>{% capture words %}{{ post.content | number_of_words }}{% endcapture %}{% unless words contains "-" %}{{ words | plus: 250 | divided_by: 250 | append: " minute read" }}{% endunless %}</span>
+          </p>
+          <p class="desc">{{ post.content | strip_html | truncatewords: 20 }}</p>
+        </div>
+        </div>
+    </div>
+  </div>
+  {% endfor %}
+</section>
+
+{% include pagination.html %}

data/_layouts/post.html

@@ -3,13 +3,11 @@ layout: default
 ---
 
 <section class="post-view">
+  {% if page.image %}
   <div class="post-view__image">
-    {% if page.image %}
-    <img src="{{ '/' | prepend: site.baseurl | append: post.image }}" alt="{{ page.title }}">
-    {% else %}
-    <img src="{{ '/assets/images/post.jpg' | prepend: site.baseurl }}" alt="{{ page.title }}">
-    {% endif %}
+    <img src="{{ page.image | relative_url }}" alt="{{ page.title }}">
   </div>
+  {% endif %}
 
   <div class="post-view__header">
     <h1>{{ page.title }}</h1>

data/_sass/includes/all-posts.scss

@@ -12,11 +12,11 @@
 
   --content-top: 0px;
   --content-transform: none;
-  --content-height: auto;
+  --content-height: 100px;
   --content-margin: -30px auto 0px auto;
   --content-shadow: -2px 4px 8px rgba(0, 0, 0, .2);
   
-  @media (min-width: pan-device(md)) {
+  @media (min-width: pan-device(lg)) {
     --display: flex;
 
     --left-width: 300px;
@@ -28,7 +28,6 @@
     --content-top: 50%;
     --content-transform: translateY(-50%);
     --content-margin: 0px 0px 0px -30px;
-    --content-height: 140px;
   }
 
   &__item {
@@ -73,16 +72,19 @@
   &--content {
     position: relative;
     top: var(--content-top) !important;
-    transform: var(--content-transform) !important;
     background-color: #FFF;
     border-radius: var(--border-radius) !important;
     box-shadow: var(--content-shadow) !important;
     margin: var(--content-margin) !important;
-    height: var(--content-height) !important;
     transition: all 0.5s ease-in-out 0s;
     padding: 20px;
   }
 
+  &--body {
+    overflow: hidden;
+    min-height: var(--content-height) !important;
+  }
+
   h2 {
     margin: 0px 0px 5px 0px;
   }

data/_sass/includes/header.scss

@@ -43,11 +43,18 @@
       margin-left: 10px;
     }
 
-    img {
+    a {
+      display: inline-block;
       width: 40px;
       height: 40px;
-      border-radius: 50%;
-      vertical-align: middle;
+
+      > img {
+        width: 100%;
+        height: 100%;
+        border-radius: 50%;
+        vertical-align: middle;
+      }
     }
+
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: panthera-jekyll
 version: !ruby/object:Gem::Version
-  version: 1.3.1
+  version: 1.3.6
 platform: ruby
 authors:
 - Christian Ezeani
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-07-12 00:00:00.000000000 Z
+date: 2020-07-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -80,6 +80,7 @@ files:
 - _includes/header.html
 - _includes/left.html
 - _includes/pagination.html
+- _includes/posts/index.html
 - _layouts/default.html
 - _layouts/page.html
 - _layouts/post.html