jekyll-theme-editorial 1.0.1

data/_includes/post_header.html

@@ -0,0 +1,52 @@
+<!-- Post Header -->
+{%-assign peeps           = site.collections      | find: "label", 'people'-%}
+{%-assign authors         = include.author        | default: page.author-%}
+{%-assign page_title      = include.page_title    | default: page.title-%}
+{%-assign subtitle        = include.subtitle      | default: page.subtitle-%}
+{%-assign post_date       = include.date          | default: page.date-%}
+{%-assign modified_date   = include.modified_date | default: page.modified_date | default: page.last_modified_at-%}
+{%-assign date_format     = site.date_format      | default: '%^A, %b %-d, %Y'-%}
+{%-assign byline_prefix   = include.byline_prefix | default: "By&nbsp;"-%}
+
+          {%-if modified_date-%}
+            {% include date_modified.html date_format='%b %-d, %Y' lead_in='last modified: '-%}
+          {%-endif %}
+            <div class="post-meta">
+            {%-if include.categories or page.categories %}
+              {% include categories.html %}
+            {%-endif-%}
+            {% if post_date %}
+              <!-- Post Date -->
+              {% include item_date.html item_date=post_date date_class='dateline align-right' date_format=date_format %}
+            {%-endif %}
+            </div>
+            <header class="tight main">
+              <!-- Post Title -->
+              <h1 class="p-name" itemprop="name headline">
+              {%-if page.website and page.website != "" %}
+                <a href="{{-page.website-}}" rel="external" title="Go to {{ page_title-}}'s website: {{ page.website-}}">{{-page_title-}}</a>
+              {%-else-%}
+                {{-page_title-}}
+              {%-endif %}
+              </h1>
+              {%-if include.subtitle or page.subtitle %}
+              <!-- Post Subtitle -->
+              <p class="subtitle">{{-subtitle-}}</p>
+              {%-endif %}
+            </header>
+          {%-if page.image or page.images %}
+            {% include banner.html %}
+          {%-endif %}
+          {%-if authors or page.location or site.title %}
+            <!-- Post Byline -->
+            <div class="snug byline">
+            {%-if page.location %}
+              <span class="p-location">{{-page.location-}}</span>
+              {%-assign byline_prefix = " | "-%}
+            {%-endif %}
+              {%-if site.show.authors-%}
+                {%-if authors %}{{ byline_prefix }}{%-endif %}
+                {% include authors_byline.html %}
+              {%-endif %}
+            </div>
+          {%-endif %}

data/_includes/post_nav.html

@@ -0,0 +1,14 @@
+<!-- Post Navigation -->
+          <div class="post-nav">
+            {% if page.previous-%}
+              <span class="align-left icon solid fa-angle-double-left"> <a href="{{-page.previous.url-}}" rel="previous" title="Previous post">{{-page.previous.title-}}</a></span>
+            {%-else-%}
+              <span>&nbsp;</span>
+            {% endif-%}
+            <span class="align-center"><a rel="up index" href="/posts/">All Posts</a></span>
+            <span class="align-right">
+              {%-if page.next-%}
+                <a href="{{-page.next.url-}}" rel="next" title="Next post">{{-page.next.title-}}</a> &nbsp;<i class="icon solid fa-angle-double-right"></i>
+              {%-endif-%}
+            </span>
+          </div>

data/_includes/posts.html

