steve-for-jekyll 1.0 → 1.1.1

data/_includes/footer.html

@@ -1,11 +1,11 @@
-<footer class="colophon">
-  <div class="site-info">
-    <h5>
-      <a href="{{ site.url }}">{{ site.title }}</a>
-    </h5>
-
-    {% include footer/custom-text.html %}
-  </div>
-
-  {% include footer/links.html %}
-</footer>
+<footer class="colophon">
+  <div class="site-info">
+    <h5>
+      <a href="{{ site.url }}">{{ site.title }}</a>
+    </h5>
+
+    {% include footer/custom-text.html %}
+  </div>
+
+  {% include footer/links.html %}
+</footer>

data/_includes/footer/custom-text.html

@@ -1,5 +1,5 @@
-{% comment %}
-  Create a file like this and add your own custom content that should be shown at the bottom of your website.
-{% endcomment %}
-
-{{ site.description }}
+{% comment %}
+  Create a file like this and add your own custom content that should be shown at the bottom of your website.
+{% endcomment %}
+
+{{ site.description }}

data/_includes/header.html

@@ -1,17 +1,17 @@
-{% capture site_branding %}
-<a href="{{ "/" | relative_url }}">
-  {% if site.logo %}
-    <img class="logo" src="{{ site.logo }}" alt="{{ site.title }}" />
-  {% else %}
-    {{ site.title }}
-  {% endif %}
-</a>
-{% endcapture %}
-
-<header class="masthead">
-  {% if page.title %}
-    <p class="site-title">{{ site_branding }}</p>
-  {% else %}
-    <h1 class="site-title">{{ site_branding }}</h1>
-  {% endif %} {% include header/menu.html %}
-</header>
+{% capture site_branding %}
+<a href="{{ "/" | relative_url }}">
+  {% if site.logo %}
+    <img class="logo" src="{{ site.logo }}" alt="{{ site.title }}" />
+  {% else %}
+    {{ site.title }}
+  {% endif %}
+</a>
+{% endcapture %}
+
+<header class="masthead">
+  {% if page.title %}
+    <p class="site-title">{{ site_branding }}</p>
+  {% else %}
+    <h1 class="site-title">{{ site_branding }}</h1>
+  {% endif %} {% include header/menu.html %}
+</header>

data/_includes/header/menu.html

@@ -1,12 +1,12 @@
-{% if site.data.menu %}
-  <nav class="site-menu">
-    {% for item in site.data.menu %}
-      <a class="menu-item" href="{{ item.url }}"
-        {% if item.external %} rel="external" {% endif %}
-        {% if item.color %} style="background-color: {{ item.color }}" {% endif %}
-      >
-        {{ item.title }}
-      </a>
-    {% endfor %}
-  </nav>
-{% endif %}
+{% if site.data.menu %}
+  <nav class="site-menu">
+    {% for item in site.data.menu %}
+      <a class="menu-item" href="{{ item.url }}"
+        {% if item.external %} rel="external" {% endif %}
+        {% if item.color %} style="background-color: {{ item.color }}" {% endif %}
+      >
+        {{ item.title }}
+      </a>
+    {% endfor %}
+  </nav>
+{% endif %}

data/_includes/post/comment-form.html

@@ -0,0 +1,69 @@
+<form action="{{ site.comments.staticman_endpoint }}" method="post">
+  <h3 class="form-title">{{ site.comments.form_title }}</h3>
+
+  <div class="comments-notice">
+    {{ site.comments.notice | markdownify }}
+  </div>
+
+  <div class="comment-message-area">
+    <label for="comment_message" class="visually-hidden">
+      {{ site.comments.fields.message.label }}
+    </label>
+
+    <textarea
+      id="comment_message"
+      class="message-area"
+      name="fields[message]"
+      placeholder="{{ site.comments.fields.message.placeholder }}"
+      required
+    ></textarea>
+  </div>
+
+  <div class="comment-fields">
+    <label for="comment_name" class="visually-hidden">
+      {{ site.comments.fields.name.label }}
+    </label>
+
+    <input
+      type="text"
+      id="comment_name"
+      class="comment-field"
+      name="fields[name]"
+      placeholder="{{ site.comments.fields.name.placeholder }}"
+      required
+    />
+
+    <label for="comment_email" class="visually-hidden">
+      {{ site.comments.fields.email.label }}
+    </label>
+    <input
+      type="email"
+      id="comment_email"
+      class="comment-field"
+      name="fields[email]"
+      placeholder="{{ site.comments.fields.email.placeholder }}"
+      required
+    />
+
+    <label for="comment_website" class="visually-hidden">
+      {{ site.comments.fields.website.label }}
+    </label>
+    <input
+      type="url"
+      id="comment_website"
+      class="comment-field"
+      name="fields[website]"
+      placeholder="{{ site.comments.fields.website.placeholder }}"
+    />
+  </div>
+
+  <div class="comment-actions">
+    <button class="form-submit" type="submit">
+      Submit Comment
+    </button>
+  </div>
+
+  <input type="hidden" name="options[redirect]" value="{{ page.url |
+  absolute_url }}#comments" />
+  <input type="hidden" name="options[slug]" value="{{ page.slug }}" />
+</form>

