octopress-genesis-theme 0.0.6 → 0.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 336a06cbe5e99782d6bbcd912a39bb79fcabbcd6
-  data.tar.gz: 1d5d6db8478f1c772ab34191c95c890478f96a3e
+  metadata.gz: c11f79f4233565fbc2cf97abe1084ed08fc1654a
+  data.tar.gz: c37e437cb6465c09f85224b80dd044fabb723500
 SHA512:
-  metadata.gz: 3b70f96c89bd25f2a40e7bf39b331ab9d74a583f93c3e09d31a2e60bc2e2872e4653f0d65bc2520d7f7d30fc8102842ac961e5325856eec1c400a778a2c0c300
-  data.tar.gz: 938026119546fb71404ca0cdf09f0cc0f9509d4f2bba258d22f325d9b0083a05081233b41c12bbffab5770afa0d157e421d3a5cd4f3df80f2a3988b61bfb953e
+  metadata.gz: a1b1eff397b22188a99d5d4bc4670fdc9347ce843e69202dcfd547db12fc4b32c0c81fca1936fadf4a7bf2233c826ec8cd65ae7797a0dedb7ddb79b0e32965ed
+  data.tar.gz: e26698a6890fe02855f717aba333a3838630ecc21a7b2ad3c2b3c30b1fd36863a0072bd7243c091c70810799163b0c6ca314d67e56e220b743c1e64fa352b4bb

data/README.md

@@ -64,6 +64,21 @@ You can also easily overwrite stylesheets, layouts, partials and basically every
 this plugin by adding a copy of that file in the `_plugins/theme` directory. More on that
 later.
 