@@ -0,0 +1,62 @@
+{%-assign peeps         = site.collections      | find: "label", 'people'-%}
+{%-assign placeholder   = site.static_files     | find: 'name', 'placeholder.png'-%}
+{% if paginator.posts != nil and site.paginate %}
+  {% assign posts       = paginator.posts %}
+{% elsif page.layout == "page" %}
+  {% assign posts       = site.posts %}
+{% else %}
+  {% assign posts       = page.posts %}
+{% endif %}
+
+{% for post in posts %}
+            <article itemid="{{-post.url|absolute_url-}}" class="h-entry post-card row gtr-50 gtr-uniform" itemscope itemtype="http://schema.org/BlogPosting">
+            {% if image or placeholder.name-%}
+              <div class="col-4 col-12-small">
+                <figure>
+                  <a href="{{-post.url-}}" class="image fit" title="Read '{{-post.title-}}'">
+                    {% include item_image.html %}
+                  </a>
+                </figure>
+                <div class="snug smaller categories">{%-include categories.html %}</div>
+              {%-if post.series %}
+                <div class="snug series">{{-post.series | replace: '-',' ' | capitalize-}}</div>
+              {%-endif %}
+              </div>
+            {%-endif %}
+              <div class="col-8 col-12-small">
+                {%-assign modified_date = post.modified_date | default: post.last_modified_at-%}
+              {%-if modified_date-%}
+                {% include date_modified.html item_date=modified_date lead_in='last modified: '-%}
+              {%-endif %}
+                <header class="tight">
+                  <span class="header-aside">{% include item_date.html %}</span>
+                  <h3><a href="{{-post.url-}}" itemprop="headline" class="u-url p-name" title="Read '{{-post.title-}}'">{{-post.title-}}</a></h3>
+                  {% if post.subtitle-%}<p class="subtitle p-subtitle" itemprop="alternativeHeadline">{{-post.subtitle-}}</p>{%-endif %}
+                  <p class="byline">
+                  {%-if site.show.authors-%}
+                    {%-for auth in post.author-%}
+                      {%-assign author = site.people | find: 'handle', auth-%}
+                      {%-if author.published and peeps.output-%}
+                        <a href="{{-author.url-}}" rel="author" itemprop="author" class="u-author p-author" title="Read {{ author.name | split: ' ' | first-}}'s bio">{{-author.name-}}</a>
+                      {%-elsif author.published-%}
+                        <span itemprop="author" class="p-author">{{-author.name-}}</span>
+                      {%-else-%}
+                        <span itemprop="author" class="p-author">{{-auth-}}</span>
+                      {%-endif-%}
+                      {%-unless forloop.last %}, {% endunless-%}
+                    {%-else-%}
+                      <span itemprop="author" class="p-author">{{-site.title-}}</span>
+                    {%-endfor-%}
+                    {%-if post.location and post.author or site.title-%}{{-"&nbsp; | &nbsp;"-}}{%-endif-%}
+                  {%-endif-%}
+                  {%-if post.location-%}
+                    <span class="p-location" itemprop="location" title="Post location">{{-post.location-}}</span>
+                  {%-endif-%}
+                  </p>
+                </header>
+                <p class="summary" itemprop="abstract" class="p-summary">{{-post.excerpt | strip_html-}}</p>
+                {%-include tags.html %}
+              </div>
+            </article>
+            <hr class="major"/>
+{% endfor %}

data/_includes/projects.html

@@ -0,0 +1,90 @@
+{%-comment-%}
+lists projects as section cards given a projects hash
+
+inputs:                   none
+dependencies:
+  projects                the projects to render
+  site.projects           used as the default if `projects` isn't available already
+  site.static_files       lookup and make sure a placeholder.png file exists
+  site.show.authors       used to determine whether to show authors
+  site.show.project_authors used to determine whether to show authors
+  site.people             lookup authors in the people array
+  site.title              use as the author, as a last resort
+local:
+  projects                default to site.projects if not already provided
+  published_projects      projects filtered for `published==true`
+  placeholder             placeholder.png file to use in case no other page image is available
+  auth                    the author's handle, used for unpublished authors in place of their name
+  author                  the looked-up author in site.people
+{%-endcomment-%}
+
+{%-if page.layout == "page"-%}
+  {%-assign projects          = site.projects-%}
+{%-endif-%}
+{%-assign published_projects  = projects          | where: 'published', true-%}
+
+      {%-if published_projects != empty %}
+        {%-for project in published_projects %}
+          {%-if project.published %}
+            <article itemid="{{-project.url|absolute_url-}}" class="h-entry project-card row gtr-50 gtr-uniform" itemscope itemtype="http://schema.org/Article">
+            {% if project.images-%}
+              <div class="col-4 col-12-small">
+                <figure>
+                  <a href="{{-project.url-}}" class="image fit" title="Learn more about '{{-project.title-}}'">
+                    {% include item_image.html-%}
+                  </a>
+                </figure>
+                <div class="snug smaller categories">{%-include categories.html %}</div>
+              {%-if project.series %}
+                <div class="snug series" title="This project is part of a series">{{ project.series | replace: '-',' ' |  split: " " | join: "-----" | camelcase | split: "-----" | join: " "-}}</div>
+              {%-endif %}
+              </div>
+            {%-endif %}
+              <div class="col-8 col-12-small">
+                {%-assign modified_date = project.modified_date | default: project.last_modified_at-%}
+              {%-if modified_date-%}
+                {% include date_modified.html item_date=modified_date lead_in='last modified: '-%}
+              {%-endif %}
+                <header class="tight">
+                  <span class="header-aside">{% include item_date.html %}</span>
+                  <h3><a href="{{-project.url-}}" itemprop="name" class="u-url p-name" title="Learn more about '{{-project.title-}}'">{{-project.title-}}</a></h3>
+                  <p class="subtitle p-subtitle" itemprop="alternativeHeadline">{{-project.subtitle-}}</p>
+                  {%-if site.show.project_authors and site.show.authors and project.author or project.location-%}
+                  <p class="byline">
+                  {%-if site.show.authors %}
+                    {%-for auth in project.author-%}
+                      {%-assign author = site.people | find: 'handle', auth-%}
+                      {%-if author.published and author.url-%}
+                        <a href="{{-author.url-}}" rel="author" itemprop="author" class="u-author p-author" title="Read {{ author.name | split: ' ' | first-}}'s bio">{{-author.name-}}</a>
+                      {%-elsif author.published-%}
+                        <span itemprop="author" class="p-author">{{-author.name-}}</span>
+                      {%-else-%}
+                        <span itemprop="author" class="p-author">{{-auth-}}</span>
+                      {%-endif-%}
+                      {%-unless forloop.last %}, {% endunless-%}
+                    {%-else-%}
+                      <span itemprop="author" class="p-author">{{-site.title-}}</span>
+                    {%-endfor-%}
+                    {%-if project.location and project.author or site.title-%}{{-"&nbsp; | &nbsp;"-}}{%-endif-%}
+                  {%-endif %}
+                    {%-if project.location %}
+                    <span class="p-location" itemprop="location" title="Post location">{{-project.location-}}</span>
+                    {%-endif %}
+                  </p>
+                  {%-endif-%}
+                </header>
+                {% if include.summary or project.summary or project.excerpt-%}
+                <div class="summary p-summary" itemprop="abstract">
+                {{-include.summary | default: project.summary | default: project.excerpt | markdownify-}}
+                </div>
+                {%-endif %}
+                {%-include tags.html %}
+              </div>
+            </article>
+            <hr class="major"/>
+          {% endif %}
+        {% endfor %}
+      {% else %}
+            <h2>Oof!</h2>
+            <p>It looks like there aren't any published projects here yet. Might you bug the site owner to create one for your look-see?</p>
+      {% endif %}

