jekyll-theme-cayman-blog 0.0.5 → 0.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 86b6deaed20062998d98b9ef8ed3fd7e7e0e9562
-  data.tar.gz: 0abbaed8cc4a54b8a15f0b3675fe2777f7cafeac
+  metadata.gz: 8e715bbba71a3bd42266de1b8619c9ebe498b5a1
+  data.tar.gz: e830cc4d2d9a842c4f82ec293f30f9e4ebae70e8
 SHA512:
-  metadata.gz: de9a7ea0fa6d6fec3be5ae1e30909f60dde5ed48e4e5f5dfe6f02d5067c7be6f8afbdb542c1cab3ee97707a16d3c9f0573a42ce30463c260f23f22e8d56ae3b3
-  data.tar.gz: 646aaf6dba6c78f76b22d51388b797a6fe9e9e687f18fb585fa503e1cc2a92bc34f93bad8025f39b0d8026ddf55ab0ccf4540ba2a2882ee6f4633c00b6632756
+  metadata.gz: af561465748224a9f863f4a431cf4f16cbd4711d4ecf428cdc773987d9894454fff235054c2ddc4a3523b82e358d2aea8487b6b63886d3ce8090a6a4c9bd0b5c
+  data.tar.gz: 00651f67dd88204ab4d60b84ad14ac5b5323ea120685498d8a69820c5635ef80b909ba30f7dc06b282f737b59e789693f93d5e6945ee0b22c9d9b155379773b4

data/404.md

@@ -0,0 +1,10 @@
+---
+layout: page
+title: 404 Error
+tagline: Ah snap! We could not find what you are looking for!
+permalink: /404.html
+---
+
+Try got get back to the Home Page and start over!
+
+[Go to the Home Page](./)

data/README.md

@@ -6,23 +6,75 @@
 
 <img src="thumbnail.png" alt="Thumbnail of cayman-blog" style="max-width:30%; border: 1px solid grey;"/> <img src="thumbnail-mobile.png" alt="Thumbnail of cayman-blog for mobile" style="width: 239px; height: 424px;"/>
 
-## Usage
+## Install
 
-To use the Cayman Blog theme:
+Cayman Blog Theme has been developed as a Jekyll theme gem for easier use. It is also 100% compatible with GitHub Pages — just with a more involved installation process according to whether you’re _running Jekyll v3.3+ and self-hosting_, or if you’re *hosting with GitHub Pages*.
 
-1. Add the following to your site's `_config.yml`:
+## Self hosting
 
