really-simple 0.3.0 → 1.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 637a119baafca5676209954dd486bf133f237921
-  data.tar.gz: 333cb92694dfdd48bd86938b8094f1ff850ee645
+  metadata.gz: 16ee2275cfc8a68fae207bb3ef029a5249ebb810
+  data.tar.gz: aa0cfebf5ce73a42529daddf190af4856466fb37
 SHA512:
-  metadata.gz: 4693aa6adf9015dd9b1c34f308e7335b413084545abb190bf03944753d9d5c949e5648195ba68fece54309d1b6975430200a4bc1b0f8c475eead92fe5256b60c
-  data.tar.gz: 0b29f909c9bc754e2c689eca60833b68c497b7cc00e482f4f8cbfe4766a16c95fc81b0cd15388fbdeca994591f70b62a7ab181edc1e9428f94585d375a835717
+  metadata.gz: f4be1efc34960833ae3b8fb4d57959fd4a81b1028698dc555b8d03ac270cecdc4ae6288dbfec9ac6750595f93a6d35595c36508bb74aa73ff48a65ee30706ce1
+  data.tar.gz: 37bdda513c238b481254e054f400d39bf2e08de2c58fbb7af416a4715c5dad188e51a40614ac4da8392af56e725f9d24c3218a83f5af3a670714c7e65598b163

data/README.md

@@ -31,31 +31,30 @@ And then execute:
 $ bundle
 ```
 
-Now create or update your `archives.md` in the project root folder. Specify the archives layout:
-
-```
----
-layout: archives
----
-```
-Any content in this file will be included in the page.
-
-Alternately you can simply fork this repo and go from there.
-
 ## Customization
 
 ### Configuration
 
 The following settings are configurable in `_config.yml`:
 
-- **Title** - Title of your site. This is used in the header and footer.
-- **Post Limit** - The number of posts to show on the home page. Link to archives in the header and at the end of the home page will only display based on this setting. When this is not specified, Really Simple defaults the limit to 3.
+- `title` - Title of your site. This is used in the header and footer.
+
+- `post_limit` - The number of posts to show on the home page. Link to archives in the header and at the end of the home page will only display based on this setting. When this is not specified, Really Simple defaults the limit to 3.
+
+- `post_excerpt` - When the `active` property for `post_excerpt` is set to true the home page will display only the post excerpt of each post. The `caption` property allows customization of the "more" link under the post excerpt. See example below.
+
+- `google_analytics` - The google analytics Tracking ID. When specified, the appropriate script is included in the header.
 
 Here's an example:
 
 ```yml
 title: Really Simple # Title of site.
 post_limit: 3  # Number of posts to display on the home page.
