jekyll-theme-yat 1.0.1 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a435ef6001371fcf5562037fc2e45c466af7617b5eec3baea067254bfdec9f69
-  data.tar.gz: 0a31d8fe912a761ec58b519109db028304e2039a43a7588ffae5017a2b0d57e2
+  metadata.gz: 8e400b5095fe94ac655f5b7082ed7a1ed084d2f91df05628303d892261330214
+  data.tar.gz: b7a07628a1f055962edc70349575cf25b4ee5bdde8720b2f41b476fd22ec3eb8
 SHA512:
-  metadata.gz: bf0168e62b3a505dcd3a727f8391c3b82652c501a63a6ef16644b39b4f3f31598d0fb29b236a7e24243ed7bf3c64954e4fd83dce5874009037b8456c09b3cbba
-  data.tar.gz: 15798054a9ce741f8efec0980cd14de59ced3e9e01c0663fee9bf058680838b75b0f76a73a6f9579f96147bc53ba86a647d81bd50185f0e0064c264975882dfd
+  metadata.gz: eb2bc388b34096a5044585ba79e176ce17da6ee8f18c8609230e875bd5bc6e84d77effd1b548d010afeba8d364ddf3d8d3a4bc1d9476734f2d0f2b4f05fccffa
+  data.tar.gz: b4a421865b0ca37cefa41a3cebf68cd3c14b85e1665e1877df3e0e0adbbc33d87ef78c3c95fdfc2c1322ee49f33d17570b01902d747f9a802bef31e8f2a2e13e

data/_includes/head.html

@@ -4,10 +4,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="google-translate-customization" content="108d9124921d80c3-80e20d618ff053c8-g4f02ec6f3dba68b7-c"></meta>
   {%- seo -%}
-  {%- if site.favicon -%}
   <link rel="shortcut icon" href="{{ site.favicon }}">
-  {%- endif -%}
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
   {%- feed_meta -%}
   {%- if jekyll.environment == 'production' and site.google_analytics -%}

data/_includes/views/banner.html

@@ -21,7 +21,7 @@
 {% if banner %}
 
   {% assign auto_banner = true %}
-  {% assign array = banner | split: '//' %}
+  {% assign array = banner | split: '/' %}
   {% assign protocol = array[0]  %}
 
   {% if array.size > 1 and (protocol == '' or protocol == 'http:' or protocol == 'https:') %}
@@ -57,9 +57,23 @@
   </section>
 
   {%- if auto_banner -%}
+
     {%- assign selector = ".page-banner-img" -%}
-    {%- assign seed = page.id | append: '-seed-' | append: banner -%}
+
+    {%- if banner == "default" -%}
+
+      {%- assign heading = page.heading | default: page.title | escape -%}
+      {%- assign subheading = page.subheading | default: page.subtitle | escape -%}
+      {%- assign seed = page.date | append: heading | append: subheading -%}
+
+    {%- else -%}
+
+      {%- assign seed = 'theme-' | append: banner -%}
+
+    {%- endif -%}
+
     {%- include extensions/trianglify.html -%}
+
   {%- endif -%}
 
 {%- endif -%}

data/_includes/views/site-brand.html

@@ -1,7 +1,4 @@
-<a class="site-title" rel="author" href="{{ "/" | relative_url }}">
-  {%- if site.favicon -%}
-    <img class="site-favicon" title="{{ site.title | escape }}" src="{{
-    site.favicon }}">
-  {%- endif -%}
+<a class="site-brand-inner" rel="author" href="{{ "/" | relative_url }}">
+  <img class="site-favicon" title="{{ site.title | escape }}" src="{{ site.favicon }}" onerror="this.style.display='none'">
   {{ site.title | escape }}
 </a>

data/_sass/yat/_base.scss

@@ -226,15 +226,6 @@ table {
   }
 }
 
