miniscule 0.1.3 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: a4f6838231d817f0233429db27b56c638b392f55
-  data.tar.gz: 9a686ee697667134b7c9017178c7fe1b0bc2317b
+SHA256:
+  metadata.gz: d7f55f79428cd74c2aac4b4879e99316b7e1d0c5a8beeb49c719a00a41dce0bf
+  data.tar.gz: 66832d78d993f1c849acc7ee6258267980566517f7afdece5880367b504b7f1b
 SHA512:
-  metadata.gz: 4c0b78ff803bfb2c652da26506480def5b57c8b621b197276e31f21c540120a3851722be0d9ba4c6ca1f00ef61028bc9b11eb016d65f1983f26adaa42183a3ac
-  data.tar.gz: f8995b97e80a0be1c5b14d1ba2094d5d167ef4825c30f94e72c6a7a2755f743cd780defc4b3f9960732f42195bc322694586502f7871588e01c28ef26fa8b4c9
+  metadata.gz: 1d383b784a42901ce70802acfe167c8f2913b9c68e2c1a2e8f0df4346551f560bd7a68fe97bd4573e9ac2073beeb3b27fd341eaa7e8b7b97d5a02c0ab39b065c
+  data.tar.gz: 6f7768b678fb40b085f4fa1eac11f6f1329e834dbcc78819bd1b821cb2128250d4320ef9b0c51251ef774a21d40eaff3e8307df999ca519cc98c15810cbd2087

data/README.md