+## Multilingual Support
+
+If you're going to be building a multilingual site, be sure to
+install [octopress-multilingual](https://github.com/octopress/multilingual) and this theme will automatically generate language specific pages for your:
+
+- Posts index
+- Archive page
+- Category indexes (if you use them)
+- Tag indexes (if you use them)
+
+Also you will be able to set theme configurations for each language.
+For example to configure theme settings for your German pages,
+you'd create a `_plugins/theme/config_[lang].yml` and add
+whatever settings you want to override.
+
 ## Contributing
 
 1. Fork it ( https://github.com/octopress/genesis-theme/fork )

data/assets/config.yml

@@ -8,6 +8,7 @@ nav:
   - { url: '/archive/', title: 'Archive' }
   - { url: '/feed/', title: 'Subscribe' }
 
+# Link labels
 permalink_label: "Permalink"
 read_more_label: "Continue Reading →"
 
@@ -16,4 +17,17 @@ excerpt_index: false
 
 search: google
 
+sharing:
+  - facebook
+  - twitter
+  - gplus
+  - email
+
+share_with: buttons  # or buttons
+comments: false
+excerpt_posts: true
+excerpt_linkposts: false
+
+
 center_headings: true
+

data/assets/includes/category_links.html

@@ -0,0 +1,2 @@
+{% capture categories %}{% category_links %}{% endcapture %}
+{% if categories != '' %}<span class='entry-categories'>{{ categories }}</span>{% endif %}

data/assets/includes/head.html

@@ -7,4 +7,3 @@
 <meta name='generator' content='{{ octopress.version }}'>
 {% if page.description %}<meta name="description" content="{{ page.description | strip_html }}">{% endif %}
 {% css_asset_tag %}
-{% yield head %}

data/assets/includes/index_post.html

@@ -0,0 +1,20 @@
+{% if post.excerpted and ((post.linkpost == false and theme.excerpt_posts) or (post.linkpost and theme.excerpt_linkposts)) %}
+{% assign excerpted = true %}
+{% else %}{% assign excerpted = false %}{% endif %}
+
+{% assign post_content = (excerpted ? post.excerpt : post.content) %}
+{% assign permalink_label = (excerpted ? theme.read_more_label : theme.permalink_label) %}
+
+<article class="entry {% return 'excerpted' if excerpted %}" role="article">
+  <header class="entry-header">
+    <h2 class="entry-title">{{ post.title_link }}</h2>
+    {% if post.subtitle %}<h2 class="entry-subtitle">{{ post.subtitle }}</h2>{% endif %}
+    <div class="entry-meta"><a href="{{ page.title_url }}">{{ post.date_html }}</a></div>
+  </header>
+
+  <div class="entry-content">{{ post_content }}</div>
+
+  <footer class='entry-footer'>
+    <a class='permalink' rel="full-article" href="{{ post.url }}">{{ permalink_label }}</a>
+  </footer>
+</article>

data/assets/includes/post_meta.html

@@ -0,0 +1,6 @@
+<div class="entry-meta">
+  <a href="{{ page.title_url }}">{{ page.date_html }}</a>
+  {% include theme:category_links.html %}
+  {% include theme:tag_links.html %}
+  {% include theme:social/sharing.html %}
+</div>

data/assets/includes/{post-nav.html → post_nav.html}

@@ -1,17 +1,15 @@
 {% if page.previous.url or page.next.url %}
 <nav role="pagination" class="post-nav">
 {% if page.previous.url %}
-<a class="previous-post" href="{{ page.previous.url }}" title="Previous Article: {{ page.previous.title_text }}">
+<a class="previous-post" href="{{ page.previous.url }}" title="Previous Article: {{ page.previous.title }}">
   <div class='previous-post-marker'><span class='previous-post-arrow'>&larr;</span> Previous Article</div>
-  <h6 class='previous-post-title'>{{ page.previous.title_html }}</h6>
-  <div class="previous-post-date">{{ page.previous.date_html }}</div>
+  <h6 class='previous-post-title'>{{ page.previous.title }}</h6>
 </a>
 {% endif %}
 {% if page.next.url %}
-<a class="next-post" href="{{ page.next.url }}" title="Next Article: {{ page.next.title_text }}">
+<a class="next-post" href="{{ page.next.url }}" title="Next Article: {{ page.next.title }}">
   <div class='next-post-marker'>Next Article <span class='next-post-arrow'>&rarr;</span></div>
-  <h6 class='next-post-title'>{{ page.next.title_html }}</h6>
-  <div class="next-post-date">{{ page.next.date_html }}</div>
+  <h6 class='next-post-title'>{{ page.next.title }}</h6>
 </a>
 {% endif %}
 </nav>

data/assets/includes/social/comments.html

@@ -0,0 +1 @@
+{% if theme.comments == 'facebook' %}{% facebook_comments %}{% endif %}

data/assets/includes/social/scripts.html

@@ -0,0 +1,5 @@
+{% if theme.share_with == 'buttons' %}
+{% if theme.sharing contains 'twitter' %}{% twitter_script_tag %}{% endif %}
+{% if theme.sharing contains 'facebook' or theme.comments == 'facebook' %}{% facebook_script_tag %}{% endif %}
+{% if theme.sharing contains 'gplus' %}{% gplus_script_tag %}{% endif %}
+{% elsif theme.comments == 'facebook' %}{% facebook_script_tag %}{% endif %}

data/assets/includes/social/sharing.html

@@ -0,0 +1,14 @@
+{% if theme.sharing and page.sharing != false %}<span class="entry-social-sharing {% if theme.share_with == 'buttons' %}social-buttons{% else %}social-links{% endif %}">
+{% if theme.share_with == 'buttons' %}
+{% if theme.sharing contains 'twitter' %}{% tweet_button %}{% endif %}
+{% if theme.sharing contains 'facebook' %}{% facebook_like_button %}{% endif %}
+{% if theme.sharing contains 'gplus' %}{% gplus_one_button %}{% endif %}
+{% elsif theme.share_with == 'links' %}
+{% if theme.sharing contains 'twitter' %}{% tweet_link %}{% endif %}
+{% if theme.sharing contains 'facebook' %}{% facebook_share_link %}{% endif %}
+{% if theme.sharing contains 'gplus' %}{% gplus_share_link %}{% endif %}
+{% endif %}
+{% if theme.sharing contains 'email' %}
+{% email_share_link %}
+{% endif %}
+</span>{% endif %}

data/assets/includes/tag_links.html

@@ -0,0 +1,2 @@
+{% capture tags %}{% tag_links %}{% endcapture %}
+{% if tags != '' %}<span class='entry-tags'>tagged: {{ tags }}</span>{% endif %}

data/assets/layouts/base.html

@@ -2,11 +2,14 @@
 <html class="{{ page.class }}" lang="{% return page.lang || site.lang || 'en' %}" >
 <head>
 {% include theme:head.html | expand_urls %}
+{% yield head %}
 </head>
 <body>
   <div class="site">
     <div class="site-content">{{ content | expand_urls }}</div>
   {% js_asset_tag %}
   </div>
+  {% include theme:social/scripts.html %}
+  {% yield footer_scripts %}
 </body>
 </html>

data/assets/layouts/default.html

@@ -2,8 +2,8 @@
 layout: theme:base
 ---
 <div class="site-top"><div class="site-top-content">
-{% include theme:site-header.html | compact_newlines %}
-{% include theme:primary-nav.html | compact_newlines %}
+{% include theme:site_header.html | compact_newlines %}
+{% include theme:primary_nav.html | compact_newlines %}
 </div></div>
 <div class="site-main">
 <div class="main {% return 'with-sidebar' if sidebar %}">
@@ -11,5 +11,5 @@ layout: theme:base
 </div>
 </div>
 <div class="site-bottom"><div class="site-bottom-content">
-{% include theme:site-footer.html %}
+{% include theme:site_footer.html %}
 </div></div>

data/assets/layouts/page.html

@@ -5,12 +5,14 @@ layout: theme:default
   <header class="entry-header">
     <h1 class="entry-title">{{ page.title_html }}</h1>
     <div class="entry-meta">{{ page.date_html }}</div>
-    <div class="entry-social top">{% include theme:social/page-header.html %}</div>
+    {% wrap include theme:social/sharing.html if theme.sharing and page.sharing == true %}
+    <div class="entry-social top">{{ yield }}</div>
+    {% endwrap %}
   </header>
 
   <div class="entry-content">{{ content }}</div>
 
 </article>
-{% wrap include theme:comments/embed.html if page.comments %}
+{% wrap include theme:social/comments.html if theme.comments and page.comments == true %}
 <div class='entry-comments'>{{ yield }}</div>
 {% endwrap %}

data/assets/layouts/paginated-posts.html

@@ -3,7 +3,7 @@ layout: theme:default
 ---
 <div class="post-index">
   {% for post in paginator.posts %}
-    {% include theme:index-post.html %}
+    {% include theme:index_post.html %}
   {% endfor %}
 </div>
 

data/assets/layouts/post.html

@@ -1,38 +1,25 @@
 ---
 layout: theme:default
 ---
-<article class="post entry {% return 'graphic-title' if page.title-graphic %} {% return 'linkpost' if entry.linkpost %}" role="article">
-  {% if page.title-graphic %}
-    <header class="entry-header" style='background-image: url("{{ page.title-graphic }}")'>
-  {% else %}
-    <header class="entry-header">
-  {% endif %}
+<article class="post entry {% return 'graphic-title' if page.title-graphic %} {% return 'linkpost' if page.linkpost %}" role="article">
+  
+  <header class="entry-header {% if page.title-graphic %} graphic-entry-header" style="background-image: url('{{ page.title-graphic }}'){% endif %}">
     {% assign title = (page.linkpost ? page.title_link : page.title_html) %}
     <h1 class="entry-title">{{ title }}</h1>
     {% if page.subtitle %}<h2 class="entry-subtitle">{{ page.subtitle }}</h2>{% endif %}
-    <div class="entry-meta">{{ page.date_html }}</div>
-    <div class="entry-social header">{% include theme:social/post-header.html %}</div>
     {% yield header %}
   </header>
 
   <div class="entry-content">{{ content }}</div>
 
   <footer class='entry-footer' role='contentinfo'>
-    <div class="entry-meta">
-      {% yield footer %}
-      {% assign author = page.author || site.author %}
-      {% if author %}
-        <span class='author-credit'>Written by {{ author }}</span> &mdash; 
-      {% endif %}
-      <span class='posted-date'>{{ page.date_time_html }}</span>
-      {% if page.categories.size > 0 %} 
-        &mdash; <span class="categories">{{ page.categories | category_links }}</span>
-      {% endif %}
-    </div>
-    <div class="entry-social footer">{% include theme:social/post-footer.html %}</div>
+    {% yield footer %}
   </footer>
+
+  {% include theme:post_meta.html | join_lines %}
+
 </article>
-{% include theme:post-nav.html %}
-{% wrap include theme:comments/embed.html if post.comments %}
+{% include theme:post_nav.html %}
+{% wrap include theme:social/comments.html if theme.comments and page.comments != false %}
 <div class='entry-comments'>{{ yield }}</div>
 {% endwrap %}

data/assets/stylesheets/_entry.scss

@@ -12,6 +12,9 @@
       top: -2rem;
     }
   }