-/**
- * Vertical center
- */
-%vertical-center {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
 /**
  * Flex layout
  */
@@ -256,3 +247,33 @@ table {
   transform: scale(0.9999); /* <-- fix the sticky x overflow issue */
   top: $top;
 }
+
+/**
+ * Vertical center
+ */
+@mixin vertical-center($position) {
+  position: $position;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+/**
+ * Horizontal center
+ */
+@mixin horizontal-center($position) {
+  position: $position;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+/**
+ * Center background image
+ */
+@mixin center-image {
+  height: 100%;
+  max-width: 1000%;
+  background-size: cover;
+  background-position: center center;
+  overflow: hidden;
+}
+

data/_sass/yat/_layout.scss

@@ -16,36 +16,30 @@
 }
 
 .site-brand {
-  @extend %vertical-center;
-
-  float: left;
-  height: 100%;
-  max-height: 100%;
+  @include vertical-center(absolute);
   margin-right: 50px;
 
-  .site-favicon {
-    margin-right: 10px;
-    height: 65%;
-    max-height: 65%;
-    border-radius: 65%;
-    box-shadow: 0 0 2px #080808d1;
-    transition: 0.2s;
-
-    &:hover {
-      box-shadow: 0 0 5px #080808d1;
-    }
-  }
-
-  .site-title {
+  .site-brand-inner {
     @include relative-font-size(1.125);
     font-weight: $base-font-weight;
-    line-height: $header-height;
-    text-shadow: 0 0 3px #080808d1;
+    filter: drop-shadow(0 0 2px #08080880);
+    text-shadow: 0 0 2px #080808d0;
     letter-spacing: -1px;
+    transition: drop-shadow 0.2s;
 
     &, &:visited {
       color: $header-text-color;
     }
+
+    &:hover {
+      filter: drop-shadow(0 0 3px #080808a0);
+    }
+
+    .site-favicon {
+      display: inline-block;
+      height: $header-height / 1.5;
+      margin-right: 5px;
+    }
   }
 }
 
@@ -157,7 +151,7 @@
  */
 .page-content {
   @extend %flex-1; /* <-- Keep footer on the bottom */
-  padding: $spacing-unit 0;
+  padding: $spacing-unit * 1.5 0;
 }
 
 .page-heading {
@@ -280,19 +274,12 @@
 
   .page-banner-img {
     position: absolute;
+    width: 100%;
     height: 100%;
     overflow: hidden;
 
     & > *:first-child {
-      position: relative;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      height: 100%;
-      max-width: 1000%;
-      background-size: cover;
-      background-position: center center;
-      overflow: hidden;
+      @include center-image;
     }
   }
 
@@ -301,9 +288,8 @@
   }
 
   .page-banner-inner {
-    @extend %vertical-center;
+    @include vertical-center(relative);
 
-    position: relative;
     color: $banner-text-color;
     padding: 10px 5px;
     text-shadow: 1px 1px 2px #333;

data/_sass/yat.scss

@@ -31,7 +31,7 @@ $footer-height: $header-height * 1.05 !default;
 $footer-text-color: rgba(lighten(invert($theme-color), 30%), 50%) !default;
 $footer-background-color: darken($theme-color, 5%) !default;
 
-$banner-height: 350px !default;
+$banner-height: 380px !default;
 $banner-text-color: lighten($white-color, 0%) !default;
 $banner-background: darken(#333, 5%) !default;
 

data/assets/main.scss

@@ -4,7 +4,7 @@
 
 // Default theme colors
 $theme-colors: (
-  spacegrey: #222222,
+  spacegrey: #353535,
   inkpurple: #543581,
   aquablue: #00aaa0,
   azureblue: #2863b1,
@@ -19,7 +19,7 @@ $theme-color: map-get($theme-colors, "spacegrey");
 @if map-has-key($theme-colors, $theme-name) {
   $theme-color: map-get($theme-colors, $theme-name);
 } @else if str-index($theme-name, "#") == 1 {
-  $theme-color: {{ site.theme_color | default: '#222' }};
+  $theme-color: {{ site.theme_color | default: '#353535' }};
 }
 
 @import "yat";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-yat
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 1.1.0
 platform: ruby
 authors:
 - jeffreytse
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-09-14 00:00:00.000000000 Z
+date: 2019-09-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -80,6 +80,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.1'
+- !ruby/object:Gem::Dependency
+  name: jekyll-sitemap
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
 - !ruby/object:Gem::Dependency
   name: jekyll-paginate
   requirement: !ruby/object:Gem::Requirement
@@ -156,7 +170,8 @@ files:
 homepage: https://github.com/jeffreytse/jekyll-theme-yat
 licenses:
 - MIT
-metadata: {}
+metadata:
+  plugin_type: theme
 post_install_message: 
 rdoc_options: []
 require_paths: