jekyll-theme-scaffold 0.1.0

data/_layouts/home.html

@@ -0,0 +1,54 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<div class="separator">posts</div>
+<div class="posts">
+  {%- if paginator -%}
+    {%- assign posts = paginator.posts -%}
+  {%- else -%}
+    {%- assign posts = site.posts -%}
+  {%- endif -%}
+  {% for post in posts %}
+  <section class="post post-card">
+    <h2 class="post-title">
+      <a href="{{ post.url | relative_url }}">
+        {{ post.title }}
+      </a>
+    </h2>
+
+    <div class="post-meta">
+      <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date_to_string }}</time>
+      {%- if jekyll.environment == "production" and site.disqus and post.comments != false -%}
+        <span> • </span>
+        <a class="comment-count" href="{{ post.url | relative_url }}#disqus_thread">
+          <span class="disqus-comment-count" data-disqus-url="{{ post.url | absolute_url }}"></span>
+        </a>
+      {%- endif -%}
+    </div>
+
+    <p>{{ post.excerpt | strip_html }}</p>
+  </section>
+  {% endfor %}
+</div>
+
+{%- if jekyll.environment == "production" and site.disqus -%}
+  <script id="dsq-count-scr" src="//{{ site.disqus }}.disqus.com/count.js" async></script>
+{%- endif -%}
+
+{% if paginator %}
+<div class="pagination">
+  {% if paginator.next_page %}
+    <a class="pagination-item older" href="{{ paginator.next_page_path | relative_url }}">Older</a>
+  {% else %}
+    <span class="pagination-item older">Older</span>
+  {% endif %}
+  {% if paginator.previous_page %}
+    <a class="pagination-item newer" href="{{ paginator.previous_page_path | prepend: relative_url }}">Newer</a>
+  {% else %}
+    <span class="pagination-item newer">Newer</span>
+  {% endif %}
+</div>
+{% endif %}

data/_layouts/page.html

@@ -0,0 +1,8 @@
+---
+layout: default
+---
+
+<article class="page">
+  <h1 class="page-title">{{ page.title }}</h1>
+  {{ content }}
+</article>

data/_layouts/post.html

@@ -0,0 +1,67 @@
+---
+layout: default
+---
+
+<article class="post">
+  <h1 class="post-title">{{ page.title }}</h1>
+  <div class="post-meta">
+    {%- assign date_format = site.date_format | default: "%-d %b %Y" -%}
+    <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: date_format }}</time>
+    {%- if page.last_modified_at -%}
+      <span> ~ </span>
+      {%- assign mdate = page.last_modified_at | date_to_xmlschema -%}
+      <time datetime="{{ mdate }}" itemprop="dateModified">
+        {{ mdate | date: date_format }}
+      </time>
+    {%- endif -%}
+    {%- if page.author -%}
+      <span> • </span>
+      {% for author in page.author %}
+        <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+          {{ author }}
+        </span>
+        {%- if forloop.last == false %}, {% endif -%}
+      {% endfor %}
+    {%- endif -%}
+  </div>
+
+  {{ content }}
+
+  {% if page.tags.size > 0 %}
+    <div class="post-meta post-tags-section">
+      <i class="post-tags-icon fas fa-tags"></i>
+      <ul class="post-tags">
+        {%- for tag in page.tags -%}
+          <li>
+            {% assign slugified_tag = tag | slugify %}
+            {%- if site.tags_path -%}
+              <a class="post-tag" href="{{ site.tags_path | relative_url }}#{{ slugified_tag }}">{{ slugified_tag }}</a>
+            {%- else -%}
+              <span class="post-tag">{{ slugified_tag }}</span>
+            {%- endif -%}
+          </li>
+        {%- endfor -%}
+      </ul>
+  </div>
+  {% endif %}
+</article>
+
+{% if jekyll.environment == "production" and site.disqus and page.comments != false %}
+  {% include disqus.html %}
+{% endif %}
+
+{% if site.related_posts != empty %}
+<aside class="related">
+  <h2>Related posts</h2>
+  <ul class="related-posts">
+    {% for post in site.related_posts limit:3 %}
+      <li>
+        <a href="{{ post.url | relative_url }}">
+          {{ post.title }}
+          <small><time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date_to_string }}</time></small>
+        </a>
+      </li>
+    {% endfor %}
+  </ul>
+</aside>
+{% endif %}

data/_sass/scaffold/_archive.scss

