octopress-genesis-theme 0.0.9 → 0.0.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3446206fcd4aa41d0d34df1ed8a88283b69f36b9
-  data.tar.gz: f5333e9c9e46b03e792589de90ea313f0dfb8ae2
+  metadata.gz: 0a465bf72992838dd7b6a2ec49132351ccdbd5aa
+  data.tar.gz: 04eee8048dfe109774b47b00f5e4894097b2aa18
 SHA512:
-  metadata.gz: 1a082c1dd94c7317c0666f2e22291436b08920e6f63f515f9bd8d63356c768640f21c69c70965abe915494fc3470b4f3c36b77fd38beee23be40856b5f438393
-  data.tar.gz: 108fabf5ca59e33b6bb3623c52dea5520722574e1789e7d1e076601faaae7a17306c8212ab1aa1ac968250a293a3d74ec1942a1bf03d46c0c435b337ed1811ca
+  metadata.gz: 7759b1a3b313c47ac6256bb1d0e5151cac5acb4fe34f440f6cab379ee2f4171f2dff2dcbfa32a157f6fad251c4e0ce00579cfc1e89af283b763ae8f6f41d1912
+  data.tar.gz: 1f26d738ab29328393c82a737fee9ed921e10bf8b65e44c7b792b33ebabb1e401c23d39701b8a91225a78fd78381ecd2a2ff64892a1de9982091703b9277e98f

data/assets/config.yml

@@ -1,6 +1,5 @@
 # Settings for main header
 title: My Octopress Blog
-subtitle:
  
 # Links for main navigation
 main_nav:

data/assets/includes/head.html

@@ -4,6 +4,6 @@
 <meta name="MobileOptimized" content="320">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link href="{{ page.url | canonical_url }}" rel="canonical">
-<meta name='generator' content='{{ octopress.version }}'>
+<meta name='generator' content='Octopress v {{ octopress.version }}'>
 {% if page.description %}<meta name="description" content="{{ page.description | strip_html }}">{% endif %}
 {% css_asset_tag %}

data/assets/includes/index_post.html

@@ -7,6 +7,9 @@
 
 <article class="entry {% return 'excerpted' if excerpted %}" role="article">
   <header class="entry-header">
+    {% if post.cover_image %}
+    <img src='{{ post.cover_image }}'>
+    {% endif %}
     <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="{{ post.url | expand_url }}">{{ post.date_html }}</a></div>

data/assets/includes/inline-svgs.html

@@ -0,0 +1,4 @@
+<style>use { height: 0; }</style>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" style="display: none">
+  <g id="site-search-svg"><path d="M125.7,120l-5.7,5.7c-1.5,1.5-3.5,2.3-5.7,2.3c-2.1,0-4.2-0.8-5.7-2.3L72.4,89.3C65.2,93.6,56.9,96,48,96 C21.5,96,0,74.5,0,48S21.5,0,48,0s48,21.5,48,48c0,8.9-2.4,17.2-6.7,24.4l36.3,36.3C128.8,111.8,128.8,116.9,125.7,120z M48,80 c17.7,0,32-14.3,32-32S65.7,16,48,16c-17.7,0-32,14.3-32,32S30.3,80,48,80z"/></g>
+</svg>

data/assets/includes/main_nav.html

@@ -1,5 +1,5 @@
 <nav class='main-nav' role="navigation">
   {% include theme:nav_items.html nav=theme.main_nav class='main-nav' %}
-  <div class='main-nav-item main-nav-search'>{% include theme:search.html %}</div>
+  <div class='main-nav-item main-nav-search'>{% include theme:search.html nav='main' %}</div>
   <button class="mobile-nav-toggle" href="#" onclick="(function(){ document.querySelector('html').classList.toggle('mobile-nav-active') })()"><span class="mobile-nav-icon"></span><span class="hidden-label">Navigate<span></span></span></button>
 </nav>

data/assets/includes/mobile_nav.html

@@ -1,6 +1,6 @@
 <div class='nav-panel'>
 <nav class='mobile-nav' role="navigation">
-  <div class='mobile-nav-item mobile-nav-search'>{% include theme:search.html %}</div>
+  <div class='mobile-nav-item mobile-nav-search'>{% include theme:search.html nav='mobile' %}</div>
   {% include theme:nav_items.html nav=theme.main_nav class='mobile-nav' %}
   {% include theme:nav_items.html nav=theme.footer_nav class='mobile-nav' if theme.footer_nav %}
 </nav>

data/assets/includes/post_meta.html

@@ -1,5 +1,5 @@
 <div class="entry-meta">
-  <a href="{% return post.url || page.url %}">{% return post.date_html || page.date_html %}</a>
+  <a class='entry-date' href="{% return post.url || page.url %}">{% return post.date_html || page.date_html %}</a>
   {% include theme:category_links.html %}
   {% include theme:tag_links.html %}
 </div>

data/assets/includes/search.html

@@ -1 +1,15 @@
-{% capture search_template %}theme:search/{{ theme.search }}.html{% endcapture %}{% include search_template %}
+{% if theme.search == 'google' %}
+  {% assign search_action = "https://google.com/search" %}
+  {% assign search_name   = "sitesearch" %}
+{% elsif theme.search == 'duckduckgo' %}
+  {% assign search_action = "https://www.duckduckgo.com/" %}
+  {% assign search_name   = "sitesearch" %}
+{% endif %}
+
+<form class='site-search' action="{{ search_action }}" method="get">
+  <input type="hidden" name="{{ search_name }}" value="{{ site.url | strip_url_protocol }}">
+  <input id='site-search-{{ include.nav }}' class="site-search-input" type="text" name="q" results="0" placeholder="Search" accesskey="/">
+  <label class='site-search-label' for='site-search-{{ include.nav }}'><svg class='site-search-icon' viewBox="0 0 128 128">
+    <use xlink:href="#site-search-svg"></use>
+  </svg></label>
+</form>

data/assets/includes/site_header.html

@@ -1,4 +1,3 @@
 <header role="banner" class="site-header">
   <h1 class="site-title"><a class="site-title-link" href="{% return site.root || '/' %}">{{ theme.title }}</a></h1>
-  {% if theme.subtitle %}<p class='site-subtitle'>{{ theme.subtitle }}</p>{% endif %}
 </header>

data/assets/includes/social/sharing.html

@@ -1,4 +1,4 @@
-{% 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.sharing and page.sharing != false %}<div 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 %}
@@ -11,4 +11,4 @@
 {% if theme.sharing contains 'email' %}
 {% email_share_link %}
 {% endif %}
-</span>{% endif %}
+</div>{% endif %}

data/assets/layouts/article.html

@@ -0,0 +1,23 @@
+---
+layout: theme:default
+---
+{% assign page_type = (page.tags ? 'post' : 'page') %}
+<article class="entry {{ page_type }} {{ page.class }} {% return 'cover-image' if page.cover_image %} {% return 'linkpost' if page.linkpost %}" role="article">
+  <header class="entry-header">
+    {% assign title = (page.linkpost ? page.title_link : page.title_html) %}
+    <div class='entry-header-content'>
+      <h1 class="entry-title">{{ title }}</h1>
+      {% if page.subtitle %}<h2 class="entry-subtitle">{{ page.subtitle }}</h2>{% endif %}
+      {% yield header %}
+    </div>
+  </header>
+
+  {% include theme:post_meta.html | join_lines %}
+
+  <div class="entry-content">{{ content }}</div>
+
+  {% wrap yield footer %}<footer class='entry-footer' role='contentinfo'>
+    {{ yield }}
+  </footer>{% endwrap %}
+
+</article>

data/assets/layouts/base.html

@@ -6,6 +6,7 @@
 {% yield head %}
 </head>
 <body>
+  {% include theme:inline-svgs.html %}
   <div class="site">{{ content | expand_urls }}</div>
   {% js_asset_tag %}
   {% include theme:social/scripts.html %}

data/assets/layouts/default.html

@@ -8,8 +8,12 @@ layout: theme:base
 {% include theme:main_nav.html | compact_newlines %}
 </div></div>
 <div class="site-main">