data/_includes/post/comments.html

@@ -0,0 +1,47 @@
+{% if site.data.comments[page.slug] or page.comments != false %}
+  <section id="comments" class="content">
+    <h2 class="comments-title">
+      {{ site.comments.title }}
+    </h2>
+
+    {% if site.data.comments[page.slug] %}
+      <ol class="comments-list">
+
+        {% assign comments = site.data.comments[page.slug] | sort: date %}
+
+        {% for comment_object in site.data.comments[page.slug] %}
+
+          {% assign comment = comment_object | last %}
+
+          <li class="comment-item">
+            <section class="comment">
+              <header class="comment-meta">
+                <img class="author-avatar" src="//www.gravatar.com/avatar/{{ comment.email }}?d=monsterid&s=64" alt="" />
+                <h5 class="author">
+                  {% if comment.website %}
+                    <a href="{{ comment.website }}" rel="author">
+                      {{ comment.name }}
+                    </a>
+                  {% else %}
+                    {{ comment.name }}
+                  {% endif %}
+                </h5>
+
+                <time class="comment-date">
+                  {{ comment.date | date: site.comments.date_format }}
+                </time>
+              </header>
+
+              <div class="comment-body">
+                {{ comment.message | markdownify }}
+              </div>
+            </section>
+          </li>
+        {% endfor %}
+
+      </ol>
+    {% endif %}
+
+    {% include post/comment-form.html %}
+  </section>
+{% endif %}

data/_includes/search-form.html

@@ -1,13 +1,13 @@
-<form action="//duckduckgo.com" method="get" {% if include.class %}class="{{ include.class }}"{% endif %}>
-  <label for="search_terms">{{ site.steve.search.label }}</label>
-
-  <div class="search-controls">
-
-    <input id="search_terms" placeholder="{{ site.steve.search.placeholder }}" type="search" name="q" required />
-    <input type="hidden" name="sites" value="{{ site.url | remove: 'https://' }}" />
-    <button type="submit">
-      {{ site.steve.search.submit }}
-    </button>
-
-  </div>
-</form>
+<form action="//duckduckgo.com" method="get" {% if include.class %}class="{{ include.class }}"{% endif %}>
+  <label for="search_terms">{{ site.steve.search.label }}</label>
+
+  <div class="search-controls">
+
+    <input id="search_terms" placeholder="{{ site.steve.search.placeholder }}" type="search" name="q" required />
+    <input type="hidden" name="sites" value="{{ site.url | remove: 'https://' }}" />
+    <button type="submit">
+      {{ site.steve.search.submit }}
+    </button>
+
+  </div>
+</form>

data/_layouts/archive.html

@@ -1,21 +1,21 @@
----
-layout: blog
----
-
-<header class="archive-header">
-  {% if page.date %}
-    <h1>
-      {{ site.steve.archives.date }}<br />
-      <strong>{{ page.date | date: site.steve.date_formats.archives[page.type] }}</strong>
-    </h1>
-  {% else %}
-    <h1>
-      {{ site.steve.archives[page.type] }}<br />
-      <strong>{{ page.title }}</strong>
-    </h1>
-  {% endif %}
-</header>
-
-{% for post in page.posts %}
-  {% include blog/post.html full_post=false %}
-{% endfor %}
+---
+layout: blog
+---
+
+<header class="archive-header">
+  {% if page.date %}
+    <h1>
+      {{ site.steve.archives.date }}<br />
+      <strong>{{ page.date | date: site.steve.date_formats.archives[page.type] }}</strong>
+    </h1>
+  {% else %}
+    <h1>
+      {{ site.steve.archives[page.type] }}<br />
+      <strong>{{ page.title }}</strong>
+    </h1>
+  {% endif %}
+</header>
+
+{% for post in page.posts %}
+  {% include blog/post.html full_post=false %}
+{% endfor %}

data/_layouts/default.html