+  a {
+    text-decoration: none;
+  }
 }
 
 .article-link {
@@ -30,10 +33,6 @@
 
 .entry-title {
   margin-bottom: 0;
-  font-size: 2.4rem;
-  @include at-least($medium) {
-    font-size: 2.8rem;
-  }
 }
 
 .entry-meta {
@@ -59,7 +58,7 @@
   z-index: 1;
 }
 .entry-subtitle {
-  font-size: 1.4rem;
+  font-size: 1.15em;
   margin-top: 0;
 }
 
@@ -92,3 +91,30 @@
     }
   }
 }
+
+.entry-meta {
+  display: block;
+  text-align: center;
+  .entry-header + & {
+    margin: 2em auto;
+  }
+  a {
+    color: $light-text-color;
+    &:hover {
+      color: $link-color;
+    }
+  }
+}
+
+.entry-social-sharing {
+  display: block;
+  margin: 2em auto;
+}
+
+.entry-categories, .entry-tags {
+  &:before {
+    content: "•";
+    padding: 0 8px;
+    opacity: .4;
+  }
+}

data/assets/stylesheets/_grid.scss

@@ -1,7 +1,3 @@
-/* ==========================================================================
- * Grid core - Based on Griddle, Heavily customized.
- * ========================================================================== */
-
 @mixin destroy-margins {
   @include destroy-top-margins;
   @include destroy-bottom-margins;
@@ -24,6 +20,9 @@
   @include destroy-margins;
 }
 
+/* ==========================================================================
+ * Grid core
+ * ========================================================================== */
 
 $grid-gutter: 4%;
 $margin: 30px;
@@ -140,14 +139,28 @@ $cell-sizes: (1:one, 2:two, 3:three, 4:four, 5:five, 6:six);
     .#{map-get($cell-sizes, $i)}-of-#{map-get($cell-sizes, $num)} {
       width: 100%*$i/$num; 
     }
+    .small-#{map-get($cell-sizes, $i)}-of-#{map-get($cell-sizes, $num)} {
+      @include at-least($small) {
+        width: 100%*$i/$num; 
+      }
+    }
+    .medium-#{map-get($cell-sizes, $i)}-of-#{map-get($cell-sizes, $num)} {
+      @include at-least($medium) {
+        width: 100%*$i/$num; 
+      }
+    }
+    .large-#{map-get($cell-sizes, $i)}-of-#{map-get($cell-sizes, $num)} {
+      @include at-least($medium) {
+        width: 100%*$i/$num; 
+      }
+    }
   }
 }
 
-@include grid-cell(6);
-@include grid-cell(5);
-@include grid-cell(4);
-@include grid-cell(3);
 @include grid-cell(2);
+@include grid-cell(3);
+@include grid-cell(4);
+@include grid-cell(5);
+@include grid-cell(6);
 .small-golden { width: 38.2%; }
 .large-golden { width: 61.8%; }
