reverses-theme 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 8dc58d930b59197620d0f62f836b17dbb27aed19e1832675dae291a4ad343f2d
+  data.tar.gz: 751b91acbfffb58547a590b24f38b9f2ba995d9671c6f2f730252e17aab3285b
+SHA512:
+  metadata.gz: b6a76f2ad9d956b3e10ecbd8187061d085d607b6a400c132d5ea1e1ab594e0e2bca807fbc0301bf29005850701e3faa7b29b09ba383a2cb3e2903d28eca2f690
+  data.tar.gz: f7ce1b3b925786063cf4f4ec37f949801a9b4405597488c128c692fa0de08fb2e16efe7c1d9d0ace71b26c159e77326899de80f55d954a22cc9c94eb00ab6e03

data/LICENSE.txt

@@ -0,0 +1,9 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 Shereen Lee
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,34 @@
+---
+layout: page
+title: "Reverse Theme"
+---
+
+### Credits
+
+The theme credits that appear at the bottom of each page can be turned off by including the following line in your site's `_config.yml` file:
+
+```
+hide_credits: true
+```
+
+### Search
+
+The theme uses a custom DuckDuckGo Search Form that can be turned off by including the following line in your site's `_config.yml` file:
+
+```
+hide_search: true
+```
+
+### Font
+
+The theme includes a version of [EB Garamond](https://fonts.google.com/specimen/EB+Garamond), designed by Georg Duffner and Octavio Pardo. It's the closest alternative I could come up with that included an open license to include with the theme.
+
+A [copy of the license](https://github.com/patdryburgh/hitchens/blob/master/assets/fonts/OFL.txt) has been included in the `assets` folder and must be included with any distributions of this theme that include the EB Garamond font files.
+
+## License
+
+The code for this theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+The font, EB Garamond, is Copyright 2017 The EB Garamond Project Authors and licensed under the [SIL Open Font License Version 1.1](https://github.com/patdryburgh/hitchens/blob/master/assets/fonts/OFL.txt).
+
+Graphics are released to the public domain.

data/_includes/back-link.html

@@ -0,0 +1,3 @@
+<a href="{{ "/" | prepend: site.baseurl }}" class="back-link">
+  &lang; Home
+</a>

data/_includes/disqus-comments.html

@@ -0,0 +1,20 @@
+{%- if page.comments != false and jekyll.environment == "production" -%}
+
+  <div id="disqus_thread"></div>
+  <script>
+    var disqus_config = function () {
+      this.page.url = '{{ page.url | absolute_url }}';
+      this.page.identifier = '{{ page.url | absolute_url }}';
+    };
+
+    (function() {
+      var d = document, s = d.createElement('script');
+
+      s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+
+      s.setAttribute('data-timestamp', +new Date());
+      (d.head || d.body).appendChild(s);
+    })();
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+{%- endif -%}

data/_includes/google-analytics.html

@@ -0,0 +1,10 @@
+<script>
+if(!(window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1")) {
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+  ga('create', '{{ site.google_analytics }}', 'auto');
+  ga('send', 'pageview');
+}
+</script>

data/_includes/menu.html

@@ -0,0 +1,26 @@
+{% assign menu = site.data.menu %}
+
+{% if menu %}
+  <nav class="site-navigation" role="navigation">
+    <ul>
+      <li>
+        <a href="{{ '/' | prepend: site.baseurl }}">
+          Home
+        </a>
+      </li>
+    {% for item in site.data.menu %}
+      <li {% if page.url == item.url %}class="active"{% endif %}>
+        {% if item.url contains 'http' %}
+          <a href="{{ item.url }}">
+            {{ item.title }}
+          </a>
+        {% else %}
+          <a href="{{ item.url | prepend: site.baseurl }}">
+            {{ item.title }}
+          </a>
+        {% endif %}
+      </li>
+    {% endfor %}
+    </ul>
+  </nav>
+{% endif %}

data/_includes/post-excerpt.html

@@ -0,0 +1,19 @@
+{% capture excerpt %}
+  {{ post.excerpt | replace: "<p>", "" | replace: "</p>", "" }}
+{% endcapture %}
+
+{% if site.excerpt_length %}
+  {% assign excerpt_length = 20 %}
+{% else %}
+  {% assign excerpt_length = 20 %}
+{% endif %}
+
+{% assign excerpt_size = excerpt | size %}
+
+<span class="post-link__excerpt">
+  {% if excerpt_size > 140 and excerpt_length > 0 %}
+    {{ excerpt | truncatewords: excerpt_length, '…' }}
+  {% else %}
+    {{ excerpt }}
+  {% endif %}
+</span>

data/_includes/post-list-item.html

@@ -0,0 +1,19 @@
+<li>
+  <a href="{{ post.url | absolute_url }}" class="post-link">
+    <div class="post-link__heading">
+      {% unless post.title == "" %}
+          <h3 class="post-link__title">
+            {{ post.title }}
+          </h3>
+      {% else %}
+        {% include post-excerpt.html %}
+      {% endunless %}
+      {% if post.title != "" and site.show_excerpts == true %}
+        {% include post-excerpt.html %}
+      {% endif %}
+    </div>
+    <span class="post-date">
+      {{ post.date | date: "%b %-d, '%y" }}
+    </span>
+  </a>
+</li>

data/_includes/search.html

@@ -0,0 +1,8 @@
+<form method="get" id="search" action="https://duckduckgo.com/">
+  <input type="hidden" name="sites" value="{{ site.url }}"/>
+  <input type="hidden" name="k8" value="#222222"/>
+  <input type="hidden" name="k9" value="#dc4b3c"/>
+  <input type="hidden" name="kt" value="h"/>
+  <input type="text" id="search__input" name="q" placeholder="Search&hellip;"/ autocomplete="off">
+  <button type="submit" class="btn btn-bordered" tabindex="-1">Search</button>
+</form>

data/_layouts/default.html

@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+  <head>
+
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>{{ site.title }}{% if page.title and page.title != "" %} &mdash; {{ page.title }}{% endif %}</title>
+
+    {% if site.description %}<meta name="description" content="{{ site.description }}">{% endif %}
+
+    <link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}?{{ site.time | date: '%s%N' }}">
+
+    <link rel="apple-touch-icon" href="{{ site.icon }}">
+
+    {%- if jekyll.environment == 'production' and site.google_analytics -%}
+      {%- include google-analytics.html -%}
+    {%- endif -%}
+
+  </head>
+  <body>
+
+    {{ content }}
+
+    {% unless site.hide_search %}
+      {% include search.html %}
+    {% endunless %}
+
+    {% include menu.html %}
+
+    {% unless site.hide_credits %}
+      <aside class="site-credits">
+        <p>
+          <small> © 2022 Re:verses. All rights reserved. </a></small>
+        </p>
+      </aside>
+    {% endunless %}
+
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,61 @@
+---
+layout: default
+---
+
+  <header class="site-masthead">
+    {% include menu.html %}
+
+    <a href="reverses.ca">
+      <img src="/assets/images/Reverses-Dark.png" alt="re:verses" style="width:1500px;height:300px;">
+    </a>
+
+    <a href="#main">
+      <img src="/assets/images/downarrow.svg" alt="re:verses" style="width:40px;height:50px;">
+    </a>
+
+<main class="home" id="main" role="main" aria-label="Interviews">
+  <h3 class="content-title divided">
+    {% if site.paginate and site.paginate_path and paginator.page > 1 %}
+      Page {{ paginator.page }}
+    {% else %}
+     Interviews
+    {% endif %}
+  </h3>
+  {% if site.paginate and site.paginate_path %}
+
+    <ul class="post-list">
+      {% for post in paginator.posts %}
+        {% include post-list-item.html %}
+      {% endfor %}
+    </ul>
+
+    {% if paginator.total_pages > 1 %}
+
+      <div class="post-pagination">
+        {% if paginator.next_page %}
+          <a href="{{ paginator.next_page_path | prepend: site.baseurl  }}" class="pagination-next btn">&lang;&nbsp;Older</a>
+        {% else %}
+          <span>&nbsp;</span>
+        {% endif %}
+        <span class="pagination-number">{{ paginator.page }} of {{ paginator.total_pages }}</span>
+        {% if paginator.previous_page %}
+          <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="pagination-previous btn">Newer&nbsp;&rang;</a>
+        {% else %}
+          <span>&nbsp;</span>
+        {% endif %}
+      </div>
+
+    {% endif %}
+
+  {% else %}
+
+    <ul class="post-list">
+      {% for post in site.posts %}
+        {% include post-list-item.html %}
+      {% endfor %}
+    </ul>
+
+  {% endif %}
+
+
+</main>

data/_layouts/interviews.html

@@ -0,0 +1,28 @@
+---
+layout: default
+---
+<a href="reverses.ca">
+  <img src="/assets/images/Reverses-Dark.png" alt="re:verses" style="width:600px;height:145px;">
+</a>
+  <header class="site-masthead">
+    {% include menu.html %}
+
+
+
+<main class="home" id="main" role="main" aria-label="Interviews">
+
+  <h3 class="content-title divided">
+    {% if site.paginate and site.paginate_path and paginator.page > 1 %}
+      Page {{ paginator.page }}
+    {% else %}
+    Archive
+    {% endif %}
+  </h3>
+
+  <ul class="post-list">
+    {% for post in site.posts %}
+      {% include post-list-item.html %}
+    {% endfor %}
+  </ul>
+
+</main>

data/_layouts/page.html

@@ -0,0 +1,8 @@
+---
+layout: post
+---
+<a href="reverses.ca">
+  <img src="/assets/images/Reverses-Dark.png" alt="re:verses" style="width:600px;height:145px;">
+</a>
+
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,37 @@
+---
+layout: default
+---
+<a href="reverses.ca">
+  <img src="/assets/images/Reverses-Dark.png" alt="re:verses" style="width:600px;height:145px;">
+</a>
+
+{% if site.data.menu %}
+  {% include menu.html %}
+{% else %}
+  {% include back-link.html %}
+{% endif %}
+
+<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting" id="main" role="article" aria-label="Content">
+
+  {% if page.title != "" %}
+    <h1 class="post-title divided p-name" itemprop="name headline">
+      {{ page.title }}
+    </h1>
+  {% endif %}
+
+  <div class="post-content e-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+
+  <div class="post-meta">
+    {% if page.author %}
+      <div itemprop="author">{{ page.author }}</div>
+    {% endif %}
+    <time class="post-date dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%B %-d, %Y" }}</time>
+  </div>
+
+  {% if site.disqus.shortname %}
+    {% include disqus-comments.html %}
+  {% endif %}
+
+</article>

data/_sass/_article.scss

@@ -0,0 +1,65 @@
+.post {
+  background: white;
+  margin: 2em auto;
+  max-width: 60rem;
+  padding: 2em 0;
+  box-shadow: 12px 18px 24px rgba(darken($brand-color, 50%), .1);
+}
+
+.post > * {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 36rem;
+  padding: 0 1 em;
+}
+
+.post > h1 {
+  font-size: 2em;
+  max-width: 48rem;
+  padding: 2em 1em;
+  text-align: center;
+}
+
+.post p {
+  text-align: justify;
+  text-indent: 0;
+  text-justify: inter-word;
+}
+
+.post p:first-of-type,
+.post h2 + p {
+  text-indent: 0;
+}
+
+.post a:hover {
+  background: $highlight;
+}
+
+.post dl,
+.post ul,
+.post ol {
+  margin: 0em;
+}
+
+.post li {
+  margin-left: 0em;
+  margin-right: 0em;
+}
+
+.post-content:first-child {
+  margin-top: 2em;
+}
+
+.post-meta {
+  margin-bottom: 2em;
+  margin-top: 2em;
+  text-align: right;
+}
+
+.back-link {
+  display: inline-block;
+  font-size: .75em;
+  padding: 1em;
+  text-decoration: none;
+  text-transform: uppercase;
+}

data/_sass/_base.scss

@@ -0,0 +1,149 @@
+body {
+  background: $brand-color;
+  color: $text-color;
+  font-family: $font-family;
+  font-size: 1.3125em;
+  line-height: 1.5;
+}
+
+h1 {
+  font-size: 2em;
+  font-family: $font-family-header;
+  margin: 0em auto;
+  text-align: center;
+}
+
+h2 {
+  font-size: 2em;
+  font-family: $font-family-subhead;
+  margin: 0em auto;
+  text-align: center;
+}
+
+h3 {
+  font-size: 1.2em;
+  margin: 0em auto;
+  text-align: left;
+}
+
+h4 {
+  font-size: 1em;
+  font-style: italic;
+  text-align: right;
+  margin: 0em auto;
+  text-indent: 0em;
+  color: gray;
+}
+
+h5 {
+  font-size: 1em;
+  margin: 0em auto;
+  text-indent: 0em;
+}
+
+h6 {
+  font-size: 1em;
+  margin: 0em auto;
+  text-indent: 0em;
+}
+
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: bold;
+}
+
+a {
+  color: inherit;
+}
+
+a:focus {
+  outline: 1px dashed $text-color;
+}
+
+blockquote {
+  margin: 0.5em;
+  font-family: $font-family-header;
+  font-size: 1.5em;
+  color: $muted-text-color;
+  font: Brandon Grotesque;
+  opacity: 1;
+  > * {
+    padding: 0 1em;
+  }
+}
+
+blockquote.epigraph {
+  font-style: italic;
+}
+
+small {
+  font-size: .75em;
+}
+
+p > cite {
+  display: block;
+  text-align: right;
+}
+
+hr {
+  border: 0;
+  height: 0;
+  @include divider;
+  margin: 4em 0;
+}
+
+img {
+  display: flex;
+  max-width: 100%;
+  height: auto;
+  margin: 2em auto;
+}
+
+figure img {
+  margin: 2em auto 1em;
+}
+
+figcaption {
+  font-size: .875em;
+  font-style: italic;
+  text-align: center;
+  margin-bottom: 2em;
+  opacity: .7;
+}
+
+.divided::after {
+  content: "";
+  @include divider;
+}
+
+.home {
+  max-width: 24em;
+  margin: auto;
+  padding: 1em 1em;
+}
+
+.content-title {
+  font-size: 1.5em;
+  margin-bottom: 1em;
+  text-align: center;
+}
+
+.post-date {
+  color: $muted-text-color;
+  display: block;
+  font-size: .825em;
+  white-space: nowrap;
+  text-transform: uppercase;
+  .post-link & {
+    padding: .5em 0;
+  }
+}
+
+.site-credits {
+  margin: 0 auto 2em;
+  padding: 0 2em;
+  text-align: center;
+}