@@ -1,18 +1,18 @@
-<!doctype html>
-<html lang="{{ page.lang | default: site.lang }}">
-  {% include head.html %}
-
-  <body class="{{ page.layout | prepend: 'layout-' }}">
-    {% include header.html %}
-
-    <main class="container">
-      {{ content }}
-    </main>
-
-    {% include footer.html %}
-
-    {% if content contains "iframe" %}
-      <script src="{% link assets/js/responsive-videos.js %}"></script>
-    {% endif %}
-  </body>
-</html>
+<!doctype html>
+<html lang="{{ page.lang | default: site.lang }}">
+  {% include head.html %}
+
+  <body class="{{ page.layout | prepend: 'layout-' }}">
+    {% include header.html %}
+
+    <main class="container">
+      {{ content }}
+    </main>
+
+    {% include footer.html %}
+
+    {% if content contains "iframe" %}
+      <script src="{% link assets/js/responsive-videos.js %}"></script>
+    {% endif %}
+  </body>
+</html>

data/_layouts/home.html

@@ -1,23 +1,23 @@
----
-layout: blog
----
-
-{% for post in paginator.posts %}
-  {% include blog/post.html %}
-{% endfor %}
-
-{% if paginator.total_pages > 1 %}
-  <nav class="content-navigation">
-    {% if paginator.previous_page %}
-      <a class="nav-link prev-link" href="{{ paginator.previous_page_path }}" rel="prev">
-        {{ site.steve.pagination.next_page }}
-      </a>
-    {% endif %}
-
-    {% if paginator.next_page %}
-      <a class="nav-link next-link" href="{{ paginator.next_page_path }}" rel="next">
-        {{ site.steve.pagination.prev_page }}
-      </a>
-    {% endif %}
-  </nav>
-{% endif %}
+---
+layout: blog
+---
+
+{% for post in paginator.posts %}
+  {% include blog/post.html %}
+{% endfor %}
+
+{% if paginator.total_pages > 1 %}
+  <nav class="content-navigation">
+    {% if paginator.previous_page %}
+      <a class="nav-link prev-link" href="{{ paginator.previous_page_path | relative_url }}" rel="prev">
+        {{ site.steve.pagination.next_page }}
+      </a>
+    {% endif %}
+
+    {% if paginator.next_page %}
+      <a class="nav-link next-link" href="{{ paginator.next_page_path | relative_url }}" rel="next">
+        {{ site.steve.pagination.prev_page }}
+      </a>
+    {% endif %}
+  </nav>
+{% endif %}

data/_layouts/page.html

@@ -1,15 +1,15 @@
----
-layout: default
----
-
-<article class="content page">
-  <header class="content-header">
-    <h1 class="content-title">
-      {{ page.title }}
-    </h1>
-  </header>
-
-  <div class="content-body">
-    {{ content }}
-  </div>
-</article>
+---
+layout: default
+---
+
+<article class="content page">
+  <header class="content-header">
+    <h1 class="content-title">
+      {{ page.title }}
+    </h1>
+  </header>
+
+  <div class="content-body">
+    {{ content }}
+  </div>
+</article>

data/_layouts/post.html