-<div class="main {% return 'with-sidebar' if sidebar %}">
+<div class="main {% return 'with-sidebar' if page.sidebar %}">
   <div class="main-content">{{ content }}</div>
+  {% if page.sidebar %}
+    {% capture sidebar %}sidebars/{{ page.sidebar }}.html{% endcapture %}
+    {% wrap include sidebar %}<div class="main-sidebar"><div class="main-sidebar-content">{{ yield }}</div></div>{% endwrap %}
+  {% endif %}
 </div>
 </div>
 <div class="site-bottom"><div class="site-bottom-content">

data/assets/layouts/page.html

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

data/assets/layouts/post.html

@@ -1,28 +1,13 @@
 ---
-layout: theme:default
+layout: theme:article
 ---
-<article class="post entry {% return 'cover-image' if page.cover_image %} {% return 'linkpost' if page.linkpost %}" role="article">
-  <header class="entry-header">
-    {% assign title = (page.linkpost ? page.title_link : page.title_html) %}
-    <div class='entry-header-content'>
-      <h1 class="entry-title">{{ title }}</h1>
-      {% if page.subtitle %}<h2 class="entry-subtitle">{{ page.subtitle }}</h2>{% endif %}
-      {% yield header %}
-    </div>
-  </header>
+{% assign is_post = true %}
+{{ content }}
 
-  {% include theme:post_meta.html | join_lines %}
+{% include theme:social/sharing.html | join_lines %}
 
-  <div class="entry-content">{{ content }}</div>
-
-  <footer class='entry-footer' role='contentinfo'>
-    {% yield footer %}
-  </footer>
-
-  {% include theme:social/sharing.html | join_lines %}
-
-</article>
 {% 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/_cover-image.scss

@@ -14,13 +14,4 @@
       opacity: 1;
     }
   }
-  .main-nav-search {
-    opacity: 1;
-    input {
-      opacity: .8;
-      &:hover, &:focus {
-        opacity: 1;
-      }
-    }
-  }
 }

data/assets/stylesheets/_entry.scss

@@ -1,8 +1,8 @@
 .entry {
-  margin: { top: 4rem; bottom: 4rem; }
+  margin: { top: 4em; bottom: 4em; }
   margin: { left: auto; right: auto; }
   + .entry {
-    padding-top: 2rem;
+    padding-top: 2em;
     &:before {
       content: "";
       display: block;
@@ -10,7 +10,7 @@
       border-top: 1px solid $page-border;
       margin: 0 auto;
       position: relative;
-      top: -2rem;
+      top: -2em;
     }
   }
 }
@@ -38,13 +38,13 @@
 }
 
 .entry-content {
-  margin: { top: 3rem; bottom: 3rem; }
+  margin: { top: 2em; bottom: 2em; }
 }
 
 .entry-meta, .entry-subtitle, .entry-footer {
   font-family: $meta-font;
   font-weight: 400;
-  font-size: .9rem;
+  font-size: 1.6rem;
 }
 
 .entry-header > * {
@@ -53,7 +53,7 @@
 }
 .entry-subtitle {
   font-family: $subtitle-font;
-  font-size: 1.15em;
+  font-size: 2rem;
   margin-top: 0;
 }
 
@@ -83,7 +83,7 @@
       top: 0;
       bottom: 0;
       right: 0;
-      background: rgba(#000, .08);
+      background: rgba(#222,0.3);
     }
   }
 
@@ -95,10 +95,14 @@
 
   .entry-title {
     font-family: $title-font;
-    font-size: 2.5em;
+    font-size: 4.5rem;
+
+    @include at-least($small) {
+      font-size: 5.5rem;
+    }
 
     @include at-least($medium) {
-      font-size: 3.5em;
+      font-size: 6.5rem;
     }
   }
 }

data/assets/stylesheets/_header.scss

