jekyll-theme-louis 0.1.5 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0ff0ad2c01a112392cb936fed0d8b663f31e0fc6563bab47aac75906650bbc0c
-  data.tar.gz: b6c3b2c40ed4089420c6b7e703e34a77e31dc5edec8c7f4cc770655a44c754d6
+  metadata.gz: 9c4595288142c5c07a0e76a1e6d242d7ba5742d3646c2816caf400facd87913b
+  data.tar.gz: d20bd2236591ab4c9009bd93ded67c6daf6c6d4dc1ca288281f18dcbe9e0615e
 SHA512:
-  metadata.gz: 0b9fb1822d45af177eab404a4b69ea329ac3c41c367fd55ab5f7f31aaf7829dc344878405bd51e54dbbdfa7fa724cd6c1a6f0d4f088bc5b36ca9b706c3ef58d2
-  data.tar.gz: b8bb489f407188979f02e6d7c063f25f7c2d1f64c65b051de6d8bff4e89bfd96ba9cbc3c5db65fe536468d4e8daf4577ba668b37cd4ec0af48464febd5c0d161
+  metadata.gz: 5b6dc012957368f7c4be556a8335c40c7db7fe8ad544946bbfe0898c9af747a5b66d6e6f4082691f9d205459f82d3d814861a3bcbaa079ee2d5ad613ade3ff3d
+  data.tar.gz: 5cb501be0d428c06b9330d1852d7e662b84d366436e5be6df19c094e28008437eaafa75d712177dbf01d1cf08a1686960c4bab4c2a51dfae51626a07d792d661

data/_includes/head/twitter-ogp.html

@@ -12,5 +12,9 @@
   <meta name="twitter:description" content="{{ site.description }}">
 {% endif %}
 
-<meta name="twitter:image" content="{{ "assets/images/default_ogp.png" | absolute_url }}">
-<meta name="twitter:url" content="{{ page.url | replace:'index.html','' | absolute_url }}">
+{% if page.ogp %}
+  <meta name="twitter:image" content="{{ "assets/ogp/" | absolute_url }}{{page.ogp}}">
+{% else %}
+  <meta name="twitter:image" content="{{ "assets/images/default_ogp.png" | absolute_url }}">
+{% endif %}
+<meta name="twitter:url" content="{{ page.url | replace:'index.html','' | absolute_url }}">

data/_includes/posts.html

@@ -1,8 +1,9 @@
+
 <div class="posts">
   {% for post in paginator.posts %}
     <div class="posts-content">
       <a href="{{ post.url | relative_url }}">
-        <h1 class="post__title">{{ post.title }}</h1>
+        <h2 class="post__title">{{ post.title }}</h2>
       </a>
       <div class="post-meta">
         <p class="post__date">{{ post.date | date: '%Y/%-m/%-d' }}</p>

data/_includes/tag-cloud.html

@@ -1,13 +1,15 @@
-<div class="tag-cloud">
-  <p class="tag-cloud__title">Tags</p>
-  <div class="cloud-tags">
-    {% for tag in site.tags %}
-      <div class="cloud-tag">
-        {% capture cat %}{{ tag | first }}{% endcapture %}
-        <a class="cloud-tag__link" href="{{ '/archives/tag/' | append: cat | relative_url }}">
-          <i class="fa fa-tag cloud-tag__icon"></i>{{ cat }}
-        </a>
-      </div>
-    {% endfor %}
+{% if site.tags.first %}
+  <div class="tag-cloud">
+    <p class="tag-cloud__title">Tags</p>
+    <div class="cloud-tags">
+      {% for tag in site.tags %}
+        <div class="cloud-tag">
+          {% capture cat %}{{ tag | first }}{% endcapture %}
+          <a class="cloud-tag__link" href="{{ '/archives/tag/' | append: cat | relative_url }}">
+            <i class="fa fa-tag cloud-tag__icon"></i>{{ cat }}
+          </a>
+        </div>
+      {% endfor %}
+    </div>
   </div>