data/_includes/responsive_banner.html

@@ -0,0 +1,20 @@
+{%-comment-%}
+uses parent page settings or a special parent page.banner hash for more flexibility & specificity
+(parent) page: [title, subtitle, description, etc.]
+  banner: [header, subheader, content, etc.]
+{%-endcomment-%}
+<section id="banner">
+        <div class="content">
+          <header>
+            <h1>{{-page.banner.header   | default: page.title     | default: site.title-}}</h1>
+            <p>{{-page.banner.subheader | default: page.subtitle  | default: site.tagline-}}</p>
+          </header>
+          <p>{{-page.banner.content   | default: page.description | default: site.description-}}</p>
+          <ul class="actions">
+            <li><a href="{{-page.banner.url | default: site.url-}}" title="{{-page.banner.link_title-}}" class="button big">{{-page.banner.button_text-}}</a></li>
+          </ul>
+        </div>
+        <figure class="image object">
+          <img src="{{-site.image_path-}}{{-page.banner.image | default: page.images.banner.file | default: page.images.banner | default: page.image-}}" alt="{{-page.banner.alt_text | default: page.images.banner.alt_text | default: page.images.alt_text | default: page.alt_text-}}" title="{{-page.banner.image_title | default: page.images.banner.title | default: page.images.title | default: page.image_title-}}"/>
+        </figure>
+</section>

data/_includes/scripts.html

@@ -0,0 +1,22 @@
+{%-comment-%}
+  use `site.scripts` if `_data/scripts.yml` is not present, since theme data 
+  files aren't generally available to sites
+{%-endcomment-%}
+
+{%-assign scripts = site.data.scripts | default: site.scripts-%}
+{% for script in scripts-%}
+  {%-if script.type %}
+    {% assign script_type = script.type | prepend: " type='" | append: "'" %}
+  {% else %}
+    {%-assign script_type = "" %}
+  {%-endif %}
+    <script src="{{-script.path | default: site.script_path-}}{{-script.file-}}"{{ script_type-}}></script>
+{%-endfor %}
+{%-if site.analytics.goatcounter.code != "" and site.analytics.goatcounter.code %}
+  {%-if site.analytics.goatcounter.allow_local %}
+    <script type="text/javascript">    
+      window.goatcounter = { allow_local: true }
+    </script>
+  {%-endif %}
+    <script data-goatcounter="https://{{-site.analytics.goatcounter.code-}}.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
+{%-endif %}

data/_includes/search.html