-    ```yml
+If you’re running Jekyll v3.3+ and **self-hosting** you can quickly install the theme as Ruby gem:
+
+1. Add this line to your Jekyll site’s Gemfile:
+
+    ```
+    gem "jekyll-theme-cayman-blog"
+    ```
+
+2. Add this line to your Jekyll site’s _config.yml file:
+
+    ```
     theme: jekyll-theme-cayman-blog
     ```
 
-2. Optionally, if you'd like to preview your site on your computer, add the following to your site's `Gemfile`:
+3. Then run Bundler to install the theme gem and dependencies:
 
-    ```ruby
-    gem "github-pages", group: :jekyll_plugins
     ```
+    script/bootstrap
+    ```
+
+## Hosting with GitHub Pages
+
+If you’re *hosting your blog with GitHub Pages* you’ll have to consider this:
+
+:warning: As stated in the official [Jekyll documentation](https://jekyllrb.com/docs/themes/#installing-a-theme):
 
+> If you’re publishing your Jekyll site on [GitHub Pages](https://pages.github.com/), note that GitHub Pages supports only some gem-based themes. See [Supported Themes](https://pages.github.com/themes/) in GitHub’s documentation to see which themes are supported.
 
+Therefore, this theme, as well as many others, can not be installed in the same way as the ones officially supported by GitHub Pages (e.g. Cayman, Minima), a bit more effort has to be put on.
+
+The easiest way I found to install _Cayman Blog Theme_, is [installing the theme gem](gem-install), and then [converting the gem-based theme to regular theme](https://jekyllrb.com/docs/themes/#converting-gem-based-themes-to-regular-themes).
+
+Alternatively, for new projects, one could fork the whole theme, and keep only the interesting files.
+
+
+### Gem Install
+
+This method is preferred for existing _Jekyll blogs_, as well as newly created ones. Notice that the files `index.md`, `about.md`, `contact.md` will be overwritten (only `index.md` is really needed, the other two are just placeholders).
+
+1. Install the theme gem: ` $ gem install jekyll-theme-cayman-blog`
+3. Run `$ gem env gemdir` to know where the gem was installed
+4. Open the folder shown in the output
+5. Open the folder `gems`
+5. Open the theme folder (e.g. `jekyll-theme-cayman-blog-0.0.5`)
+6. Copy all the files into your newly created or existing blog folder    
+7. Leave empty `theme` your site's `_config.yml`:
+
+    ```yml
+    theme:
+    ```
+6. Modify `_config.yml`, `about.md`, `contact.md` for your project
+7. [Customize the theme](customizing)
+
+### Install as a Fork
+
+1. [Fork the repo](https://github.com/lorepirri/cayman-blog)
+2. Clone down the repo with `$ git clone git@github.com:username/reponame.git`
+3. Delete the `screenshot.png` and `screenshot-mobile.png` files
+3. Empty the `_posts` folder
+4. Install bundler and gems with `$ script/bootstrap`
+5. Run Jekyll with `$ script/server`
+6. Modify `_config.yml`, `about.md`, `contact.md` for your project
+7. [Customize the theme](customizing)
 
 ## Customizing
 
@@ -42,6 +94,55 @@ show_downloads: ["true" or "false" to indicate whether to provide a download URL
 google_analytics: [Your Google Analytics tracking ID]
 ```
 
+### RSS feeds
+
+To enable RSS feeds and also make visible an RSS feeds button in the footer, the [Jekyll Feed plugin](https://github.com/jekyll/jekyll-feed) must be installed.
+
+Add this line to your site's Gemfile:
+
+```ruby
+gem 'jekyll-feed'
+```
+
+And then add this line to your site's `_config.yml`:
+
+```yml
+gems:
+  - jekyll-feed
+```
+
+For more information about configuring this plugin, see the official [Jekyll Feed plugin](https://github.com/jekyll/jekyll-feed) page.
+
+### SEO tags
+
+Cayman Blog includes simple SEO tags from [jekyll-social-metatags](https://github.com/lorepirri/jekyll-social-metatags). Have a look at the page for its usage.
+
+The usage is compatible with the plugin [Jekyll SEO Tag](https://github.com/jekyll/jekyll-seo-tag), which provides a battle-tested template of crowdsourced best-practices.
+
+To switch to a better SEO tags however, one should install [Jekyll Feed plugin](https://github.com/jekyll/jekyll-feed):
+
+1. Add this line to your site's Gemfile:
+
+    ```ruby
+    gem 'jekyll-seo-tag'
+    ```
+
+2. And then add this line to your site's `_config.yml`:
+
+    ```yml
+    gems:
+      - jekyll-seo-tag
+    ```
+
+3. Replace with the following, the `<!-- jekyll-seo-tag -->` comment in your site's `default.html`:
+
+      ```liquid
+      {% seo %}
+      ```
+
+For more information about configuring this plugin, see the official [Jekyll SEO Tag](https://github.com/jekyll/jekyll-seo-tag) page.
+
+
 ### Stylesheet
 
 If you'd like to add your own custom styles:
@@ -94,7 +195,7 @@ If you'd like to preview the theme locally (for example, in the process of propo
 1. Clone down the theme's repository (`git clone https://github.com/lorepirri/cayman-blog`)
 2. `cd` into the theme's directory
 3. Run `script/bootstrap` to install the necessary dependencies
-4. Run `bundle exec jekyll serve` to start the preview server
+4. Run `script/server` to start the preview server
 5. Visit [`localhost:4000`](http://localhost:4000) in your browser to preview the theme
 
 ### Running tests

data/_includes/site-header.html

@@ -25,7 +25,10 @@
           {% 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>
+              {% if my_page.title contains "404" %}
+              {% else %}
+                <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+              {% endif %}
             {% endif %}
           {% endfor %}
         </div>

data/_includes/social-metatags.html

@@ -0,0 +1,130 @@
+<!-- Update your html tag to include the itemscope and itemtype attributes. -->
+<html itemscope itemtype="http://schema.org/Article">
+
+{% if page.title %}
+ {% assign page_title = page.title | escape %}
+{% else %}
+ {% assign page_title = site.title | escape %}
+{% endif %}
+
+
+{% if page.author or page.facebook.publisher %}
+  {% assign page_author = page.author | default: nil | escape %}
+  {% assign facebook_publisher = page.facebook.publisher | default: nil | escape %}
+  {% assign twitter_creator = page.twitter.username | default: site.twitter.site | default: nil | escape %}
+{% else %}
+  {% assign page_author = site.author | default: nil | escape %}
+  {% assign facebook_publisher = site.facebook.publisher | default: nil | escape %}
+  {% assign twitter_creator = site.twitter.username | default: nil | escape %}
+{% endif %}
+
+{% assign page_description = page.excerpt | default: site.description | default: site.github.project_tagline | strip_html | normalize_whitespace | truncate: 152 | escape %}
+
+{%if page.image %}
+  {% assign page_image = site.url | append: site.baseurl | append: page.image %}
+{%else if site.image %}
+  {% assign page_image = site.url | append: site.baseurl | append: site.image %}
+{%endif %}
+
+{% assign canonical_url = page.url | replace:'index.html','' | absolute_url %}
+
+<!-- Place this data between the <head> tags of your website -->
+{%if page_author %}
+  <meta name="author" content="{{ page_author }}">
+{%endif %}
+<meta name="description" content="{{ page_description }}" />
+{%if page.tags.length > 0 %}
+  <meta name="keywords" itemprop="tags" content="{{ page.tags | join: ', ' | escape }}"/>
+{%endif %}
+{%if page.keywords %}
+  <meta name="keywords" itemprop="keywords" content="{{ page.keywords | escape  }}">
+{%endif %}
+{%if page.categories.length > 0 %}
+  <meta name="keywords" itemprop="categories" content="{{ page.categories | join: ', ' | escape  }}">
+{%endif %}
+{%if page.category %}
+  <meta name="keywords" itemprop="category" content="{{ category | escape  }}">
+{%endif %}
+
+<!-- Schema.org markup for Google+ -->
+<meta itemprop="name" content="{{ page_title }}">
+<meta itemprop="description" content="{{ page_description }}">
+{%if page_image %}
+  <meta itemprop="image" content="{{ page_image }}">
+{%endif %}
+
+<!-- Twitter Card data -->
+<meta name="twitter:card" content="summary_large_image">
+
+{%if site.twitter.site %}
+  <meta name="twitter:site" content="@{{ site.twitter.site }}">
+{%endif %}
+
+<meta name="twitter:title" content="{{ page_title }}">
+<meta name="twitter:description" content="{{ page_description }}">
+
+{%if twitter_creator %}
+  <meta name="twitter:creator" content="@{{ twitter_creator }}">
+{%endif %}
+
+<!-- Twitter summary card with large image must be at least 280x150px -->
+{%if page_image %}
+  <meta name="twitter:image:src" content="{{ page_image }}">
+  <meta property="twitter:image" content="{{ page_image }}">
+{%endif %}
+<meta property="twitter:url" content="{{ canonical_url }}">
+
+<!-- Open Graph data -->
+<meta property="og:title" content="{{ page_title }}" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="{{ canonical_url }}" />
+{%if page_image %}
+  <meta property="og:image" content="{{ page_image }}" />
+{%endif %}
+<meta property="og:description" content="{{ page_description }}" />
+<meta property="og:site_name" content="{{ site.title }}" />
+{%if page.date %}
+  <meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}" />
+{%endif %}
+{%if page.modified_date %}
+  <meta property="article:modified_time" content="{{ page.modified_date | date_to_xmlschema }}" />
+{%endif %}
+
+{%if site.facebook.admins %}
+  <meta property="fb:admins" content="{{ site.facebook.admins }}" />
+{%endif %}
+
+{%if site.facebook.app_id %}
+  <meta property="fb:app_id" content="{{ site.facebook.app_id }}">
+{%endif %}
+
+{%if site.facebook.profile_id %}
+  <meta property="fb:profile_id" content="{{ site.facebook.profile_id }}">
+{%endif %}
+
+{%if facebook_publisher %}
+  <meta property="article:author" content="https://www.facebook.com/{{ facebook_publisher }}">
+{%endif %}
+
+{%if page.tags %}
+  {% for tag in page.tags %}
+    <meta property="article:tag" content="{{ tag | escape }}">
+  {% endfor %}
+{%endif %}
+
+{%if page.keywords %}
+  {% assign keywordsList = page.keywords | split:', ' %}
+  {% for keyword in keywordsList %}
+    <meta property="article:tag" content="{{ keyword | escape }}">
+  {% endfor %}
+{%endif %}
+
+{%if page.categories %}
+  {% for category in page.categories %}
+    <meta property="article:tag" content="{{ category | escape }}">
+  {% endfor %}
+{%endif %}
+
+{%if page.category %}
+  <meta property="article:tag" content="{{ category | escape }}">
+{%endif %}

data/_layouts/default.html

@@ -1,11 +1,41 @@
 <!DOCTYPE html>
-<html lang="{{ site.lang | default: "en-US" }}">
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+
   <head>
-    <meta charset="UTF-8">
-    <title>{{ page.title | default: site.title }}</title>
-    <meta name="description" content="{{ page.description | default: site.description | default: site.github.project_tagline }}"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Non social metatags -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="theme-color" content="#157878">
+
+    {% if page.title %}
+      {% assign page-title = page.title | escape %}
+    {% else %}
+      {% assign page-title = site.title | escape %}
+    {% endif %}
+
+    <title>{{ page-title }}</title>
+
+    {% if site.gems contains "jekyll-seo-tag" %}
+      <!-- jekyll-seo-tag -->
+    {% else %}
+      {% include social-metatags.html %}
+    {% endif %}
+
+    <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
+
+    {% if site.gems contains "jekyll-feed" %}
+      <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
+    {% endif %}
+
+    <link rel="shortcut icon" href="{{ site.url }}/favicon.ico">
+    <meta name="robots" content="noarchive">
+
+    <!-- <link rel="alternate" media="only screen and (max-width: 640px)" href="">
+    <link rel="alternate" media="handheld" href=""> -->
+
+
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
   </head>
@@ -14,21 +44,18 @@
     {% include site-header.html %}
 
     {% if page.layout == 'home' %}
-      {% assign project-name = site.title | default: site.github.repository_name %}
-      {% assign project-tagline = site.description | default: site.github.project_tagline %}
+      {% assign page-tagline = site.description | default: site.github.project_tagline | escape %}
     {% endif %}
     {% if page.layout == 'page' %}
-      {% assign project-name = page.title | escape %}
-      {% assign project-tagline = page.tagline | escape %}
+      {% assign page-tagline = page.tagline | escape %}
     {% endif %}
     {% if page.layout == 'post' %}
-      {% assign project-name = page.title | escape %}
-      {% assign project-tagline = page.tagline | default: site.github.project_tagline %}
+      {% assign page-tagline = page.tagline | escape  %}
     {% endif %}
 
     <section class="page-header">
-      <h1 class="project-name">{{ project-name }}</h1>
-      <h2 class="project-tagline">{{ project-tagline }}</h2>
+      <h1 class="project-name">{{ page-title }}</h1>
+      <h2 class="project-tagline">{{ page-tagline }}</h2>
       {% if page.layout == 'home' and site.github.is_project_page %}
           <a href="{{ site.github.repository_url }}" class="btn">View on GitHub</a>
         {% if site.show_downloads %}
@@ -43,8 +70,9 @@
           {% assign date_format = site.cayman-blog.date_format | default: "%b %-d, %Y" %}
           {{ page.date | date: date_format }}
         </time>
-        {% if page.author %}
-          • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>
+        {% assign page_author = page.author | default: site.author | default: nil | escape %}
+        {% if page_author %}
+          • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page_author }}</span></span>
         {% endif %}
         </h2>
       {% endif %}
@@ -52,13 +80,44 @@
     </section>
 
     <section class="main-content">
+
       {{ content }}
 
       <footer class="site-footer">
-        {% if site.github.is_project_page %}
-          <span class="site-footer-owner"><a href="{{ site.github.repository_url }}">{{ site.github.repository_name }}</a> is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>.</span>
+        <!-- SVG icons from https://iconmonstr.com -->
+
+        <!-- Github icon -->
+        <span class="my-span-icon">
+          <a href="{{ site.github.owner_url }}" aria-label="{{ site.github.owner_name }}'s GitHub" title="{{ site.github.owner_name }}'s GitHub">
+            <svg class="my-svg-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
+          </a>
+        </span>
+
+        <!-- Twitter icon -->
+        <span class="my-span-icon">
+          <a href="https://twitter.com/{{ site.twitter.username }}" aria-label="{{ site.github.owner_name }}'s Twitter" title="{{ site.github.owner_name }}'s Twitter">
+            <svg class="my-svg-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.066 9.645c.183 4.04-2.83 8.544-8.164 8.544-1.622 0-3.131-.476-4.402-1.291 1.524.18 3.045-.244 4.252-1.189-1.256-.023-2.317-.854-2.684-1.995.451.086.895.061 1.298-.049-1.381-.278-2.335-1.522-2.304-2.853.388.215.83.344 1.301.359-1.279-.855-1.641-2.544-.889-3.835 1.416 1.738 3.533 2.881 5.92 3.001-.419-1.796.944-3.527 2.799-3.527.825 0 1.572.349 2.096.907.654-.128 1.27-.368 1.824-.697-.215.671-.67 1.233-1.263 1.589.581-.07 1.135-.224 1.649-.453-.384.578-.87 1.084-1.433 1.489z"/></svg>
+          </a>
+        </span>
+
+        <!-- RSS icon -->
+        {% if site.gems contains "jekyll-feed" %}
+          <span class="my-span-icon">
+            <a href="{{ "/feed.xml" | relative_url }}" aria-label="RSS feed" title="{{ site.github.owner_name }}'s RSS feed">
+              <svg class="my-svg-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3.374 17c-.897 0-1.626-.727-1.626-1.624s.729-1.624 1.626-1.624 1.626.727 1.626 1.624-.729 1.624-1.626 1.624zm3.885 0c-.03-3.022-2.485-5.474-5.511-5.504v-2.406c4.361.03 7.889 3.555 7.92 7.91h-2.409zm4.081 0c-.016-5.297-4.303-9.571-9.592-9.594v-2.406c6.623.023 11.985 5.384 12 12h-2.408z"/></svg>
+            </a>
+          </span>
         {% endif %}
-        <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a>.</span>
+        <!-- Contact icon -->
+        {% assign about_page = site.pages | where: "path", "about.md" | first %}
+        {% if about_page.title %}
+          <span class="my-span-icon">
+            <a href="{{ about_page.url | relative_url }}" aria-label="Contact" title="Contact {{ site.github.owner_name }}">
+              <svg class="my-svg-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 .02c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.99 6.98l-6.99 5.666-6.991-5.666h13.981zm.01 10h-14v-8.505l7 5.673 7-5.672v8.504z"/></svg>
+            </a>
+          </span>
+        {% endif %}
+
       </footer>
     </section>
 

data/_layouts/home.html

@@ -4,23 +4,27 @@ layout: default
 
 <div>
 
-  <h2>Posts</h2>
-
   {{ content }}
 
+  <h2>Latest Posts</h2>
+
+  <div>&nbsp;</div>
+
   <ul class="post-list">
     {% for post in site.posts %}
       <li>
+
         {% assign date_format = site.cayman-blog.date_format | default: "%b %-d, %Y" %}
         <span class="post-meta">{{ post.date | date: date_format }}</span>
 
         <h2>
-          <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+          <a class="post-link" href="{{ post.url | relative_url }}" title="{{ post.title }}">{{ post.title | escape }}</a>
         </h2>
+
+        <span>{{ post.excerpt | markdownify | truncatewords: 30 }}</span>
+
       </li>
     {% endfor %}
   </ul>
 
-  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>
-
 </div>

data/_sass/blog/_layout.scss

@@ -90,15 +90,20 @@
       padding-bottom: 5px;
     }
 
+    .trigger {
+      padding-top: 20px;
+    }
     .page-link {
       display: block;
-      padding: 5px 10px;
+      padding: 10px 10px;
 
-      &:not(:last-child) {
-        margin-right: 0;
+      &:last-child {
+        margin-bottom: 10px;
       }
-      margin-left: 20px;
+      margin-right: 10px;
+      margin-left: 10px;
     }
+
   }
 }
 
@@ -110,11 +115,19 @@
   list-style: none;
 
   > li {
-    margin-bottom: $spacing-unit * 1.3;
+    margin-bottom: $spacing-unit * 1.5;
   }
 
   > li > h2 {
     margin-top: 0rem;
+    margin-bottom: 0.4rem;
+  }
+}
+
+@include media-query($on-palm) {
+  .post-list {
+    -webkit-margin-end: 10px;
+    -webkit-padding-start: 10px;
   }
 }
 

data/_sass/jekyll-theme-cayman-blog.scss

@@ -352,6 +352,7 @@ a {
 
   @include small {
     font-size: 0.9rem;
+    margin-bottom: 0.5rem;
   }
 }
 
@@ -363,3 +364,71 @@ a {
 .site-footer-credits {
   color: $blockquote-text-color;
 }
+
+.site-footer {
+
+  @include large {
+  }
+
+  @include medium {
+  }
+
+  @include small {
+  }
+
+  .my-span-icon {
+
+    a {
+    	text-decoration: none;
+    }
+    a:hover {
+      text-decoration: none;
+    }
+
+    @include large {
+      padding: 0px 5px 0px 5px;
+    }
+
+    @include medium {
+      //font-size: 1rem;
+      padding: 0px 10px 10px 10px;
+    }
+
+    @include small {
+      padding: 0px 10px 10px 10px;
+    }
+  }
+
+  .my-svg-icon {
+
+    color: $body-text-color; // IE8
+    fill: $body-text-color; // IE8
+    width: 24px;
+    height: 24px;
+
+    &:hover {
+      text-decoration: none;
+      color: $section-headings-color; // IE8
+      fill: $section-headings-color;
+      transform: scale(1.25);
+      transition: color .5s, transform .2s ease-out
+    }
+
+    @include large {
+      width: 28px;
+      height: 28px;
+    }
+
+    @include medium {
+      width: 32px;
+      height: 32px;
+    }
+
+    @include small {
+      width: 36px;
+      height: 36px;
+    }
+
+  } // social-icons
+
+}

data/about.md

@@ -0,0 +1,13 @@
+---
+layout: page
+title: About
+tagline: A few more words about this theme
+permalink: /about/
+---
+
+This is the _Cayman Blog_ Jekyll theme. You can find out more info about customizing this theme, as well as basic usage documentation, and source code at: [cayman-blog](https://github.com/lorepirri/cayman-blog)
+
+You can find the source code for _Jekyll_ at [jekyll](https://github.com/jekyll/jekyll)
+
+
+[Go to the Home Page](./)

data/contact.md

@@ -0,0 +1,14 @@
+---
+layout: page
+title: Contact
+tagline: Create a contact form and you are good to go
+---
+
+Jekyll is a great tool to create static sites but with static site, there's no backend to send your data to: that is why it's hard to put a form on a Jekyll site.
+
+Here listed some resources which provide  a saas service as a backend for forms (contact forms, hiring forms, etc.) to designers and developers like you:
+1. [Formspree (also open source, free)](https://formspree.io/)
+2. [FormKeep](https://formkeep.com/guides/contact-form-jekyll)
+3. [Simple Form](https://getsimpleform.com/)
+
+[Go to the Home Page](./)

data/index.md

@@ -0,0 +1,17 @@
+---
+#
+# Here you can change the text shown in the Home page before the Latest Posts section.
+#
+# Edit cayman-blog's home layout in _layouts instead if you wanna make some changes
+# See: https://jekyllrb.com/docs/themes/#overriding-theme-defaults
+#
+layout: home
+---
+
+Cayman Blog Theme is a clean, responsive blogging theme for Jekyll, with social features. It is inspired by the Cayman Theme for Github Pages, which can be greatly used for single projects but not as blogging platform.
+
+This theme has instead all you need to start today blogging with Jekyll, and no effort: pages, posts, few social buttons. Try loading this on mobile too.
+
+Have a look at the Github page for more information.
+
+You find this descriptive text in the `index.md` file, so you can change it, or remove it completely, according to your needs.

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-cayman-blog
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.6
 platform: ruby
 authors:
 - Lorenzo Pirritano
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-05-01 00:00:00.000000000 Z
+date: 2017-05-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -31,9 +31,11 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- 404.md
 - LICENSE
 - README.md
 - _includes/site-header.html
+- _includes/social-metatags.html
 - _layouts/default.html
 - _layouts/home.html
 - _layouts/page.html
@@ -45,7 +47,10 @@ files:
 - _sass/normalize.scss
 - _sass/rouge-github.scss
 - _sass/variables.scss
+- about.md
 - assets/css/style.scss
+- contact.md
+- index.md
 homepage: https://github.com/lorepirri/cayman-blog
 licenses:
 - CC0-1.0
@@ -69,6 +74,6 @@ rubyforge_project:
 rubygems_version: 2.6.8
 signing_key: 
 specification_version: 4
-summary: Cayman Blog is a Jekyll theme for GitHub Pages. Based on Cayman theme, with
-  blogging features.
+summary: Cayman Blog Theme is a clean, responsive blogging theme for Jekyll and GitHub
+  Pages, with social/SEO features. Based on Cayman theme.
 test_files: []