-</div>
+{% endif %}

data/_layouts/page.html

@@ -3,4 +3,4 @@ layout: default
 ---
 <div class="page-content">
   {{ content }}
-</div>
+</div>

data/_layouts/profile.html

@@ -11,6 +11,8 @@ layout: default
   </div>
 </div>
 
+<div class="profile-container">
 <div class="profile-content">
   {{ content }}
 </div>
+</div>

data/_sass/base.scss

@@ -1,7 +1,14 @@
 html {
+  min-width: 70rem;
   min-height: 100vh;
   color: $color-font-main;
   font-size: $size-font-base;
+  @media screen and (max-width: 479px) {
+    min-width: 100%;
+    min-height: 100vh;
+    color: $color-font-main;
+    font-size: $size-font-base;
+  }
 }
 
 body {
@@ -9,19 +16,11 @@ body {
   align-items: center;
   flex-direction: column;
   min-height: 100vh;
-}
-
-@media screen and (max-width: 479px) {
-  html {
-    min-height: 100vh;
-    color: $color-font-main;
-    font-size: $size-font-base;
-  }
-
-  body {
+  width: auto;
+  @media screen and (max-width: 479px) {
     display: flex;
     align-items: center;
     flex-direction: column;
     min-height: 100vh;
   }
-}
+}

data/_sass/block/amazon-associate.scss

@@ -19,4 +19,4 @@
   &__title {
     font-size: 1rem;
   }
-}
+}

data/_sass/block/footer.scss

@@ -52,4 +52,4 @@
   &__link {
     color: $color-font-main;
   }
-}
+}

data/_sass/block/header.scss

@@ -3,12 +3,14 @@
   align-items: center;
   flex-direction: column;
   justify-content: center;
+  min-width: 70rem;
   width: 100%;
   height: $size-header-height;
 
   @include shadow-bottom();
 
   @media screen and (max-width: 479px) {
+    min-width: 100%;
     width: $size-additional-container-width-sp;
     height: $size-header-height-sp;
   }
@@ -22,24 +24,29 @@
     width: $size-additional-container-width-sp;
   }
   &__link {
+    margin-left: 5rem;
     text-decoration: none;
+
+    &:hover {
+      opacity: 0.6;
+    }
+
     @media screen and (max-width: 479px) {
       display: flex;
       align-content: center;
       justify-content: center;
+      margin-left: 0;
       width: $size-additional-container-width-sp;
     }
   }
 
   &__title {
-    padding-left: 5rem;
     width: 100%;
     color: $color-font-main;
     font-size: $size-font-header;
     @media screen and (max-width: 479px) {
-      padding-left: 0;
       width: 90%;
       font-size: $size-font-header-sp;
     }
   }
-}
+}

data/_sass/block/not-found.scss

@@ -0,0 +1,24 @@
+.not-found {
+  display: flex;
+  align-content: center;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  height: 20rem;
+
+  &__title{
+    margin-bottom: 2rem;
+    font-weight: bold;
+    font-size: 4.5rem;
+    line-height: 4.5rem;
+  }
+
+  &__text{
+    text-align: center;
+    font-size: 1.25rem;
+    line-height: 1.5rem;
+    @media screen and (max-width: 479px) {
+      font-size: 0.875rem;
+    }
+  }
+}

data/_sass/block/post-pager.scss

@@ -33,4 +33,4 @@
     color: $color-font-sub;
     font-size: 1rem;
   }
-}
+}

data/_sass/block/post.scss

@@ -1,5 +1,6 @@
 .additional-container{
   display: flex;
+  align-items: baseline;
   flex-direction: row;
   flex-wrap: wrap;
   margin-bottom: 2rem;
@@ -36,7 +37,6 @@
 
 .post-container {
   box-sizing: border-box;
-  margin-left: 5rem;
   padding: 2rem 0 0;
   width: 50rem;
 
@@ -255,7 +255,7 @@
   padding-bottom: 2rem !important;
   width: $size-post-container-width !important;
   @media screen and (max-width: 479px) {
-    padding-bottom: 0rem !important;
+    padding-bottom: 0.5rem !important;
     width: 100% !important;
   }
-}
+}