data/_sass/_font.scss

@@ -0,0 +1,62 @@
+/* eb-garamond-regular - latin */
+@font-face {
+  font-family: 'EB Garamond';
+  font-style: normal;
+  font-weight: 400;
+  font-display: auto;
+  src: url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local('EB Garamond Regular'), local('EBGaramond-Regular'),
+       url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
+   }
+
+@font-face {
+   font-family: 'Brandon Grotesque';
+   font-style: normal;
+   font-weight: normal;
+   src: url('#{$asset_url}/fonts/BrandonGrotesque-Black.eot'); /* IE9 Compat Modes */
+   src: local('Brandon Grotesque Black'), url('BrandonGrotesque-Black.woff') format('woff'),
+   url('#{$asset_url}/fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),
+   url('#{$asset_url}/fonts/BrandonGrotesque-Black.woff2') format('woff2'), /* Super Modern Browsers */
+   url('#{$asset_url}/fonts/BrandonGrotesque-Black.woff') format('woff'), /* Modern Browsers */
+   url('#{$asset_url}/fonts/BrandonGrotesque-Black.ttf') format('truetype'), /* Safari, Android, iOS */
+   url('#{$asset_url}/fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg'); /* Legacy iOS */
+   }
+
+   @font-face {
+   font-family: 'Audrey Italic';
+   font-style: normal;
+   font-weight: normal;
+   src: local('Audrey Italic'), url('Audrey-NormalOblique.woff') format('woff');
+   }
+
+   @font-face {
+   font-family: 'Audrey Medium';
+   font-style: normal;
+   font-weight: normal;
+   src: local('Audrey Medium'), url('Audrey-Medium.woff') format('woff');
+   }
+
+   @font-face {
+   font-family: 'Audrey Medium Oblique';
+   font-style: normal;
+   font-weight: normal;
+   src: local('Audrey Medium Oblique'), url('Audrey-MediumOblique.woff') format('woff');
+   }
+
+   @font-face {
+   font-family: 'Audrey Bold';
+   font-style: normal;
+   font-weight: normal;
+   src: local('Audrey Bold'), url('Audrey-Bold.woff') format('woff');
+   }
+
+   @font-face {
+   font-family: 'Audrey Bold Italic';
+   font-style: normal;
+   font-weight: normal;
+   src: local('Audrey Bold Italic'), url('Audrey-BoldOblique.woff') format('woff');
+   }

data/_sass/_footnotes.scss

@@ -0,0 +1,35 @@
+.footnote {
+  border: 1px solid $muted-text-color;
+  border-radius: 1em;
+  color: $text-color;
+  display: inline;
+  font-size: .75em;
+  font-weight: 700;
+  padding: 0 .75em;
+  text-decoration: none;
+  margin: 0 .25em;
+  &:hover,
+  &:focus {
+    background: $brand-color;
+    border-color: $brand-color;
+  }
+}
+
+.footnotes::before {
+  content: '';
+  @include divider;
+  margin: 4em auto;
+}
+
+.footnotes {
+  margin-bottom: 4em;
+}
+
+.footnotes li {
+  margin-bottom: 1em;
+}
+
+.reversefootnote {
+  font-size: .75em;
+  opacity: .75;
+}

data/_sass/_masthead.scss

@@ -0,0 +1,25 @@
+.site-masthead {
+  box-sizing: border-box;
+  position: relative;
+  text-align: center;
+}
+
+.site-masthead h1 {
+  font-size: 3em;
+  margin-bottom: 0;
+  margin-top: 1em;
+  padding: 0em;
+  @media (min-width: $on-tablet) {
+    font-size: 6em;
+  }
+}
+
+.site-masthead h2 {
+  color: $muted-text-color;
+  font-size: 1.25em;
+  margin: 0;
+  padding: 0em;
+  @media (min-width: $on-tablet) {
+    font-size: 3em;
+  }
+}