miniscule 0.1.7 → 0.1.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9f325bb4179ee5948bae4cbe8955d366a131bebf
-  data.tar.gz: 748afe1e122c61a5e137421c45e93cfbe55e5768
+  metadata.gz: fb76a5ad51149779c23052e68aee8a4c257e5967
+  data.tar.gz: fd0b85b4521e0f9bdc0e394999375faa9a41544b
 SHA512:
-  metadata.gz: 33d8d274dd6bd388c1967bc6a040346bd04cae4f101e8f388ace5d6b8de719d55164eb86bc84fd0d465472d7f63bc936289a59ac459c7d95635571fbd54d6304
-  data.tar.gz: 9bfe23d15e2d91dc97ce52b6d2a5a3dd3fe6770e807ff490b43bce71f0a0f93a97b48b724ccb90c5052eaf301e4bcc5bca18ad57ee501b463fc681d7818a5023
+  metadata.gz: 79a5022d631dd6a69d86b7eedca72e4ae6dc6517c131202452a74a8b322b2a396da178c95a746a516256ff75330d51e99dfdbc426770723642952d0faeecbfe1
+  data.tar.gz: 336faa76cde802b509d169e05b1903ac0a8915c3ce08270c296ebb2a63f13c49bcac8d1691849d000255b3eb28180b8af7af6a3e672777c4085372ed5edca7f3

data/_includes/head.html

@@ -5,6 +5,7 @@
   {%- seo -%}
   <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
   {%- feed_meta -%}
+  {%- include open-graph-tags.html -%}
   {%- if jekyll.environment == 'production' and site.google_analytics -%}
     {%- include google-analytics.html -%}
   {%- endif -%}
@@ -15,8 +16,8 @@
   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
   <link rel="manifest" href="/site.webmanifest">
   <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
-  <!-- https://fonts.google.com/?selection.family=Anton|Bitter|Lora|Merriweather -->
-  <link href="https://fonts.googleapis.com/css?family=Merriweather&display=swap" rel="stylesheet">
+  <!-- https://fonts.google.com/ -->
+  <link href="https://fonts.googleapis.com/css?family=Merriweather|Nunito&display=swap" rel="stylesheet">
   <meta name="msapplication-TileColor" content="#da532c">
   <meta name="theme-color" content="#ffffff">
 </head>

data/_includes/header.html

@@ -4,38 +4,40 @@
   {%- endif -%}
 
   <div class="cover-image">