data/_sass/block/posts-pager.scss

@@ -40,4 +40,4 @@
     color: $color-font-sub;
     font-size: 1rem;
   }
-}
+}

data/_sass/block/profile-page.scss

@@ -1,3 +1,14 @@
+.profile-container {
+  box-sizing: border-box;
+  padding: 2rem 0 0;
+
+  @media screen and (max-width: 479px) {
+    margin-left: 0;
+    padding: 0;
+    width: 90%;
+  }
+}
+
 .profile-page {
   &__name {
     margin-bottom: 0.5rem;
@@ -9,6 +20,10 @@
     height: $size-profile-page-icon;
     border-radius: $size-profile-page-icon / 2;
     box-shadow: 0.25rem 0.25rem 0.25rem $color-shadow;
+    @media screen and (max-width: 479px) {
+      width: $size-profile-page-icon * 0.85;
+      height: $size-profile-page-icon * 0.85;
+    }
   }
 }
 
@@ -28,4 +43,4 @@
     flex-direction: column;
     justify-content: center;
   }
-}
+}

data/_sass/block/recent-articles.scss

@@ -1,4 +1,6 @@
 .recent_articles {
+  position: sticky;
+  top: 3rem;
   display: flex;
   flex-direction: column;
   padding: 2.5rem 0 0 2rem;

data/_sass/block/sns-container.scss

@@ -1,13 +1,14 @@
 .sns-container {
-  position: fixed;
+  position: sticky;
+  top: 3rem;
   display: flex;
   align-items: center;
   flex-direction: column;
   padding: 2.5rem 0 0;
   width: 5rem;
-
   @media screen and (max-width: 479px) {
     position: relative;
+    top: 0;
     display: flex;
     align-content: center;
     align-items: center;

data/_sass/block/social-link.scss

@@ -113,4 +113,4 @@
 
     @extend .fa-social-link;
   }
-}
+}

data/_sass/block/tag-cloud.scss

@@ -55,4 +55,4 @@
     text-decoration: none;
     font-size: 0.75rem;
   }
-}
+}

data/_sass/import.scss

@@ -7,6 +7,7 @@
 @import "block/amazon-associate";
 @import "block/footer";
 @import "block/header";
+@import "block/not-found";
 @import "block/post";
 @import "block/post-pager";
 @import "block/posts";

data/_sass/mixin/container.scss

@@ -5,4 +5,4 @@
     display: flex;
     width: $size-container-width-sp;
   }
-}
+}

data/_sass/mixin/shadow.scss

@@ -1,3 +1,3 @@
 @mixin shadow-bottom() {
   box-shadow: 0 0.15rem 0.15rem $color-shadow;
-}
+}

data/_sass/reset.scss

@@ -209,4 +209,4 @@ input[type="date"]::-webkit-calendar-picker-indicator {
 *::before,
 *::after {
   box-sizing: border-box
-}
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-louis
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.6
 platform: ruby
 authors:
 - ShimeWataru
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-08-29 00:00:00.000000000 Z
+date: 2020-09-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -112,6 +112,7 @@ files:
 - _sass/block/amazon-associate.scss
 - _sass/block/footer.scss
 - _sass/block/header.scss
+- _sass/block/not-found.scss
 - _sass/block/post-pager.scss
 - _sass/block/post.scss
 - _sass/block/posts-pager.scss
@@ -144,6 +145,7 @@ files:
 - assets/images/favicon/site.webmanifest
 - assets/images/profile_icon.png
 - assets/images/usage_image.png
+- assets/ogp/ogp.png
 homepage: https://github.com/wawawatataru/louis
 licenses:
 - MIT
@@ -163,7 +165,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.4
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: Louis is a Jekyll theme for Blog