@@ -0,0 +1,44 @@
+.taxonomies-wrapper {
+  margin-top: var(--spacer-2);
+  margin-bottom: var(--spacer-2);
+}
+
+.taxonomies {
+  list-style: none;
+  display: grid;
+  grid-column-gap: 2em;
+  grid-template-columns: repeat(2, 1fr);
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+
+  .taxonomy {
+    display: flex;
+    padding: 0.25em 0;
+    justify-content: space-between;
+    color: inherit;
+    text-decoration: none;
+    border-bottom: 1px solid;
+    margin-bottom: var(--spacer);
+  }
+}
+
+.post-list-by-taxonomy {
+  time {
+    font-family: var(--code-font);
+  }
+}
+
+.back-to-top {
+  display: block;
+  font-size: 0.8em;
+  text-transform: uppercase;
+  text-align: right;
+  text-decoration: none;
+}
+
+@media (min-width: $sm-screen) {
+  .taxonomies {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}

data/_sass/scaffold/_base.scss

@@ -0,0 +1,103 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: var(--body-font);
+  font-size: var(--body-font-size);
+  line-height: var(--body-line-height);
+  color: var(--body-color);
+  background-color: var(--body-bg);
+}
+
+a {
+  color: var(--link-color);
+  text-decoration: none;
+
+  // `:focus` is linked to `:hover` for basic accessibility
+  &:hover,
+  &:focus {
+    color: var(--link-hover-color);
+    text-decoration: underline;
+  }
+}
+
+figure {
+  margin: 0;
+}
+img {
+  display: block;
+  max-width: 100%;
+  margin-top: var(--spacer) 0;
+  border-radius: var(--border-radius);
+}
+
+table {
+  width: 100%;
+  border: 0 solid var(--border-color);
+  border-collapse: collapse;
+  margin: var(--spacer) 0;
+}
+
+td,
+th {
+  padding: .25rem .5rem;
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+  border-bottom-width: 1px;
+}
+
+th {
+  text-align: left;
+}
+
+thead th {
+  border-bottom-color: currentColor;
+}
+
+hr {
+  border: 0;
+  border-top: 1px solid var(--border-color);
+}
+
+mark {
+  padding: .15em .3em;
+  border-radius: var(--border-radius);
+  color: var(--body-bg);
+  background-color: var(--mark-color);
+}
+
+blockquote {
+  padding-left: 1em;
+  margin: var(--spacer) 0;
+  color: var(--body-color-light);
+  border-left: .25em solid var(--border-color);
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+}
+
+code,
+pre {
+  font-family: var(--code-font);
+}
+
+code {
+  padding: .1em .25em;
+  background-color: var(--border-color);
+  border-radius: var(--border-radius);
+}
+
+pre {
+  display: block;
+  overflow: auto;
+  padding: var(--spacer);
+  margin: var(--spacer) 0;
+
+  code {
+    padding: 0;
+    background-color: inherit;
+  }
+}

data/_sass/scaffold/_code.scss

@@ -0,0 +1,27 @@
+.highlight {
+  border-radius: var(--border-radius);
+}
+
+.rouge-table {
+  margin: 0;
+  font-size: 100%;
+
+  &,
+  td,
+  th {
+    border: 0;
+    padding: 0;
+  }
+
+  pre {
+    padding: 0;
+    margin: 0;
+  }
+
+  .gutter {
+    vertical-align: top;
+    user-select: none;
+    opacity: .25;
+    padding-right: var(--spacer);
+  }
+}

data/_sass/scaffold/_footer.scss

@@ -0,0 +1,29 @@
+.footer {
+  margin: var(--spacer-3) 0;
+}
+
+.social-icons {
+  list-style: none;
+  padding: 0;
+  height: calc(var(--body-line-height) * var(--body-font-size));
+}
+.social-icon-item {
+  float: left;
+  margin-right: var(--spacer);
+}
+.social-icon {
+  color: inherit;
+}
+
+@media (min-width: $md-screen) {
+  .footer {
+    display: flex;
+  }
+  .footer-column {
+    width: 100%;
+  }
+
+  .social-icons {
+    margin: 0;
+  }
+}

data/_sass/scaffold/_header.scss

@@ -0,0 +1,47 @@
+.masthead {
+  padding: var(--spacer) 0;
+  margin-bottom: var(--spacer-3);
+}
+
+.masthead-title {
+  font-size: 120%;
+  font-weight: bold;
+  color: var(--heading-color);
+
+  &:hover,
+  &:focus {
+    color: var(--heading-color);
+    text-decoration: none;
+  }
+}
+
+.masthead-tagline {
+  color: var(--body-color-light);
+}
+
+.nav {
+  margin-top: var(--spacer);
+}
+.nav-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.nav-item {
+  display: inline-block;
+  margin-right: 1em;
+
+  &:before {
+    content: "/";
+  }
+
+  a {
+    color: inherit;
+
+    &:hover,
+    &:focus {
+      color: var(--link-hover-color);
+      text-decoration: none;
+    }
+  }
+}

data/_sass/scaffold/_highlight-dark.scss

@@ -0,0 +1,84 @@
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight, .highlight .w {
+  color: #fbf1c7;
+  background-color: #282828;
+}
+.highlight .err {
+  color: #fb4934;
+  background-color: #282828;
+  font-weight: bold;
+}
+.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs {
+  color: #928374;
+  font-style: italic;
+}
+.highlight .cp {
+  color: #8ec07c;
+}
+.highlight .nt {
+  color: #fb4934;
+}
+.highlight .o, .highlight .ow {
+  color: #fbf1c7;
+}
+.highlight .p, .highlight .pi {
+  color: #fbf1c7;
+}
+.highlight .gi {
+  color: #b8bb26;
+  background-color: #282828;
+}
+.highlight .gd {
+  color: #fb4934;
+  background-color: #282828;
+}
+.highlight .gh {
+  color: #b8bb26;
+  font-weight: bold;
+}
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+  color: #fb4934;
+}
+.highlight .kc {
+  color: #d3869b;
+}
+.highlight .kt {
+  color: #fabd2f;
+}
+.highlight .kd {
+  color: #fe8019;
+}
+.highlight .s, .highlight .sa, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
+  color: #b8bb26;
+  font-style: italic;
+}
+.highlight .si {
+  color: #b8bb26;
+  font-style: italic;
+}
+.highlight .sr {
+  color: #b8bb26;
+  font-style: italic;
+}
+.highlight .se {
+  color: #fe8019;
+}
+.highlight .nn {
+  color: #8ec07c;
+}
+.highlight .nc {
+  color: #8ec07c;
+}
+.highlight .no {
+  color: #d3869b;
+}
+.highlight .na {
+  color: #b8bb26;
+}
+.highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx {
+  color: #d3869b;
+}
+.highlight .ss {
+  color: #83a598;
+}