@@ -0,0 +1,11 @@
+{%-assign search_url  = include.search_url  | default: site.search.url          | default: "/search"-%}
+{%-assign form_method = include.form_method | default: site.search.form_method  | default: "post"-%}
+{%-assign field_id    = include.field_id    | default: site.search.field_id     | default: "query"-%}
+{%-assign field_name  = include.field_name  | default: site.search.field_name   | default: "search"-%}
+{%-assign placeholder = include.placeholder | default: site.search.placeholder  | default: "Search"-%}
+<!-- Section - Search -->
+          <section id="search" class="alt">
+            <form method="{{-form_method-}}" action="{{-search_url-}}">
+              <input type="text" name="{{-field_name-}}" id="{{-field_id-}}" placeholder="{{-placeholder-}}" />
+            </form>
+          </section> <!-- End Section - Search -->

data/_includes/section_header.html

@@ -0,0 +1,3 @@
+<header class="major">
+  <h2>{{ include.section_title | default: "Section" }}</h2>
+</header>

data/_includes/series.html

@@ -0,0 +1,32 @@
+{%-comment-%}
+  via https://riaanhanekom.com/2018/03/01/setting-up-jekyll-related-posts-and-series
+  NOTE: liquid append-remove trick (`-@$remove@me`) inspired by https://vsoch.github.io/2019/jekyll-lists/
+{%-endcomment-%}
+
+{%-if page.series-%}
+  {%-case page.type-%}
+    {%-when 'posts'-%}    {%-assign series_collection = site.posts-%}
+    {%-when 'projects'-%} {%-assign series_collection = site.projects-%}
+    {%-when 'pages'-%}    {%-assign series_collection = site.pages-%}
+    {%-when 'people'-%}   {%-assign series_collection = site.people-%}
+  {%-endcase-%}
+  {%-assign series = series_collection | where_exp: 'item', "item.series == page.series and item.published == true" | sort: 'date' %}
+<!-- Series Aside -->
+  <aside class="series">
+    <header>
+      {% assign series_titles = series | find: title, page.title | map: 'title'-%}
+      <h3>{{ page.series | replace: '-',' ' | capitalize }} <span class="header-aside"> - {% if page.type=='people'-%}group{%-else-%}{{ include.series_type | default: page.type | append: "-@$remove@me" | remove: "s-@$remove@me" }} series</span>{%-endif-%}</h3>
+    </header>
+    <ol class="series">
+    {%-for item in series %}
+      <li{%-if item.url == page.url %} class="active"{%-endif-%}>
+      {%-if item.url == page.url-%}
+        {{-item.title-}}
+      {%-else-%}
+        <a href="{{-item.url-}}">{{-item.title-}}</a>
+      {%-endif-%}
+      </li>
+    {%-endfor %}
+    </ol>
+  </aside>
+{%-endif %}

data/_includes/sidebar.html

@@ -0,0 +1,11 @@
+<!-- Sidebar -->
+      <div id="sidebar">
+        <div class="inner">
+          {% if site.show.search-%}       {% include search.html-%}             {% endif %}
+          {% include menu.html %}
+          {% if site.projects.size > 0 %} {% include mini-posts.html-%}         {% endif %}
+          {% if site.show.contact-%}      {% include contact.html-%}            {% endif %}
+          {% if site.show.newsletter-%}   {% include newsletter_signup.html-%}  {% endif %}
+          {% include footer.html %}
+        </div>
+      </div> <!-- end Sidebar -->

data/_includes/signin_button.html

@@ -0,0 +1,4 @@
+<!-- Sign In Button -->
+<ul class="actions">
+  <li><a href="{{ include.signin_url | default: '/signin' }}" title="Sign in" class="button large fit">{{ include.signin_text | default: "Sign In" }}</a></li>
+</ul><!-- End Sign In Button -->

data/_includes/site_header.html

@@ -0,0 +1,9 @@
+{%-assign header_url    = page.header_url       | default: site.url-%}
+<!-- Site Header -->
+          <header id="header">
+            <a href="{{-header_url-}}" class="logo u-url"><strong>{{-site.title-}}</strong> {{ site.subtitle-}}</a>
+            {% include social_media_list.html %}
+          </header>
+          {% if page.layout == 'post'-%}
+            {%-include post_nav.html-%}
+          {%-endif-%}

data/_includes/social_media.html

@@ -0,0 +1,14 @@
+{%-comment-%}
+  NOTE that lists, being block level elements by default, break out of 
+  paragraph tags, but spans don't 
+{%-endcomment-%}
+<!-- Social media span -->
+{%-assign socials = author.social | default: page.social %}
+              <span class="icons">
+              {%-for social in socials-%}
+              {% assign social_site = site.data.social[social.first] %}
+                {%-if social.last %}
+                  <a href="{{-social_site.pattern | replace: '%s', social.last-}}" rel="me external" class="u-url {{ social_site.icon-}}" title="Go to my {{ social_site.label }} page" target="_blank"><span class="label">{{-social_site.label-}}</span></a>
+                {%-endif-%}
+              {%-endfor-%}
+              </span>