-  </div>
-  <div class="wrapper">
-    {%- assign default_paths = site.pages | map: "path" -%}
-    {%- assign page_paths = site.header_pages | default: default_paths -%}
-    {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
-    <a class="site-title" rel="author" href="{{ "/" | relative_url }}">
-      <img src="{{ site.logo | default: "assets/default-profile.jpg" | relative_url }}" class="site-logo">
-    </a>
-    <a class="site-title" rel="author" href="{{ "/" | relative_url }}" style="margin-top: 9px;">
-      {{ site.title | escape }}
-    </a>
+    <div class="wrapper">
+      <a class="site-title" rel="author" href="{{ "/" | relative_url }}">
+        <img src="{{ site.logo | default: "assets/default-profile.jpg" | relative_url }}" class="site-logo">
+      </a>
+      <a class="site-title" rel="author" href="{{ "/" | relative_url }}" style="margin-top: 9px;">
+        {{ site.title | escape }}
+      </a>
+
+      {%- assign default_paths = site.pages | map: "path" -%}
+      {%- assign page_paths = site.header_pages | default: default_paths -%}
+      {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
 
-    {%- if titles_size > 0 -%}
-      <nav class="site-nav no-print">
-        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
-        <label for="nav-trigger">
-          <span class="menu-icon">
-            <svg viewBox="0 0 18 15" width="18px" height="15px">
-              <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
-            </svg>
-          </span>
-        </label>
+      {%- if titles_size > 0 -%}
+        <nav class="site-nav no-print">
+          <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+          <label for="nav-trigger">
+            <span class="menu-icon">
+              <svg viewBox="0 0 18 15" width="18px" height="15px">
+                <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
+              </svg>
+            </span>
+          </label>
 
-        <div class="trigger no-print">
-          {%- for path in page_paths -%}
-            {%- assign my_page = site.pages | where: "path", path | first -%}
-            {%- if my_page.title -%}
-            <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
-            {%- endif -%}
-          {%- endfor -%}
-        </div>
-      </nav>
-    {%- endif -%}
+          <div class="trigger no-print">
+            {%- for path in page_paths -%}
+              {%- assign my_page = site.pages | where: "path", path | first -%}
+                {%- if my_page.title -%}
+                  <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+                {%- endif -%}
+            {%- endfor -%}
+          </div>
+        </nav>
+      {%- endif -%}
+    </div>
   </div>
+
 </header>

data/_includes/open-graph-tags.html

@@ -0,0 +1,2 @@
+<!-- https://ogp.me/ -->
+<meta property="og:image" content="{{ site.logo | default: "assets/default-profile.jpg" | relative_url }}" />

data/_includes/share-linkedin.html

@@ -0,0 +1,6 @@
+<div class="share-linkedin">
+  Share to LinkedIn:
+  <script src="https://platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script>
+  <script type="IN/Share" data-url="{{ page.url | absolute_url }}"></script>
+</div>
+

data/_layouts/default.html

@@ -14,7 +14,6 @@
     </main>
 
     {%- include footer.html -%}
-
   </body>
 
 </html>

data/_layouts/home.html

@@ -10,7 +10,6 @@ layout: default
   {{ content }}
 
   {%- if site.posts.size > 0 -%}
-  <h2>Blog posts</h2>
     <ul class="post-list">
       {%- for post in site.posts -%}
       <li>

data/_layouts/page.html

@@ -4,7 +4,7 @@ layout: default
 <article class="post">
 
   <header class="post-header">
-    <h1 class="post-title">{{ page.title | escape }}</h1>
+    <h1 class="post-title">{{ page.display_title | default: page.title | escape }}</h1>
   </header>
 
   <div class="post-content">

data/_layouts/post.html

@@ -19,6 +19,8 @@ layout: default
     {{ content }}
   </div>
 
+  {%- include share-linkedin.html -%}
+
   {%- if site.disqus.shortname -%}
     {%- include disqus_comments.html -%}
   {%- endif -%}

data/_sass/minima/_base.scss

@@ -249,7 +249,7 @@ table {
     }
   }
   th, td {
-    padding: ($spacing-unit / 3) ($spacing-unit / 2);
+    padding: ($spacing-unit / 4) ($spacing-unit / 3);
   }
   th {
     background-color: lighten($grey-color-light, 3%);

data/_sass/minima/_layout.scss

@@ -25,8 +25,8 @@
 
 .site-nav {
   position: absolute;
-  top: 9px;
-  right: $spacing-unit / 2;
+  top: 17px;
+  right: 15px;
   background-color: $background-color;
   border: 1px solid $grey-color-light;
   border-radius: 5px;
@@ -70,7 +70,7 @@
   }
 
   .page-link {
-    color: $text-color;
+    color: black;
     line-height: $base-line-height;
     display: block;
     padding: 5px 10px;
@@ -106,6 +106,7 @@
 
     .page-link {
       display: inline;
+      color: white;
       padding: 0;
 
       &:not(:last-child) {

data/assets/main.scss

@@ -5,30 +5,35 @@
 @import "minima";
 
 .cover-image {
-	background-image: url("{{ site.cover_image | default: "assets/default-background.jpg" | relative_url }}");
-	height: 200px;
+//	background-image: url("{{ site.cover_image | default: "assets/default-background.jpg" | relative_url }}");
+  background-color: skyblue;
 	background-size: cover;
 	background-position: center left;
 	background-repeat: no-repeat;
+  padding: 10px 0;
+  border-bottom: 1px solid #e8e8e8;
 }
 
 .site-logo {
-	width: 100px;
-	height: 100px;
+	width: 50px;
+	height: 50px;
 	vertical-align: middle;
 	border-radius: 50%;
-	position: relative;
-	top: -50px;
-	border: solid white 3px;
+	border: solid white 2px;
 }
 
-.site-header .wrapper {
-	margin-bottom: -40px;
+.site-title,
+.site-title:active,
+.site-title:visited {
+  font-family: 'Nunito', sans-serif;
+  font-weight: bold;
+  color: white;
+  margin-left: 0.5em;
 }
 
-.site-title, h2 {
-	font-family: "Avenir Next W01", "Avenir Next", "Avenir", helvetica, arial, sans-serif;
-	font-weight: bold;
+h1, h2 {
+  font-family: 'Nunito', sans-serif;
+  font-weight: bold;
 }
 
 .trigger {
@@ -80,3 +85,27 @@ article.post img {
 	display: block;
 	margin: 20px auto;
 }
+
+.badge {
+  display: inline-block;
+  padding: .25em .4em;
+  font-size: 75%;
+/*  font-weight: 700; */
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25rem;
+
+  color: #fff;
+  background-color: #6c757d;
+}
+
+.share-linkedin {
+  vertical-align: middle;
+  text-align: right;
+  border: beige;
+  font-size: small;
+  font-weight: normal;
+  font-style: italic;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: miniscule
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.1.9
 platform: ruby
 authors:
 - Ronen Agranat
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-09-08 00:00:00.000000000 Z
+date: 2019-10-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -85,6 +85,8 @@ files:
 - _includes/icon-github.svg
 - _includes/icon-twitter.html
 - _includes/icon-twitter.svg
+- _includes/open-graph-tags.html
+- _includes/share-linkedin.html
 - _includes/social.html
 - _layouts/default.html
 - _layouts/home.html