-

data/assets/stylesheets/_layout.scss

@@ -59,9 +59,8 @@ html, body, .site {
 .limit-width,
 .entry-title,
 .entry-subtitle,
-.entry-social,
 .entry-content, 
-header .entry-meta,
+.entry-meta,
 .post-nav,
 .entry-footer {
   max-width: $main-content-max;
@@ -69,4 +68,3 @@ header .entry-meta,
   padding-right: $content-pad;
   margin: { left: auto; right: auto; }
 }
-

data/assets/stylesheets/_sizes.scss

@@ -1,6 +1,6 @@
 // Global breakpoints
 $tiny: 320px;
-$small: 600px;
+$small: 550px;
 $medium: 750px;
 $large: 900px;
 $max: 1080px;

data/assets/stylesheets/_social.scss

@@ -0,0 +1,135 @@
+%social-link {
+  transition: all .3s ease-in-out;
+  display: inline-block;
+  font-size: 0;
+  background: {
+    repeat: no-repeat;
+    position: center center;
+    size: 60% 55%;
+  }
+}
+
+%social-share-link {
+  @extend %social-link;
+  width: 55px;
+  height: 35px;
+  &:first-child {
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px;
+  }
+  &:last-child {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+  }
+}
+
+%social-profile-link {
+  @extend %social-link;
+  width: 55px;
+  height: 55px;
+}
+
+%twitter-logo {
+  background-image: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="14.6"%3E%3Cpath fill="%23fff" d="M15.9 2.3c.8-.5 1.3-1.2 1.6-2-.8.4-1.6.7-2.4.9C14.4.4 13.6 0 12.5 0c-1 0-1.9.4-2.6 1.1-.8.7-1.1 1.6-1.1 2.6 0 .3 0 .6.1.8C5.8 4.4 3.3 3.1 1.3.7.9 1.3.7 1.9.7 2.5c0 1.3.5 2.3 1.6 3.1-.5-.1-1.1-.2-1.6-.5 0 .9.3 1.7.8 2.4s1.3 1.1 2.1 1.3c-.2.1-.6.1-.9.1-.3 0-.5 0-.7-.1.2.8.7 1.4 1.3 1.8.6.5 1.3.7 2.2.7-1.3 1-2.9 1.6-4.6 1.6H0c1.7 1.1 3.6 1.6 5.7 1.6s4-.5 5.7-1.6c1.6-1.1 2.9-2.4 3.6-4 .8-1.6 1.2-3.2 1.2-4.9v-.4C17 3 17.6 2.4 18 1.7c-.7.3-1.4.5-2.1.6z"/%3E%3C/svg%3E');
+}
+%facebook-logo {
+  background-image: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="9" height="16"%3E%3Cpath fill="%23fff" d="M6 6h3v3H6v7H3V9H0V6h3V4.7c0-1.2.4-2.7 1.1-3.5C4.9.4 5.8 0 6.9 0H9v3H6.9c-.5 0-.9.4-.9.9V6z"/%3E%3C/svg%3E');
+}
+%g-plus-logo {
+  background-image: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14.8" height="14.9"%3E%3Cpath fill="%23fff" d="M7.7 8.5L7 8c-.2-.2-.5-.4-.5-.8s.3-.7.6-1c.8-.6 1.7-1.3 1.7-2.8S7.9 1.1 7.4.7h1.2L9.8 0H5.7c-1 0-2.4.2-3.5 1.1C1.4 1.8 1 2.8 1 3.7c0 1.5 1.2 3.1 3.3 3.1h.6c-.1.2-.2.4-.2.7 0 .6.3 1 .6 1.3-.9.1-2.5.2-3.8.9-1.2.7-1.5 1.7-1.5 2.4 0 1.5 1.4 2.8 4.2 2.8 3.4 0 5.2-1.9 5.2-3.7 0-1.3-.8-1.9-1.7-2.7zM5.2 6.3c-1.7 0-2.5-2.2-2.5-3.5 0-.5.1-1 .4-1.5.3-.4.9-.7 1.4-.7C6.1.6 7 2.8 7 4.2c0 .4 0 1-.5 1.4-.3.4-.9.7-1.3.7zm0 7.9c-2.1 0-3.5-1-3.5-2.4s1.3-1.9 1.7-2c.8-.3 1.9-.3 2.1-.3H6c1.5 1.1 2.1 1.6 2.1 2.6 0 1.2-1 2.1-2.9 2.1zM11.8 7h-2V6h2V4.1l1-.1v2h2v1h-2v2h-1V7z"/%3E%3C/svg%3E');
+}
+%github-logo {
+  background-image: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="32.6" height="31.8" %3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" fill="%23fff" d="M16.3 0C7.3 0 0 7.3 0 16.3c0 7.2 4.7 13.3 11.1 15.5.8.1 1.1-.4 1.1-.8v-2.8c-4.5 1-5.5-2.2-5.5-2.2-.7-1.9-1.8-2.4-1.8-2.4-1.5-1 .1-1 .1-1 1.6.1 2.5 1.7 2.5 1.7 1.5 2.5 3.8 1.8 4.7 1.4.1-1.1.6-1.8 1-2.2-3.6-.4-7.4-1.8-7.4-8.1 0-1.8.6-3.2 1.7-4.4-.1-.3-.7-2 .2-4.2 0 0 1.4-.4 4.5 1.7 1.3-.4 2.7-.5 4.1-.5 1.4 0 2.8.2 4.1.5 3.1-2.1 4.5-1.7 4.5-1.7.9 2.2.3 3.9.2 4.3 1 1.1 1.7 2.6 1.7 4.4 0 6.3-3.8 7.6-7.4 8 .6.5 1.1 1.5 1.1 3V31c0 .4.3.9 1.1.8 6.5-2.2 11.1-8.3 11.1-15.5C32.6 7.3 25.3 0 16.3 0z"/%3E%3C/svg%3E')
+}
+%email-logo {
+  background-image: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="72.1" height="48.7" viewBox="0 0 72.1 48.7"%3E%3Cg fill="%23fff"%3E%3Cpath d="M71.9 45.7c.1-.4.2-.9.2-1.4v-40c0-.5-.1-.9-.2-1.3L48.4 23.2l23.5 22.5zM36.1 28l6.2-5 3.1-2.6L69 .2c-.4-.1-.8-.2-1.2-.2H4.3c-.4 0-.8.1-1.2.2l23.6 20.2 3.1 2.6 6.3 5zM67.8 48.7c.4 0 .8-.1 1.2-.2L45.2 25.7 36 33.2l-9.2-7.5L3.2 48.5c.4.1.8.2 1.2.2h63.4zM.2 3c-.1.4-.2.9-.2 1.3v40c0 .5.1.9.2 1.4l23.5-22.6L.2 3z"/%3E%3C/g%3E%3C/svg%3E');
+  background-size: 45% 55%;
+}
+
+.github-profile-link {
+  @extend %social-profile-link;
+  @extend %github-logo;
+  background-color: #444;
+  &:hover {
+    background-color: #222;
+  }
+}
+
+.twitter-share-link {
+  @extend %social-share-link;
+  @extend %twitter-logo;
+  background-color: #1dadea;
+  &:hover {
+    background-color: darken(#1dadea, 8);
+  }
+}
+
+.facebook-share-link {
+  @extend %social-share-link;
+  @extend %facebook-logo;
+  background-color: #3c5a96;
+  &:hover {
+    background-color: darken(#3c5a96, 8);
+  }
+}
+
+.g-plus-share-link {
+  @extend %social-share-link;
+  @extend %g-plus-logo;
+  background-color: #d1493c;
+  &:hover {
+    background-color: darken(#d1493c, 8);
+  }
+}
+
+.social-links {
+  .email-share-link {
+    @extend %social-share-link;
+    @extend %email-logo;
+    background-color: #ed7a23;
+    &:hover {
+      background-color: darken(#ed7a23, 5);
+    }
+  }
+}
+
+.social-buttons {
+  > * { 
+    vertical-align: baseline; 
+    margin: 0 .2em;
+    line-height: 0em;
+  }
+  .email-share-link {
+    background-color: #ed7a23;
+    color: #fff;
+    font-size: .7rem;
+    padding: 0 .2em;
+    line-height: 1.1em;
+    border-radius: 2px;
+    margin: 0 .4em;
+    border: 1px solid rgba(#000, .1);
+    display: inline-block;
+    position: relative;
+    top: -.3em;
+
+    &:before {
+      content: "";
+      @extend %email-logo;
+      width: 1em;
+      height: 1em;
+      margin-right: 2px;
+      display: inline-block;
+      position: relative;
+      top: .15em;
+      background: {
+        repeat: no-repeat;
+        position: center center;
+        size: 90% 90%;
+      }
+    }
+    &:hover {
+      color: #fff;
+      background-color: darken(#ed7a23, 5);
+    }
+  }
+}

data/assets/stylesheets/index.scss

@@ -16,3 +16,4 @@ $center-headings: {{ theme.center_headings }};
 @import "header";
 @import "entry";
 @import "post-nav";
+@import "social";

data/assets/templates/category_index.html

@@ -0,0 +1,18 @@
+---
+layout: theme:default
+---
+<div class="page">
+  <div class="category-index">
+    {% for post in site.categories[page.category] %}
+      {% assign post_year = post.date | date: "%Y" %}
+      {% if post_year != current_year %}
+        {% if current_year %}</div>{% endif %}
+        {% assign current_year = post_year %}
+        <div class='archive-year'>
+        <h2 class='archive-year-heading'>{{ post_year }}</h2>
+      {% endif %}
+      {% include theme:archive_post.html %}
+    {% endfor %}
+    </div>
+  </div>
+</div>

data/assets/templates/post_archive.html

@@ -11,7 +11,7 @@ layout: theme:default
       <div class='archive-year'>
       <h2 class='archive-year-heading'>{{ post_year }}</h2>
     {% endif %}
-    {% include theme:archive-post.html %}
+    {% include theme:archive_post.html %}
   {% endfor %}
   </div>
 </div>

data/assets/templates/post_index.html

@@ -4,6 +4,6 @@ paginate: true
 ---
 <div class="post-index">
   {% for post in paginator.posts %}
-    {% include theme:index-post.html %}
+    {% include theme:index_post.html %}
   {% endfor %}
 </div>

data/lib/octopress-genesis-theme.rb

@@ -10,7 +10,7 @@ require 'octopress-include-tag'
 require 'octopress-content-for'
 require 'octopress-filter-tag'
 require 'octopress-paginate'
-require 'octopress-feeds'
+require 'octopress-social'
 
 require 'octopress-genesis-theme/version'
 

data/lib/octopress-genesis-theme/version.rb

@@ -1,5 +1,5 @@
 module Octopress
   module Genesis
-    VERSION = "0.0.6"
+    VERSION = "0.0.7"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: octopress-genesis-theme
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.0.7
 platform: ruby
 authors:
 - Brandon Mathis
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-15 00:00:00.000000000 Z
+date: 2015-03-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: octopress-ink
@@ -165,7 +165,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: octopress-feeds
+  name: octopress-social
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -257,21 +257,22 @@ extra_rdoc_files: []
 files:
 - README.md
 - assets/config.yml
-- assets/includes/archive-post.html
+- assets/includes/archive_post.html
+- assets/includes/category_links.html
 - assets/includes/head.html
-- assets/includes/index-post.html
-- assets/includes/post-nav.html
-- assets/includes/primary-nav.html
+- assets/includes/index_post.html
+- assets/includes/post_meta.html
+- assets/includes/post_nav.html
+- assets/includes/primary_nav.html
 - assets/includes/search/duckduckgo.html
 - assets/includes/search/google.html
-- assets/includes/site-footer.html
-- assets/includes/site-header.html
-- assets/includes/social/page-header.html
-- assets/includes/social/post-footer.html
-- assets/includes/social/post-header.html
+- assets/includes/site_footer.html
+- assets/includes/site_header.html
+- assets/includes/social/comments.html
+- assets/includes/social/scripts.html
+- assets/includes/social/sharing.html
+- assets/includes/tag_links.html
 - assets/layouts/base.html
-- assets/layouts/category-feed.html
-- assets/layouts/category-index.html
 - assets/layouts/default.html
 - assets/layouts/page.html
 - assets/layouts/paginated-posts.html
@@ -285,9 +286,12 @@ files:
 - assets/stylesheets/_mixins.scss
 - assets/stylesheets/_post-nav.scss
 - assets/stylesheets/_sizes.scss
+- assets/stylesheets/_social.scss
 - assets/stylesheets/_theme.scss
 - assets/stylesheets/_typography.scss
 - assets/stylesheets/index.scss
+- assets/templates/category_feed.xml
+- assets/templates/category_index.html
 - assets/templates/post_archive.html
 - assets/templates/post_index.html
 - lib/octopress-genesis-theme.rb

data/assets/includes/index-post.html

@@ -1,20 +0,0 @@
-{% if !post.linkpost %}
-{% assign post_content = (theme.excerpt_index ? post.excerpt : post.content) %}
-{% else %}{% assign post_content = post.content %}{% endif %}
-{% assign permalink_label = (post.excerpted ? theme.read_more_label : theme.permalink_label) %}
-
-<article class="entry {% return 'excerpted' if excerpted %}" role="article">
-  <header class="entry-header">
-    <h1 class="entry-title">{{ post.title_link }}</h1>
-    {% if post.subtitle %}<h2 class="entry-subtitle">{{ post.subtitle }}</h2>{% endif %}
-    <div class="entry-meta">{{ post.date_html }}</div>
-  </header>
-
-  <div class="entry-content">{{ post_content }}</div>
-
-  <footer class='entry-footer'>
-    <a class='permalink' rel="full-article" href="{{ post.url }}">{{ permalink_label }}</a>
-    {%_ categories post %}
-    {%_ tags post %}
-  </footer>
-</article>

data/assets/includes/social/page-header.html

@@ -1 +0,0 @@
-<!-- Page header social buttons go here -->

data/assets/includes/social/post-footer.html

@@ -1 +0,0 @@
-<!-- Post footer social buttons go here -->

data/assets/includes/social/post-header.html

@@ -1 +0,0 @@
-<!-- Post header social buttons go here -->

data/assets/layouts/category-index.html

@@ -1,16 +0,0 @@
----
-layout: theme:default
----
-<div class="category-archive">
-  {% for post in site.categories[page.category] %}
-    {% assign post_year = post.date | date: "%Y" %}
-    {% if post_year != current_year %}
-      {% if current_year %}</div>{% endif %}
-      {% assign current_year = post_year %}
-      <div class='archive-year'>
-      <h2 class='archive-year-heading'>{{ post_year }}</h2>
-    {% endif %}
-    {% include theme:archive-post.html %}
-  {% endfor %}
-  </div>
-</div>