data/_includes/social_media_list.html

@@ -0,0 +1,14 @@
+{%-comment-%}
+  NOTE that lists, being block level elements by default, break out of 
+  paragraph tags, but spans don't 
+{%-endcomment-%}
+<!-- Social media list -->
+{%-assign socials = site.data.social %}
+            <ul class="icons">
+              {%-for social in socials-%}
+                {%-assign social_site = social[1]-%}
+                {%-if social_site.handle %}
+              <li><a href="{{-social_site.pattern | replace: '%s', social_site.handle-}}" rel="me external" class="u-url {{ social_site.icon-}}" title="Go to our {{ social_site.label }} page" target="_blank"><span class="label">{{-social_site.label-}}</span></a></li>
+                {%-endif %}
+              {%-endfor %}
+            </ul>

data/_includes/submenu.html

@@ -0,0 +1,25 @@
+{%-comment-%}
+iterate over the given site collections to generate menu items
+
+inputs:                   
+  include.parent_url      the parent url, for knowing when to activate the menu item
+  include.parent_title    the parent menu entry text
+dependencies:
+  menu_items             the submenu item collection
+local:
+  urls                    array of urls of the submenu item collection
+{%-endcomment-%}
+
+{%-assign urls = menu_items | map: 'url'-%}
+<li{%-if include.parent_url == page.url %} class="active"{%-endif-%}>
+  <span class="opener{%-if page.url contains include.parent_url or urls contains page.url %} active{%-endif-%}">
+    <a href="{{-include.parent_url-}}">{{-include.parent_title-}}</a>
+  </span>
+  <ul class="sub-menu">
+    {%-for item in menu_items limit: item_limit %}
+      {%-if item.published == true %}
+    <li{%-if item.url == page.url %} class="active"{%-endif-%}><a href="{{-item.url-}}">{{-item.name | default: item.title-}}</a></li>
+      {%-endif-%}
+    {%-endfor %}
+  </ul>
+</li>

data/_includes/tags.html

@@ -0,0 +1,15 @@
+{%-if site.plugins contains 'jekyll-archives'-%}{%-assign archives_available = true-%}{%-else-%}{%-assign archives_available = false-%}{%-endif-%}
+{%-assign tags = post.tags | default: project.tags | default: pg.tags | default: item.tags | default: page.tags-%}
+{%-assign include_tag_links = "posts" | split: ', '-%}
+{%-if tags != empty %}
+          <!-- Post Tags -->
+            <ul class="inline tags">
+            {%-for tag in tags %}
+              {%-if archives_available and site.tags contains tag or include_tag_links contains page.collection %}
+              <li><a href="/tags/{{-tag | slugify-}}" rel="tag" class="pill button p-category" title="Articles tagged with '{{-tag-}}'">{{-tag-}}</a></li>
+              {%-else-%}
+              <li class="pill button p-category">{{-tag-}}</li>
+              {%-endif %}
+            {%-endfor %}
+            </ul>
+{%-endif %}

data/_layouts/archive.html

@@ -0,0 +1,32 @@
+---
+layout:           default
+# TODO: add projects and pages to the archive - bound the date via `group_by_exp`
+---
+
+{%-if page.type=='year'-%}
+  {% assign date_format   = '%Y'-%}
+{%-elsif page.type=='month'-%}
+  {% assign date_format   = '%B %Y'-%}
+{%-elsif page.type=='day'-%}
+  {% assign date_format   = '%B %-d, %Y'-%}
+{%-endif-%}
+
+{% assign formatted_date  = page.date       | date: date_format %}
+{% assign title           = formatted_date  | append: ' Archives' %}
+{%-assign projects        = site.projects   | where_exp: 'project', 'project.date == formatted_date and project.published == true'-%}
+{%-assign pages           = site.pages      | where_exp: 'pg',      'pg.date      == formatted_date and pg.published == true'-%}
+
+<section>
+  {% include page_header.html page_title=title %}
+  <!-- Page Content -->
+  <hr class="major"/>
+  {% include posts.html %}
+  {% if projects != empty-%}
+  <h2>Projects {{ title-}}</h2>
+  {% include projects.html %}
+  {%-endif-%}
+  {% if pages != empty-%}
+  <h2>Pages {{ title-}}</h2>
+  {% include pages.html %}
+  {%-endif-%}
+</section>