+google_analytics: UA-111111111-1 # Google Analytics Tracking ID.
+post_excerpt:
+    active: true # Show excerpts of posts when true instead of entire posts on home page.
+    caption: "More..." # Anchor text that links to the entire post.
+archives_link_caption: Browse Archives # Anchor text for the link to archives.    
 ```
 
 ### Colors
@@ -63,6 +62,7 @@ The color palette can be changed and configured by changing the rgb in `_sass/_c
 
 ```scss
 $header-text-color: #ee4035;
+$header-nav-color: #0090B2;
 $content-text-color: #333;
 $footer-text-color: #ee4035;
 
@@ -79,12 +79,31 @@ The above will render the palette like so:
 
 ![Screenshot of customized colors](really-simple-rainbow-pallete.png)
 
+### Menu
 
-## Details
+The menu items are configuration driven. Any pages with the [front matter](https://jekyllrb.com/docs/frontmatter/) property of `menu_item` set to true will be rendered as part of the menu in the header. For example the consider the following pages:
+
+`archives.md`:
+```yml
+---
+title: Archives
+permalink: archives
+menu_item: true
+---
+```
+
+`about.md`:
+```yml
+---
+title: About
+menu_item: true
+---
+```
 
-- Link to archives in the header and at the end of the home page will only display when there are more than  post limit configured (or the default of 3 if it is not configured).
+Will render the menu items "About" and "Archives."
 
-- The header has two links: `Archives` and `About`. Really Simple expects these files to be in the root project folder. The `jekyll new` command will create a dummy `about.md` file in the root folder. Remove the layout metadata so that the Really Simple default template is used.
+### Layouts
+Really Simple comes with a simple layout for archives. Just include `layout: archives` front matter in your pages. You can find an example of this here.
 
 ## Philosophy
 

data/_layouts/archives.html

@@ -2,7 +2,7 @@
 layout: default
 ---
 
-<div class="home">
+<div class="archives">
 
   {{ content }}
 

data/_layouts/default.html

@@ -5,17 +5,33 @@
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ site.title | escape }}</title>
    <link rel="stylesheet" href="{{ "assets/main.css" | relative_url }}">
+
+   {% if jekyll.environment == 'production' and site.google_analytics %}
+   <!-- Global site tag (gtag.js) - Google Analytics -->
+   <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+   <script>
+     window.dataLayer = window.dataLayer || [];
+     function gtag(){dataLayer.push(arguments);}
+     gtag('js', new Date());
+
+     gtag('config', '{{ site.google_analytics }}');
+   </script>
+  {% endif %}
+
 </head>
 <body>
    {% assign post_limit = site.post_limit | default: 3 %}
    <div class="content">
       <div class="header">
          <a class="title" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
+
          <span class="nav">
-            {% if site.posts.size > post_limit %}
-            &raquo; <a href="{{ "archives" | relative_url }}">archives</a>
-            {% endif %}
-            &nbsp;&raquo; <a href="{{ "about" | relative_url }}">about</a>
+            <ul>
+               {% assign pages = site.pages | where: "menu_item", "true" %}
+               {% for page in pages %}
+                  <li><a href="{{ page.url }}">{{ page.title }}</a></li>
+               {% endfor %}
+            </ul>
          </span>
       </div>
 

data/_layouts/home.html

@@ -9,20 +9,21 @@ layout: default
   <ul class="post-list">
     {% assign post_limit = site.post_limit | default: 3 %}
     {% for post in site.posts limit: post_limit %}
+
       <li>
-        {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
+      {% if site.post_excerpt.active %}
+         {% include post_excerpt.html %}
+      {% else %}
         <h1 class="post-title">
           <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
        </h1>
-        <span class="post-meta">posted on {{ post.date | date: date_format }}</span>
+        <span class="post-meta">posted on {{ post.date | date: "%b %-d, %Y" }}</span>
         <div class="post-content">
-           {{ post.content }}
+            {{ post.content }}
         </div>
       </li>
+      {% endif %}
     {% endfor %}
   </ul>
 
-  {% if site.posts.size > post_limit %}
-  <a class="post-link" href="{{ "archives" | relative_url }}">More...</a>
-  {% endif %}
 </div>

data/_layouts/post.html

@@ -2,11 +2,10 @@
 layout: default
 ---
 
-  {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
   <h1 class="post-title">
     <a class="post-link" href="{{ page.url | relative_url }}">{{ page.title | escape }}</a>
  </h1>
-  <span class="post-meta">posted on {{ page.date | date: date_format }}</span>
+  <span class="post-meta">posted on {{ page.date | date: "%b %-d, %Y" }}</span>
   <div class="post-content">
      {{ page.content }}
   </div>

data/_sass/_colors.scss

@@ -3,6 +3,7 @@
  **/
 
 $header-text-color: #999;        // text and nav link color in the header.
+$header-nav-color: #0090B2;      // Menu item navigation color.
 $content-text-color: #333;       // content text color
 $footer-text-color: #999;        // text color in the footer.
 

data/_sass/_simple.scss

@@ -60,17 +60,28 @@ blockquote {
 
    .nav {
       margin-top:5px;
-      margin-left:20px;
       font-size:1em;
-      float:right;
+      float: right;
       white-space: nowrap;
 
+      ul {
+         list-style-type: none;
+         margin: 0;
+         padding: 0;
+      }
+
+      li {
+         display: inline;
+         margin-left:20px;
+      }
+
       a {
-         color: $header-text-color;
+         color: $header-nav-color;
          text-decoration: none;
 
          &:hover {
-            color: darken($header-text-color, 20%);
+            color: darken($header-nav-color, 20%);
+            text-decoration: underline;
          }
       }
    }
@@ -112,14 +123,14 @@ blockquote {
 
 }
 
-.post-meta {
+.post-meta, .post-excerpt-meta {
    color: lighten($content-text-color,40%);
    font-size: 0.9em;
 }
 
-.post-title { margin-bottom: 5px; }
+.post-title, .post-excerpt-title { margin-bottom: 5px; }
 
-.post-link {
+.post-link, .post-excerpt-link {
    color: $post-link-color;
    text-decoration: none;
 
@@ -128,7 +139,26 @@ blockquote {
    }
 }
 
-.post-content {
+.post-content, .post-excerpt-content {
    line-height: 1.5em;
+}
+
+.post-excerpt-title {
+   font-size: 1.3em;
+}
+
+.home-footer-archive-link {
+   border:1px solid lighten($post-link-color, 30%);
+   padding: 7px;
+   border-radius: 5px;
+
+   &:hover {
+      border:1px solid darken($post-link-color, 10%);
+      background: $post-link-color;
+      color: lighten($post-link-color, 45%);
+   }
+}
 
+.home-footer {
+   text-align: center;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: really-simple
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 1.0.1
 platform: ruby
 authors:
 - jusx
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-11-26 00:00:00.000000000 Z
+date: 2017-12-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -69,7 +69,7 @@ files:
 - _sass/_simple.scss
 - _sass/_syntax-highlighting.scss
 - assets/main.scss
-homepage: https://github.com/jusx/really-simple
+homepage: https://github.com/jusx/really-simple/tree/1.0.0
 licenses:
 - MIT
 metadata: {}