@@ -12,11 +12,14 @@
 
 .site-title {
   margin: 0;
-  font-size: 1.5rem;
-}
-
-.site-title {
   color: $site-title-color;
+  font-size: 2.2rem;
+  @include at-least($small) {
+    font-size: 2.5rem;
+  }
+  @include at-least($small) {
+    font-size: 2.8rem;
+  }
 }
 
 .site-title-link {
@@ -27,6 +30,7 @@
 
 .main-nav {
   color: $main-nav-color;
+  font-size: $main-nav-font-size;
 }
 
 .main-nav-item {
@@ -34,94 +38,37 @@
   font-family: $nav-font;
   text-decoration: none;
   color: inherit;
-  padding: 0 .3rem;
+  padding: 0 .3em;
+  line-height: 1.8em;
 
   &:last-child {
     padding-right: 0;
   }
-}
-a.main-nav-item {
-  &:hover {
-    color: $accent-color;
-  }
-}
-
-.main-nav-search {
-  padding: 0;
-  input {
-    cursor: pointer;
-    font-family: $nav-font;
-    line-height: 1.65em;
-    font-size: .8rem;
-
-    border: {
-      color: transparent;
-      width: 1px;
-      style: solid;
-      radius: .2rem;
-    }
-
-    background: none;
-    color: inherit;
-    padding: 0 .5rem;
-    outline: none;
-    width: 5em;
-    transition: all .25s ease-in-out;
-    position: relative;
-    top: -1px;
-
-    &:focus {
-      outline: none;
-      width: 10em;
-      border-color: inherit;
-      @include placeholder {
-        font-size: .8rem;
-        opacity: .5;
-      }
-    }
-
-    @include placeholder {
-      transition: opacity .25s ease-in-out;
-      font-size: $main-nav-font-size;
-      font-family: $nav-font;
-      color: inherit;
-      opacity: 1;
-    }
 
+  @include at-least($small) {
+    display: inline-block;
   }
 }
 
-.site-subtitle {
-  margin: .2rem 0;
-  color: $medium-text-color;
-  font-size: .95rem;
-}
-
-@include at-least($small) {
-  .main-nav-item {
-    display: inline-block;
+a.main-nav-item {
+  &:hover {
+    color: $accent-color;
   }
 }
 
-
 @include at-least($medium) {
   .site-top-content {
     display: table;
   }
   .site-header, .main-nav {
     display: table-cell;
-    padding: .7rem 1.4rem;
+    padding: .7em 1.4em;
   }
   .site-header {
     text-align: left;
   }
   .main-nav {
     text-align: right;
-    font-size: $main-nav-font-size;
-  }
-  .site-title {
-    margin: 0;
-    font-size: 1.8rem;
   }
 }
 

data/assets/stylesheets/_layout.scss

@@ -7,12 +7,13 @@ html, body, .site {
   margin: 0;
 }
 
+.site {
+  transform: translate3d(0,0,0);
+}
+
 .site-content {
   width: 100%;
   min-height: 100%;
-  display: table;
-  table-layout: fixed;
-  transform: translate3d(0,0,0);
 }
 
 .hidden-label {
@@ -21,8 +22,14 @@ html, body, .site {
   display: inline-block;
 }
 
-.site-top, .site-main, .site-bottom {
-  display: table-row;
+@include at-least($small) {
+  .site-content {
+    display: table;
+    table-layout: fixed;
+  }
+  .site-top, .site-main, .site-bottom {
+    display: table-row;
+  }
 }
 
 .site-main {
@@ -41,7 +48,7 @@ html, body, .site {
 }
 
 .main-content {
-  padding-bottom: 3rem;
+  padding-bottom: 3em;
 }
 
 @include at-least($large) {
@@ -52,9 +59,15 @@ html, body, .site {
 
   .main-sidebar {
     width: $main-sidebar-width;
+    border-left: 1px solid $page-border;
   }
 }
 
+.main-sidebar-content {
+  padding-left: $content-pad;
+  padding-right: $content-pad;
+}
+
 @include at-least($max) {
   .site {
     margin-left: auto;

data/assets/stylesheets/_mobile-nav.scss

@@ -8,6 +8,7 @@
   background: $mobile-nav-bg;
   font-family: $nav-font;
   transform:  translate3d(0,0,0);
+  z-index: -1;
 }
 
 .mobile-nav {
@@ -25,8 +26,8 @@
   border: 0px;
   background: none;
   position: absolute;
-  top: 1.5em;
-  left: 1.5em;
+  top: .8em;
+  left: .8em;
   
   &:focus {
     outline: none;
@@ -75,22 +76,22 @@
   color: $mobile-nav-color;
   display: block;
   text-decoration: none;
-  padding: .5rem 1rem;
+  padding: .5em 1.3em;
   border-bottom: 1px solid $mobile-nav-border;
 }
 
 .mobile-nav-search {
-  padding: 1rem .5rem 0;
+  padding: 1em .6em 0;
   border-bottom: 0;
   input {
     font-family: $nav-font;
-    font-size: $base-font-size;
+    font-size: 1.6rem;
     line-height: 1.65em;
     margin: 0;
     background: $mobile-nav-border;
     border: 1px solid lighten($mobile-nav-border, 5);
     color: $mobile-search-color;
-    padding: 0 .5rem;
+    padding: .3em .7em;
     outline: none;
     width: 100%;
     transition: all .25s ease-in-out;
@@ -99,15 +100,19 @@
 
     &:focus {
       outline: none;
+      @include placeholder {
+        opacity: .3;
+      }
     }
     @include placeholder {
       transition: opacity .25s ease-in-out;
-      font-size: $main-nav-font-size;
-      font-family: $nav-font;
       color: $mobile-search-color;
       opacity: .5;
     }
   }
+  .site-search-label {
+    display: none;
+  }
 }
 
 @include at-least($small) {

data/assets/stylesheets/_post-nav.scss

@@ -10,6 +10,10 @@
 .post-nav {
   border-top: 1px solid $page-border;
   overflow: hidden;
+  margin: {
+    top: 2em;
+    bottom: 2em;
+  }
 }
 
 .next-post     { float: right; text-align: right; }

data/assets/stylesheets/_search.scss

@@ -0,0 +1,89 @@
+.main-nav-search {
+  color: inherit;
+  position: relative;
+  padding: 0;
+
+  .site-search-input {
+    cursor: pointer;
+    font-family: $nav-font;
+    line-height: 1.7em;
+    font-size: 1.3rem;
+    background: none;
+    color: inherit;
+    padding: 0em .5em 0em 1.5em;
+    position: relative;
+    outline: none;
+    transition: all .2s ease-in-out;
+    font-size: $main-nav-font-size;
+    font-family: $nav-font;
+    border: none;
+    width: 2em;
+    opacity: .1;
+    margin: 0;
+    z-index: 1;
+
+    &:hover {
+      opacity: .2;
+    }
+
+    @include placeholder {
+      opacity: .5;
+      font-size: $main-nav-font-size;
+      font-family: $nav-font;
+      color: inherit;
+    }
+
+    &:focus {
+      width: 10em;
+      opacity: 1;
+      outline: none;
+      padding-left: 1.8em;
+
+      + .site-search-label:after {
+        opacity: .1;
+        background: currentColor;
+      }
+    }
+  }
+
+  .site-search-label {
+    position: absolute;
+    left: 0; top: 0; bottom: 0; right: 0;
+
+    &:after {
+      content: "";
+      position: absolute;
+      left: 0; top: 0; bottom: 0; right: 0;
+      background: currentColor;
+      opacity: .05;
+      transition: all .2s ease-in-out;
+      border-radius: 3px;
+    }
+  }
+
+  &:hover .site-search-label:after {
+    opacity: .1;
+  }
+}
+
+.site-search-label {
+  vertical-align: middle;
+}
+
+.site-search-icon {
+  padding-left: 1rem;
+  cursor: pointer;
+  opacity: 1;
+  z-index: 1;
+  height: 1em;
+  width: 1.6em;
+  fill: currentColor;
+  position: absolute;
+  left: .5em;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+
+
+

data/assets/stylesheets/_social.scss

@@ -28,14 +28,14 @@
     content: attr(title);
     position: absolute;
     top: 0;
-    padding: .1rem .4rem;
-    border-radius: .2rem;
+    padding: 4px 5px;
+    border-radius: 3px;
     display: inline-block;
-    line-height: 1rem;
-    font-size: .7rem;
+    line-height: 1em;
+    font-size: 14px;
     white-space: nowrap;
     transition: all .25s ease-in-out;
-    transform: translate(-50%, -10px);
+    transform: translate(-50%, -.1em);
     color: transparent;
     z-index: -2;
     border: 1px solid rgba(#000, 0);
@@ -55,7 +55,7 @@
     transition: all .25s ease-in-out;
   }
   &:hover:before {
-    transform: translate(-50%, -9px);
+    transform: translate(-50%, -10px);
   }
 }
 

data/assets/stylesheets/_theme.scss

@@ -9,7 +9,7 @@ html {
 
 a {
   text-decoration: none;
-  color: $link-color;
+  color: $accent-color;
   transition: color .25s ease-in-out;
   &:hover {
     color: $light-text-color;

data/assets/stylesheets/core/_colors.scss

@@ -1,5 +1,5 @@
 $main-bg:              #f4f3ef;//#edefef;//#f5f6f6;
-$page-border:          #dadede;
+$page-border:          darken($main-bg, 6);//#dadede;
 
 $accent-color:         #e46767; // pale red
 

data/assets/stylesheets/core/_index.scss

@@ -1,3 +1,4 @@
+@import 'state';
 @import 'sizes';
 @import 'mixins';
 @import 'grid';

data/assets/stylesheets/core/_sizes.scss

@@ -1,18 +1,18 @@
 // Global breakpoints
 $tiny: 320px;
 $small: 550px;
-$medium: 750px;
+$medium: 760px;
 $large: 900px;
 $max: 1080px;
 
 
 // Item widths
 $main-sidebar-width: 300px;
-$main-content-max: 900px;
+$main-content-max: 1080px;
 $content-pad: 20px;
 
 $h-pad-box: 5%, 40px;
 $v-pad-box: 5%, 30px;
 
-$base-font-size: 20px;
-$main-nav-font-size: 20px;
+$base-font-size: 10px;
+$main-nav-font-size: 1.6rem;

data/assets/stylesheets/core/_state.scss

@@ -0,0 +1,3 @@
+.is-hidden {
+  display: none;
+}

data/assets/stylesheets/core/_typography.scss

@@ -4,7 +4,14 @@ html {
 
 body {
   font-family: $main-font;
+  font-size: 1.8rem;
   line-height: 1.65em;
+  @include at-least($small) {
+    font-size: 2.1rem;
+  }
+  @include at-least($large) {
+    font-size: 2.4rem;
+  }
 }
 
 h1,h2,h3,h4,h5,h6 {
@@ -13,31 +20,31 @@ h1,h2,h3,h4,h5,h6 {
 }
 
 h1 {
-  font-size: 2.8rem;
+  font-size: 3.5rem;
 }
 
 h2 {
-  font-size: 2em;
+  font-size: 3rem;
 }
 
 h3 {
-  font-size: 1.6em;
+  font-size: 2.8rem;
 }
 
 h4 {
-  font-size: 1.3em;
+  font-size: 2.4rem;
 }
 
 h5 {
-  font-size: 1.2em;
+  font-size: 2rem;
 }
 
 h6 {
-  font-size: 1em;
+  font-size: 1.5rem;
 }
 
 p, ul, ol, dl, table, figure, blockquote {
-  margin: { top: 1.45rem; bottom: 1.45rem; }
+  margin: { top: 1.65em; bottom: 1.65em; }
 }
 
 figure {
@@ -51,10 +58,39 @@ img {
 blockquote {
   border-left: 5px solid $page-border;
   margin-left: 0;
-  padding: 1px .5rem 1px 2rem;
+  margin-right: 0;
+  padding: 1px 1.5em;
   color: $medium-text-color;
   p {
-    margin: .8rem 0;
+    margin: 1em 0;
+  }
+}
+
+figure.quote {
+  border-left: 5px solid $page-border;
+  padding: 0px 1em;
+
+  @include at-least($medium) {
+    padding: 1px 2em;
+  }
+
+  blockquote {
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .quote-source {
+    margin: 1em 0;
+    &:before {
+      content: " — ";
+    }
+  }
+  .quote-author + .quote-title {
+    &:before {
+      font-style: normal;
+      content: ", ";
+    }
   }
 }
 

data/assets/stylesheets/index.scss

@@ -13,4 +13,5 @@ $center-headings: {{ theme.center_headings }};
 @import "post-nav";
 @import "social";
 @import "cover-image";
+@import "search";
 @import "mobile-nav";

data/lib/octopress-genesis-theme.rb

@@ -11,6 +11,7 @@ require 'octopress-content-for'
 require 'octopress-filter-tag'
 require 'octopress-paginate'
 require 'octopress-social'
+require 'octopress-littlefoot'
 
 require 'octopress-genesis-theme/version'
 

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

@@ -1,5 +1,5 @@
 module Octopress
   module Genesis
-    VERSION = "0.0.9"
+    VERSION = "0.0.10"
   end
 end

metadata

@@ -1,29 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: octopress-genesis-theme
 version: !ruby/object:Gem::Version
-  version: 0.0.9
+  version: 0.0.10
 platform: ruby
 authors:
 - Brandon Mathis
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-04-07 00:00:00.000000000 Z
+date: 2015-05-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: octopress-ink
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1.0'
 - !ruby/object:Gem::Dependency
   name: octopress-linkblog
   requirement: !ruby/object:Gem::Requirement
@@ -136,6 +136,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: octopress-quote-tag
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: octopress-social
   requirement: !ruby/object:Gem::Requirement
@@ -150,6 +164,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: octopress-littlefoot
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: sass
   requirement: !ruby/object:Gem::Requirement
@@ -248,20 +276,20 @@ files:
 - assets/includes/cover_image.html
 - assets/includes/head.html
 - assets/includes/index_post.html
+- assets/includes/inline-svgs.html
 - assets/includes/main_nav.html
 - assets/includes/mobile_nav.html
 - assets/includes/nav_items.html
 - assets/includes/post_meta.html
 - assets/includes/post_nav.html
 - assets/includes/search.html
-- assets/includes/search/duckduckgo.html
-- assets/includes/search/google.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/article.html
 - assets/layouts/base.html
 - assets/layouts/default.html
 - assets/layouts/page.html
@@ -273,6 +301,7 @@ files:
 - assets/stylesheets/_layout.scss
 - assets/stylesheets/_mobile-nav.scss
 - assets/stylesheets/_post-nav.scss
+- assets/stylesheets/_search.scss
 - assets/stylesheets/_social.scss
 - assets/stylesheets/_theme.scss
 - assets/stylesheets/core/_colors.scss
@@ -281,6 +310,7 @@ files:
 - assets/stylesheets/core/_index.scss
 - assets/stylesheets/core/_mixins.scss
 - assets/stylesheets/core/_sizes.scss
+- assets/stylesheets/core/_state.scss
 - assets/stylesheets/core/_typography.scss
 - assets/stylesheets/index.scss
 - assets/templates/category_feed.xml
@@ -309,7 +339,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.6
 signing_key: 
 specification_version: 4
 summary: A Jekyll theme built on Octopress Ink

data/assets/includes/search/duckduckgo.html

@@ -1,4 +0,0 @@
-<form class='site-search' action="http://www.duckduckgo.com/" method="get">
-  <input type="hidden" name="sites" value="{{ site.url | strip_url_protocol }}">
-  <input class="search-input" type="text" name="q" results="0" placeholder="Search" accesskey="/">
-</form>

data/assets/includes/search/google.html

@@ -1,4 +0,0 @@
-<form class='site-search' action="https://google.com/search" method="get">
-  <input type="hidden" name="sitesearch" value="{{ site.url | strip_url_protocol }}">
-  <input class="search-input" type="text" name="q" results="0" placeholder="Search" accesskey="/">
-</form>