@@ -1,92 +1,115 @@
----
-layout: blog
----
-
-<article class="content post">
-  <header class="content-header">
-    {% if page.title != "" %}
-      <h1 class="content-title">
-        {{ page.title }}
-      </h1>
-    {% endif %}
-
-    <div class="content-meta">
-      <a class="content-date" href="{{ page.url }}" rel="bookmark">
-        <time datetime="{{ page.date | date_to_xmlschema }}">
-          {{ page.date | date: site.steve.date_formats.post }}
-        </time>
-      </a>
-
-      {% if page.author %}
-        {% assign author = site.data.authors[page.author] %}
-
-        {% if author.url %}
-          <a class="content-author" href="{{ author.url }}" rel="author">
-            {{ author.name }}
-          </a>
-        {% else %}
-          <a class="content-author" href="{{ page.author | prepend: 'https://twitter.com/' }}" rel="author">
-            {{ page.author }}
-          </a>
-        {% endif %}
-      {% endif %}
-    </div>
-  </header>
-
-  {% if page.image %}
-  <fig[ure class="content-cover">
-    <img src="{{ page.image.url | default: page.image }}" alt="{{ page.image.alt | default: '' }}" />
-  </fi]gure>
-  {% endif %}
-
-  <div class="content-body">
-    {{ page.content }}
-  </div>
-
-  {% if page.tags.size > 0 %}
-    <footer class="content-footer">
-      <p>{{ site.steve.post.tags }}</p>
-
-      <ul class="content-tags">
-        {% for tag in page.tags %}
-        <li>
-          {%- assign tag_slug = tag | slugify -%}
-
-          <a href="{{ site.jekyll-archives.permalinks.tag | replace: ':name', tag_slug }}" rel="tag">
-            {{ tag }}
-          </a>
-        </li>
-        {% endfor %}
-      </ul>
-    </footer>
-  {% endif %}
-</article>
-
-{% if site.steve.intensedebate_account and page.comments != false %}
-  <section id="comments" class="content comments">
-      <script>
-        var idcomments_acct = "{{ site.steve.intensedebate_account }}";
-        var idcomments_post_id = "{{ post.date | date: "%s" }}";
-        var idcomments_post_url = "{{ post.url | absolute_url }}";
-      </script>
-      <span id="IDCommentsPostTitle" style="display:none"></span>
-      <script type='text/javascript' src='https://www.intensedebate.com/js/genericCommentWrapperV2.js'></script>
-  </section>
-{% endif %}
-
-{% if page.previous or page.next %}
-  <nav class="content-navigation">
-    {% if page.previous %}
-      <a class="nav-link prev-link" href="{{ page.previous.url }}" rel="prev">
-        {{ site.steve.pagination.prev_post }} <strong>{{ page.previous.title }}</strong>
-      </a>
-    {% endif %}
-
-    {% if page.next %}
-      <a class="nav-link next-link" href="{{ page.next.url }}" rel="next">
-        {{ site.steve.pagination.next_post }} <strong>{{ page.next.title }}</strong>
-      </a>
-    {% endif %}
-  </nav>
-{% endif %}
-
+---
+layout: blog
+---
+
+<article class="content post">
+  <header class="content-header">
+    {% if page.category %}
+      <div class="content-meta">
+        {%- assign category_slug = page.category | slugify -%}
+        {%- assign category_url = site.jekyll-archives.permalinks.category -%}
+
+        <a
+          href="{{ category_url | replace: ':name', category_slug | relative_url }}"
+          rel="tag"
+        >
+          {{- page.category -}}
+        </a>
+      </div>
+    {% endif %}
+
+    {% if page.title != "" %}
+      <h1 class="content-title">{{ page.title }}</h1>
+    {% endif %}
+
+    <div class="content-meta">
+      <a class="content-date" href="{{ page.url }}" rel="bookmark">
+        <time datetime="{{ page.date | date_to_xmlschema }}">
+          {{ page.date | date: site.steve.date_formats.post }}
+        </time>
+      </a>
+
+      {% if page.author %}
+        {% assign author = site.data.authors[page.author] %}
+
+        {% if author.url %}
+          <a class="content-author" href="{{ author.url }}" rel="author">
+            {{ author.name }}
+          </a>
+        {% else %}
+          <a
+            class="content-author"
+            href="{{ page.author | prepend: 'https://twitter.com/' }}"
+            rel="author"
+          >
+            {{ page.author }}
+          </a>
+        {% endif %}
+      {% endif %}
+    </div>
+  </header>
+
+  {% if page.image %}
+    <figure class="content-cover">
+      <img
+        src="{{ page.image.url | default: page.image }}"
+        alt="{{ page.image.alt | default: '' }}"
+      />
+    </figure>
+  {% endif %}
+
+  <div class="content-body">
+    {{ page.content }}
+  </div>
+
+  {% if page.tags.size > 0 %}
+    <footer class="content-footer">
+      <p>{{ site.steve.post.tags }}</p>
+
+      <ul class="content-tags">
+        {% for tag in page.tags %}
+          <li>
+            {%- assign tag_slug = tag | slugify -%}
+            {%- assign tag_url = site.jekyll-archives.permalinks.tag -%}
+
+            <a
+              href="{{ tag_url | replace: ':name', tag_slug | relative_url }}"
+              rel="tag"
+            >
+              {{- tag -}}
+            </a>
+          </li>
+        {% endfor %}
+      </ul>
+    </footer>
+  {% endif %}
+</article>
+
+{% include post/comments.html %}
+
+{% if page.previous or page.next %}
+  <nav class="content-navigation">
+    {% if page.previous %}
+      <a
+        class="nav-link prev-link"
+        href="{{ page.previous.url | relative_url }}"
+        rel="prev"
+      >
+        {{ site.steve.pagination.prev_post }}
+
+        <strong>{{ page.previous.title }}</strong>
+      </a>
+    {% endif %}
+    {% if page.next %}
+      <a
+        class="nav-link next-link"
+        href="{{ page.next.url | relative_url }}"
+        rel="next"
+      >
+        {{ site.steve.pagination.next_post }}
+
+        <strong>{{ page.next.title }}</strong>
+      </a>
+    {% endif %}
+  </nav>
+{% endif %}