@@ -4,8 +4,22 @@ A slightly-less-minimal theme for Jekyll. Forked from the [default minima theme]
 
 [Theme preview](http://ronenagranat.com/)
 
+## Screenshots
+
+![Desktop screenshot](desktop1.png)
+![Desktop screenshot](mobile1.png)
+
 ## Installation
 
+First, install Jekyll and create a new site following the instructions on the [official webpage](https://jekyllrb.com/):
+
+
+    gem install bundler jekyll
+    jekyll new my-awesome-site
+    cd my-awesome-site
+
+*Then:*
+
 Add this line to your Jekyll site's Gemfile:
 
 ```ruby
@@ -22,6 +36,18 @@ And then execute:
 
     $ bundle
 
+to install and enable the theme.
+
+## Build and run
+
+To build:
+
+    $ bundle exec jekyll build
+
+To run:
+
+    $ bundle exec jekyll serve
+
 ## Features
 
 * Cover photo

data/_includes/footer.html

@@ -2,23 +2,19 @@
   <data class="u-url" href="{{ "/" | relative_url }}"></data>
 
   <div class="wrapper">
-
-
-    <div class="footer-col-wrapper">
+    <div class="footer-col-wrapper no-print">
       <div class="footer-col footer-col-1">
         <ul class="contact-list">
           <li class="p-name">
             {%- if site.author and site.show_author -%}
-            <--              {{ site.author | escape }} -->
-            {%- else -%}
-            <!--              {{ site.title | escape }} -->
+              {{ site.author | escape }}
             {%- endif -%}
-            </li>
-            {%- if site.email -%}
+          </li>
+          {%- if site.email -%}
             <li><h2 class="footer-heading">{{ site.title | escape }}</li>
             <li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
-            {%- endif -%}
-            <li><p class="feed-subscribe" style="padding-top: 1em"><svg class="svg-icon orange"><use xlink:href="{{ '/assets/minima-social-icons.svg#rss' | relative_url }}"></use></svg><a href="{{ "/feed.xml" | relative_url }}">Subscribe</a></p></li>
+          {%- endif -%}
+          <li><p class="feed-subscribe" style="padding-top: 1em"><svg class="svg-icon orange"><use xlink:href="{{ '/assets/minima-social-icons.svg#rss' | relative_url }}"></use></svg><a href="{{ "/feed.xml" | relative_url }}">Subscribe</a></p></li>
         </ul>
       </div>
 
@@ -35,5 +31,12 @@
         </p>
       </div>
     </div>
+    {%- if site.url -%}
+      <div class="print-only" style="margin: auto; width: 100%; text-align: center">
+        <small>
+          <strong>{{ site.url | escape }}</strong></a>
+        </small>
+      </div>
+    {%- endif -%}
   </div>
 </footer>

data/_includes/fork-me.html

@@ -1,2 +1,2 @@
 <!-- http://tholman.com/github-corners/ -->
-<a href="{{ site.fork_me_url }}" class="github-corner" aria-label="View source on GitHub"><svg width="40" height="40" viewBox="0 0 250 250" style="fill:#fff; color:#151513; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
+<a href="{{ site.fork_me_url }}" class="github-corner no-print" aria-label="View source on GitHub"><svg width="40" height="40" viewBox="0 0 250 250" style="fill:#fff; color:#151513; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>

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,6 +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/ -->
+  <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

@@ -1,41 +1,43 @@
-<header class="site-header">
+<header class="site-header no-print">
   {%- if site.show_fork_me && site.fork_me_url -%}
     {%- include fork-me.html -%}
   {%- 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">
-        <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">
-          {%- 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,9 +10,9 @@ layout: default
   {{ content }}
 
   {%- if site.posts.size > 0 -%}
-    <ul class="post-list">
+    <div style="display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;" class="post-list">
       {%- for post in site.posts -%}
-      <li>
+      <div style="border: #f0f0f0 solid 1px; padding: 7px; margin: 5px; max-width: 150px; min-height: 220px">
         {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
         <h3>
           <a class="post-link" href="{{ post.url | relative_url }}">
@@ -23,20 +23,23 @@ layout: default
         {%- if site.show_excerpts -%}
           {{ post.excerpt }}
         {%- endif -%}
-      </li>
+      </div>
       {%- endfor -%}
-    </ul>
+    </div>
 
   {%- endif -%}
 
   {%- if site.twitter_username and site.show_twitter_feed -%}
-    <a data-chrome="noheader, noscrollbar, nofooter, noborders" data-tweet-limit="3" data-dnt="true" class="twitter-timeline" href="https://twitter.com/ronenagranat?ref_src=twsrc%5Etfw">
+  <h2>Twitter feed</h2>
+  <center>
+  <a data-chrome="noheader, noscrollbar, nofooter, noborders" data-tweet-limit="3" data-dnt="true" class="twitter-timeline" href="https://twitter.com/{{ site.twitter_username }}">
       Tweets
     </a>
     <center>
       <a target="_blank" href="https://twitter.com/{{ site.twitter_username }}">Load more tweets</a>
     </center>
     <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+  </center>
   {%- endif -%}
 
 </div>

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.scss

@@ -2,7 +2,7 @@
 
 // Define defaults for each variable.
 
-$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$base-font-family: 'Merriweather', serif;
 $base-font-size:   16px !default;
 $base-font-weight: 400 !default;
 $small-font-size:  $base-font-size * 0.875 !default;

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) {
@@ -219,7 +220,7 @@
 
 .post-link {
   display: block;
-  @include relative-font-size(1.5);
+  @include relative-font-size(1.2);
 }
 
 

data/assets/main.scss

@@ -5,28 +5,107 @@
 @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: #142375;
 	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 {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+@media print
+{
+  .no-print, .no-print *
+  {
+    display: none !important;
+  }
+  .cover-image {
+    height: 50px;
+  }
+}
+
+/* hidden on-screen */
+.print-only {
+  display: none;
+}
+
+@media print {
+
+  /* visible when printed */
+  .print-only {
+    display: block;
+  }
+}
+
+.post-list li {
+	display: block;
+  padding: 20px 10px;
+  margin: 5px;
+  border: 1px solid #eee;
+}
+
+/* https://stackoverflow.com/questions/19331362/using-an-image-caption-in-markdown-jekyll */
+img + em {
+	display: block;
+	text-align: center;
+	margin-top: 4px;
+	font-size: small;
+	font-style: italic;
+	font-weight: 400;
+}
+
+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.3
+  version: 0.2.0
 platform: ruby
 authors:
 - Ronen Agranat
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-12-30 00:00:00.000000000 Z
+date: 2020-12-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -56,16 +56,30 @@ dependencies:
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.15'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: kramdown-parser-gfm
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.15'
+        version: '0'
 description: 
 email:
 - ronen.agranat@gmail.com
@@ -85,6 +99,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
@@ -119,7 +135,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.11
+rubygems_version: 2.7.6
 signing_key: 
 specification_version: 4
 summary: A slightly more beautiful, slightly less minimal theme for Jekyll.