nano-theme 0.5.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 18c2df39ee9768cba56fef5cab640e1654f87e4812eaab84de2d9692bd62f581
+  data.tar.gz: 341db5ae2b2b7e3ef08ee1e3808ac4289368be47d33c5fc8cf34729c4ccc887d
+SHA512:
+  metadata.gz: 3a3b46059e95019603950be2401b5e00a18bc35bc4462820672fe3c5f1a7b6bcf63ce268fe8ea3843f2b03c71a2dd432ee3cd89dcf65bb74c1a925cf60f6ad9b
+  data.tar.gz: a85b265f64cd53b06a5488958e49a931608c7730701815260a9a311ed5290f5cfb9a1ee5aed92bcba542c953cd32cd905e5282fdaf194560c278dd55a76dff23

data/LICENSE

@@ -0,0 +1,29 @@
+BSD 3-Clause License
+
+Copyright (c) 2020, doamatto (Ronchetto, Matthew)
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

data/README.md

@@ -0,0 +1,19 @@
+# Nano
+
+[![Gem Version](https://badge.fury.io/rb/nano-theme.svg)](https://badge.fury.io/rb/nano-theme) [![Gem downloads](https://img.shields.io/gem/dt/nano-theme)](https://rubygems.org/gems/nano-theme)
+
+**This is in active developement. [You can see the roadmap here.](https://trello.com/b/6uBEAJwj)**
+
+Nano is a super lightweight Jekyll theme built to work great on all platforms, respect user privacy, and load at lightning-fast speeds.
+
+### Installation
+Installing Nano is simple. Start by downloading the latest version of Nano via [the releases page](https://github.com/doamatto/nano/releases/latest). Afterwards, using Gem, install bundler (`gem install bundler`). Then, run `bundle install` to install everything you need for Nano to work properly. You're now ready to configure your installation and deploy wherever. 
+
+### Credits
+Many thanks to the Jekyll and RubyGems community for great documentation, allowing me to make this simply and swiftly.
+
+Big thanks to the StackOverflow community; they helped me find some nice CSS workarounds for some things (like missing images). I quoted the posts I used when I used them.
+
+Special thanks to [Rishi](https://github.com/rveerepalli) for staying up late on the day before the launch of v0.3 to help fix some issues.
+
+Big thanks to [Dave Yarwood](https://github.com/daveyarwood) for doing up a [port of Gruvbox for Pygments/Rogue](https://github.com/daveyarwood/gruvbox-pygments), which is used for syntax highlighting.

data/_includes/analytics.html

@@ -0,0 +1,41 @@
+<!-- Analytics Start -->
+{% if site.simpleanalytics == true %}
+<script src="https://scripts.simpleanalyticscdn.com/latest.js" async defer></script>
+<noscript>
+  <img class="pxl" src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="">
+</noscript>
+{% elsif site.matomoanalytics == true %}
+<!-- Matomo -->
+<script>
+  var _paq = window._paq || [];
+  _paq.push(["setDoNotTrack", true]);
+  _paq.push(["disableCookies"]);
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="https://{{site.matomourl}}/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '{{site.matomositeid}}']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://cdn.matomo.cloud/{{site.matomourl}}/matomo.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<noscript>
+  <p>
+    <img class="pxl" src="https://{{site.matomourl}}/matomo.php?idsite=1&amp;rec=1" style="border:0;" alt="">
+  </p>
+</noscript>
+{% elsif site.fathomanalytics == true %}
+{% if site.customfathomurl != "" %}
+<script src="https://{{site.customfathomurl}}" site="{{site.fathomsite}}" honor-dnt="true" async defer></script>
+{% else %}
+<script src="https://cdn.usefathom.com/script.js" site="{{site.fathomsite}}" honor-dnt="true" async defer></script>
+{% endif %}
+{% elsif site.plausibleanalytics == true %}
+{% if site.customplausibleurl != "" %}
+<script data-domain="{{site.github.url}}" src="https://{{site.customplausibleurl}}/js/index.js" async defer></script>
+{% else %}
+<script data-domain="{{site.github.url}}" src="https://plausible.io/js/plausible.js" async defer></script>
+{% endif %}
+{% endif %}
+<!-- Analytics End -->

data/_includes/blm-banner.html

@@ -0,0 +1,3 @@
+<a class="blm-banner" href="https://support.eji.org/give/153413/#!/donation/checkout" title="Support the Equal Justice Initiative">
+  Black Lives Matter. Support&nbsp;the&nbsp;Equal&nbsp;Justice&nbsp;Initiative.
+</a>

data/_includes/csp.html

@@ -0,0 +1,23 @@
+{% if site.simpleanalytics == true %}
+<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://scripts.simpleanalyticscdn.com/latest.js">
+{% elsif site.fathomanalytics == true %}
+  {% if site.customfathomurl == "" %}
+<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://cdn.usefathom.com/script.js">
+  {% else %}
+<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://{{site.customfathomurl}}">
+  {% endif %}
+{% elsif site.matomoanalytics %}
+<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'sha256-qj/jwzjem2sfrDp/CEX8ODDzwfezTtpX43MRAcQTuUQ=' https://cdn.matomo.cloud/{{site.matomourl}}/matomo.js">
+{% elsif site.plausibleanalytics %}
+  {% if site.customplausibleurl == "" %}
+<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://plausible.io/js/plausible.js">
+  {% else %}
+<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://{{site.customplausibleurl}}/js/index.js">
+  {% endif %}
+{% endif %}
+
+{% if site.unsafecontent == false %}
+<meta http-equiv="Content-Security-Policy" content="default-src 'self' https://*">
+{% else %}
+<meta http-equiv="Content-Security-Policy" content="script-src 'self'">
+{% endif %}

data/_includes/newsroom.html

@@ -0,0 +1,68 @@
+<div class="newsroom">
+  <h3><a href="{{ '/atom.xml' | relative_url }}">Subscribe to the Atom feed.</a></h3>
+  {% if site.disablecategories != true %}
+    <h2 id="categories">Categories</h2>
+  {% endif %}
+  <ul>
+    {% if site.disablecategories == true %}
+      {% for post in site.posts %}
+        <li>
+          {% if site.classicnews == true %}
+            <p>
+              <a href="{{ post.url }}">
+                <b>{{ post.title }} ({{ post.dateS }}). </b>
+              </a>
+              {{ post.excerpt | strip_html }}
+            </p>
+          {% else %}
+            <a href="{{ post.url }}">
+              <b>{{ post.title }} ({{ post.dateS }}). </b>
+            </a>
+            {{ post.excerpt }}
+          {% endif %}
+        </li>
+      {% endfor %}
+    {% else %}
+      {% for category in site.categories %}
+      <li>
+        <a href="#{{category[0] | slugify }}">{{category[0]}}</a>
+      </li>
+      {% endfor %}
+    {% endif %}
+  </ul>
+  
+  {% if site.disablecategories != true %}
+    {% for category in site.categories %}
+      <p id="{{ category[0] | slugify }}" class="category_name">{{category[0]}}</p>
+      <ul>
+        {% for post in category[1] %}
+          <li>
+            {% if site.classicnews == true %}
+              <p>
+                {% if post.content | remove_first:post.excerpt | remove_first:post.excerpt_separator != "" %}
+                  <a href="{{ post.url }}">
+                    <b>{{ post.title }} ({{ post.dateS }}). </b>
+                  </a>
+                  {{ post.excerpt | strip_html }}
+                {% else %}
+                  <b>{{ post.title }} ({{ post.dateS }}). </b>
+                  {{ post.excerpt | strip_html }}
+                {% endif %}
+              </p>
+            {% else %}
+              {% if post.content | remove_first:post.excerpt | remove_first:post.excerpt_separator != "" %}
+                <a href="{{ post.url }}">
+                  <b>{{ post.title }} ({{ post.dateS }}). </b>
+                </a>
+                {{ post.excerpt }}
+              {% else %}
+                <b>{{ post.title }} ({{ post.dateS }}). </b>
+                {{ post.excerpt }}
+              {% endif %}
+            {% endif %}
+          </li>
+        {% endfor %}
+      </ul>
+    {% endfor %} 
+  {% endif %}
+</div>

data/_includes/seo.html

@@ -0,0 +1,66 @@
+<link rel="canonical" href="{{ site.url }}{{ page.url | replace:'index.html',''}}">
+{% if page.title %}
+<title>{{ page.title }} - {{ site.title }}</title>
+<meta name="twitter:title" content="{{page.title}} - {{site.title}}">
+<meta property="og:title" content="{{page.title}} - {{site.title}}">
+{% else %}
+<title>{{ site.title }}</title>
+<meta name="twitter:title" content="{{ site.title }}">
+<meta property="og:title" content="{{ site.title }}">
+{% endif %}
+{% if site.lang != nil or != "" %}
+<meta property="og:locale" content="{{site.lang}}">
+<meta http-equiv="language" content="{{site.lang}}">
+{% endif %}
+{% if page.author != nil or != "" %}
+<meta name="author" content="{{page.author}}">
+<meta name="article:author" content="{{page.author}}">
+{% elsif site.author != nil or != "" %}
+<meta name="author" content="{{site.author}}">
+{% endif %}
+{% if page.excerpt != nil or != "" %}
+<meta name="description" content="{{ page.excerpt | strip_html | strip}}">
+
+<meta property="og:type" content="article">
+<meta property="og:description" content="{{ page.excerpt | strip_html | strip }}">
+
+<meta name="twitter:description" content="{{ page.excerpt | strip_html | strip }}">
+<meta name="twitter:card" content="summary">
+{% elsif page.description != nil or != "" %}
+<meta name="description" content="{{page.description}}">
+
+<meta property="og:type" content="website">
+<meta property="og:description" content="{{page.description}}">
+
+<meta name="twitter:description" content="{{page.description}}">
+<meta name="twitter:card" content="summary">
+{% elsif site.description != nil or != "" %}
+<meta name="description" content="{{site.description}}">
+
+<meta property="og:type" content="website">
+<meta property="og:description" content="{{site.description}}">
+
+<meta name="twitter:description" content="{{site.description}}">
+<meta name="twitter:card" content="summary">
+{% endif %}
+{% if page.social_image != nil or != "" %}
+<meta property="og:image" content="{{ page.social_image }}">
+
+<meta name="twitter:image" content="{{ page.social_image }}">
+{% else if site.social_image != nil or != "" %}
+<meta property="og:image" content="{{ site.social_image }}">
+
+<meta name="twitter:image" content="{{ site.social_image }}">
+{% else %}
+<meta property="og:image" content="{{ site.logo }}">
+
+<meta name="twitter:image" content="{{ site.logo }}">
+{% endif %}
+{% if site.twitter_creator != nil or != "" %}
+<meta name="twitter:creator" content="{{ site.twitter_creator }}">
+{% endif %}
+{% if page.keywords != nil or != "" %}
+<meta name="keywords" content="{{ page.keywords | array_to_sentence_string }}">
+{% elsif site.keyword != nil or != "" %}
+<meta name="keywords" content="{{ site.keywords | array_to_sentence_string }}">
+{% endif %}

data/_includes/site-footer.html

@@ -0,0 +1,18 @@
+<hr class="end">
+<footer>
+    <p>
+        &copy; {% if copyrightYear %}{{copyrightYear}}{% else %}{{ site.time | date: '%Y' }}{% endif %} {{ site.copyrightName }}.
+        <br>
+        {% if site.webSource %}
+        <a href="{{ site.webSource }}" title="Contribute to this site.">Contribute to this site.</a><br>
+        {% endif %}
+        {% for item in site.footerLinks %}
+        {% if item.url contains '://' %}
+          {% assign url = item.url %}
+        {% else %}
+          {% assign url = item.url | relative_url %}
+        {% endif %}
+        <a href="{{ url }}" title="{{item.title}}">{{ item.title }}</a>
+        {% endfor %}
+    </p>
+</footer>

data/_includes/site-header.html

@@ -0,0 +1,24 @@
+<header>{% if site.logo %}
+  <h1 class="logo">
+      <a href="{{ '/' | relative_url }}" title="Home">
+        <img src="{{ site.logo | relative_url }}" width="64px" alt="Home">
+      </a>
+  </h1>{% endif %}
+  <nav>
+    <ul>{% for item in site.navigation %}
+        {% if item.url contains '://' %}
+          {% assign url = item.url %}
+        {% else %}
+          {% assign url = item.url | relative_url %}
+        {% endif %}
+        <li>
+          <a href="{{url}}" title="{{item.title}}">{{item.title}}</a>
+        </li>{% endfor %}
+    </ul>
+  </nav>
+</header>
+<div class="header">
+  {% if site.tagline %}
+    <p class="tagline">{{site.tagline}}</p>
+  {% endif %}
+</div>

data/_includes/sitemap.html

@@ -0,0 +1,9 @@
+This is a list, in alphabetical order, of the site's sitemap. This list omits blog posts. You can view the sitemap with blog posts <a href="{{ '/sitemap.xml' | relative_url }}">here</a>.
+
+{% if site.disablesitemap == false %}
+{% for p in site.pages %}
+{% if p.index == true %}
+<li><a href="{{ p.url }}">{{ p.title }}</a></li>
+{% endif %}
+{% endfor %}
+{% endif %}

data/_includes/verifications.html

@@ -0,0 +1,33 @@
+{% if site.ahrefsverify != "" %}
+  <meta name="ahrefs-site-verification" content="{{ site.ahrefsverify }}">
+{% endif %}
+{% if site.alexaverify != "" %}
+  <meta name="alexaVerifyID" content="{{ site.alexaverify }}">
+{% endif %}
+{% if site.bingverify != "" %}
+  <meta name="msvalidate.01" content="{{ site.bingverify }}">
+{% endif %}
+{% if site.dailyverify != "" %}
+  <meta name="dailymotion-domain-verification" content="{{ site.dailyverify }}">
+{% endif %}
+{% if site.googleverify != "" %}
+  <meta name="google-site-verification" content="{{ site.googleverify }}">
+{% endif %}
+{% if site.nortonverify != "" %}
+  <meta name="norton-safeweb-site-verification" content="{{ site.nortonverify }}">
+{% endif %}
+{% if site.pinverify != "" %}
+  <meta name="p:domain_verify" content="{{ site.pinverify }}">
+{% endif %}
+{% if site.plingverify != "" %}
+  <meta name="ocs-site-verification" content="{{ site.plingverify }}">
+{% endif %}
+{% if site.specificverify != "" %}
+  <meta name="specificfeeds-verification-code" content="{{ site.specificverify }}">
+{% endif %}
+{% if site.wotverify != "" %}
+  <meta name="wot-verification" content="{{ site.wotverify }}">
+{% endif %}
+{% if site.yandexverify != "" %}
+  <meta name="yandex-verification" content="{{ site.yandexverify }}">
+{% endif %}

data/_layouts/default.html

@@ -0,0 +1,26 @@
+<!doctype html>{% if site.lang != "" %}
+<html lang="{{site.lang}}">
+{% else %}
+<html>
+{% endif %}<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="referrer" content="no-referrer, same-origin">
+    {% for item in site.font-import %}
+    <link rel="stylesheet" href="{{item}}">
+    {% endfor %}
+    <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
+    {% if site.favicon != "" %}
+    <link rel="shortcut icon" href="{{ site.favicon }}">
+    <link rel="icon" href="{{site.favicon}}">
+    <link rel="apple-touch-icon" href="{{site.favicon}}">
+    {% endif %}
+    {% include verifications.html %}
+    {% include seo.html %}
+    {% include csp.html %}
+  </head>
+  <body>
+    {{ content }}
+  </body>
+</html>

data/_layouts/newsroom.html

@@ -0,0 +1,12 @@
+---
+layout: default
+---
+
+{% include site-header.html %}
+
+<div class="container">
+  {{ content }}
+  {% include newsroom.html %}
+</div>
+
+{% include site-footer.html %}

data/_layouts/page.html

@@ -0,0 +1,17 @@
+---
+layout: default
+---
+
+{% if site.blm-banner %}
+{% include blm-banner.html %}
+{% endif %}
+
+{% include site-header.html %}
+
+<div class="container">
+  {{ content }}
+</div>
+
+{% include analytics.html %}
+
+{% include site-footer.html %}

data/_layouts/post.html

@@ -0,0 +1,31 @@
+---
+layout: default
+---
+
+{% if site.blm-banner %}
+{% include blm-banner.html %}
+{% endif %}
+
+{% include site-header.html %}
+
+<div class="container">
+  <div class="post">
+    <h2>{{ page.title }}</h2>
+    <h3>{{ page.dateS }} - Written by {{ page.author }}</h3>
+    {{ content }}
+    <br>
+    {% if site.disablecategories == false %}
+      <h3>
+        Tags: {{ page.categories | array_to_sentence_string }}. <a href="{{ '/atom.xml' | relative_url }}">Subscribe to the Atom feed.</a>
+      </h3>
+    {% else %}
+      <h3>
+        <a href="{{ '/atom.xml' | relative_url }}">Subscribe to the Atom feed.</a>
+      </h3>
+    {% endif %}
+  </div>
+</div>
+
+{% include analytics.html %}
+
+{% include site-footer.html %}

data/_posts/test1/2020-06-04-test.md

@@ -0,0 +1,27 @@
+---
+layout: post
+title: "Blogging Support is Here"
+author: doamatto
+excerpt_separator: ---
+dateS: "2020/06/04"
+categories: [Updates]
+---
+
+Nano v0.3.0 is here and now, among many other things, has support for blogging!
+
+---
+
+Since day one, Nano was a project to make a clean, fast, and mobile-friendly Jekyll theme that people could easily use and deploy themselves. When I first released the gem on RubyGems, I was amazed to see the downloads skyrocket to 100 in the first day. Now, as of writing, Nano is at a little over 1500 downloads on RG, and I realised I still need to deliver on two crucial things:
+
+- Amazing Mobile Support, and:
+- Official Blogging Support.
+
+Well, with the release of Nano v0.3.0, I'm happy to announce blogging being here on Nano. You might wonder: why'd it take you so long? There are plenty reasons I could say, but I'll keep it narrowed to the cold hard truth: I just didn't realise the importance of Jekyll for blogging until recently. When I was personally setting up the newsroom section on my website, I realised it was such a clunky and crappy solution.
+
+Fortunately, I made the theme I used (which is this theme), and decided I'd finally get to work on adding blogging support. I did my utmost best to document it to the best of my ability and make it as painless as possible to deploy into sites using this theme.
+
+You can read the full changelog via GitHub's releases page [here](https://github.com/doamatto/nano/releases/tag/v0.3.0).
+
+```
+Code block lmao
+```

data/_posts/test2/2020-07-03-test.md

@@ -0,0 +1,55 @@
+---
+layout: post
+title: "Another Huge Update. This is v0.4.0."
+author: doamatto
+excerpt_separator: ---
+dateS: "2020/06/04"
+categories: [Updates, Meta, One More Category for Good Measure]
+---
+
+Nano just got a huge amount of features. Because of it, welcome to v0.4.0 of Nano.
+
+---
+
+Y'know, the people who use Nano have yet to seize to amaze me. As of writing, the [nano-theme RubyGem](https://rubygems.org/gems/nano-theme) is at over 2,500 downloads. It's awesome to see how so many people are using Nano. Thanks for helping support Nano and (although I'd prefer it in GitHub as issues) for emailing me all your feature requests and bugs.
+
+Now, enough of the thanks: we all know you're here to see what's the latest and greatest in Nano v0.4.0. And, as every other v0.X.0 update, it's a doozy.
+
+To start, blogging got a large overhaul. You can now use categories to sort your posts (I plan to add by Month-Year in the future). You can enable this feature in the config file. Amongst that addition were some nice quality of life changes:
+- Improved readibility of link to Atom feed
+- Added author meta tags for posts and site-wide, if either are set
+- Added a 'Subscribe to Atom feed' buttom to posts[^1]
+
+[^1]: When categories are disabled in the config, this link stays. The tags are normally with it when categories are enabled 
+
+Apart from those changes, support for tables are officially here.
+
+| Column A | Column B |
+| -------- | -------- |
+| Row 1    | Row 1    |
+| Row 2    | Row 2    |
+| Row 3    | Row 3    |
+
+They took me awhile to do as they were a little hard to design to make it look nice on both light and dark theme while keeping a similar colour pallete.
+
+Apart from tables, support for task lists was added, as well as better support footnotes, definition lists, and images.
+
+[![https://i.kym-cdn.com/entries/icons/original/000/006/506/pogchamp.png](https://i.kym-cdn.com/entries/icons/original/000/006/506/pogchamp.png)](https://knowyourmeme.com/memes/pogchamp)
+
+Some smaller peace of minds that were added:
+- **A LOT** of CSS/SASS minimizations
+- Inline code blocks are now styled similarly to nested code blocks[^2]
+- Links outside of lists will have underlines
+- Hovering over a link in the navigation won't cause it to look like it disappeared (a very minor issue, obviously)
+- The horizontal rule on the footer is now smaller and properly centres itself
+- The classic look is back to Nano. On:
+  - **Desktop:** You get the classic look
+  - **Laptop/Tablet:** You get the new look with the bigger margins (size cap to become this size is 992px in width)
+  - **Mobile:** Same good ol' margins
+- Updated media queries to improve mobile compatibility[^3]
+- Fixed typo in gemspec that could cause issues
+
+Apart from that, that was some of the new things in Nano v0.4.0. You can install it today via [RubyGems](https://rubygems.org/gems/nano-theme) or read the full changelog via [GitHub](https://github.com/doamatto/nano/releases/v0.4.0).
+
+[^2]: Nested code blocks have a padding of `.5vh` on the top and bottom and `1vh` on the left and right. Inline codeblocks go from `.5vh` to `.25vh` and `1vh` goes to `.5vh`.
+[^3]: Previously, I used `max-device-width` in media queries to set mobile views and desktop views apart. However, [this is discouraged](https://web.dev/responsive-web-design-basics/) and, for that reason, I switched it to the `max-width` instead.

data/_sass/_config.scss

@@ -0,0 +1,44 @@
+// Code Block Colours
+$LIGHTcodeColour: #fff;
+$DARKcodeColour: #fff;
+$LIGHTcodebgColour: #282828;
+$DARKcodebgColour: #282828;
+
+// Main Colours
+$LIGHTbgColour: #fff;
+$DARKbgColour: #000;
+$accentColour: #f62c43;
+
+// Header Colours (also uses $accentColour)
+$headerTextColour: #000;
+
+// Image Borders
+$LIGHTborderColour: #000;
+$DARKborderColour: #fff;
+$borderType: solid;
+$borderSize: 2.5px;
+
+// Navigation Colours
+$navColour: #000;
+
+// Text Colours
+$LIGHTtextColour: #000;
+$DARKtextColour: #fff;
+$LIGHTlinkColour: #000;
+$LIGHTlinkHoverColour: #f62c43;
+$DARKlinkColour: #fff;
+$DARKlinkHoverColour: #f62c43;
+
+// Typography & Misc.
+$codeFont: 'IBM Plex Mono', monospace;
+$codeFont-var: 'IBM Plex Mono', monospace; // Might break if nothing is here
+$font: 'Inter', sans-serif;
+$font-var: 'Inter var experimental', sans-serif; // Might break if nothing is here
+$font-regular: 500;
+$font-bold: 700;
+
+// New Image System in v0.4.1. You can revert using this config.
+// Don't change without reading: https://github.com/doamatto/nano/wiki/Images
+$classicimages: false;
+
+// Font imports were moved to ../_config.yml

data/_sass/_syntax.scss

@@ -0,0 +1,73 @@
+.highlight .hll { background-color: #ffffcc }
+.highlight  { background: #282828; color: #ebdbb2; background-color: #282828 }
+.highlight .c { color: #928374; font-style: italic; background-color: #282828 } /* Comment */
+.highlight .err { color: #ebdbb2; background-color: #282828 } /* Error */
+.highlight .esc { color: #ebdbb2; background-color: #282828 } /* Escape */
+.highlight .g { color: #ebdbb2; background-color: #282828 } /* Generic */
+.highlight .k { color: #fe8019; background-color: #282828 } /* Keyword */
+.highlight .l { color: #ebdbb2; background-color: #282828 } /* Literal */
+.highlight .n { color: #ebdbb2; background-color: #282828 } /* Name */
+.highlight .o { color: #fe8019; background-color: #282828 } /* Operator */
+.highlight .x { color: #ebdbb2; background-color: #282828 } /* Other */
+.highlight .p { color: #ebdbb2; background-color: #282828 } /* Punctuation */
+.highlight .ch { color: #928374; font-style: italic; background-color: #282828 } /* Comment.Hashbang */
+.highlight .cm { color: #928374; font-style: italic; background-color: #282828 } /* Comment.Multiline */
+.highlight .cp { color: #8ec07c; background-color: #282828 } /* Comment.Preproc */
+.highlight .c1 { color: #928374; font-style: italic; background-color: #282828 } /* Comment.Single */
+.highlight .cs { color: #928374; font-style: italic; background-color: #282828 } /* Comment.Special */
+.highlight .gd { color: #282828; background-color: #fb4934 } /* Generic.Deleted */
+.highlight .ge { color: #83a598; text-decoration: underline; background-color: #282828 } /* Generic.Emph */
+.highlight .gr { color: #ebdbb2; font-weight: bold; background-color: #fb4934 } /* Generic.Error */
+.highlight .gh { color: #b8bb26; font-weight: bold; background-color: #282828 } /* Generic.Heading */
+.highlight .gi { color: #282828; background-color: #b8bb26 } /* Generic.Inserted */
+.highlight .go { color: #504945; background-color: #282828 } /* Generic.Output */
+.highlight .gp { color: #ebdbb2; background-color: #282828 } /* Generic.Prompt */
+.highlight .gs { color: #ebdbb2; background-color: #282828 } /* Generic.Strong */
+.highlight .gu { color: #b8bb26; font-weight: bold; background-color: #282828 } /* Generic.Subheading */
+.highlight .gt { color: #ebdbb2; font-weight: bold; background-color: #fb4934 } /* Generic.Traceback */
+.highlight .kc { color: #fe8019; background-color: #282828 } /* Keyword.Constant */
+.highlight .kd { color: #fe8019; background-color: #282828 } /* Keyword.Declaration */
+.highlight .kn { color: #fe8019; background-color: #282828 } /* Keyword.Namespace */
+.highlight .kp { color: #fe8019; background-color: #282828 } /* Keyword.Pseudo */
+.highlight .kr { color: #fe8019; background-color: #282828 } /* Keyword.Reserved */
+.highlight .kt { color: #fabd2f; background-color: #282828 } /* Keyword.Type */
+.highlight .ld { color: #ebdbb2; background-color: #282828 } /* Literal.Date */
+.highlight .m { color: #d3869b; background-color: #282828 } /* Literal.Number */
+.highlight .s { color: #b8bb26; background-color: #282828 } /* Literal.String */
+.highlight .na { color: #b8bb26; font-weight: bold; background-color: #282828 } /* Name.Attribute */
+.highlight .nb { color: #fabd2f; background-color: #282828 } /* Name.Builtin */
+.highlight .nc { color: #ebdbb2; background-color: #282828 } /* Name.Class */
+.highlight .no { color: #d3869b; background-color: #282828 } /* Name.Constant */
+.highlight .nd { color: #ebdbb2; background-color: #282828 } /* Name.Decorator */
+.highlight .ni { color: #fabd2f; background-color: #282828 } /* Name.Entity */
+.highlight .ne { color: #fb4934; background-color: #282828 } /* Name.Exception */
+.highlight .nf { color: #fabd2f; background-color: #282828 } /* Name.Function */
+.highlight .nl { color: #fb4934; background-color: #282828 } /* Name.Label */
+.highlight .nn { color: #ebdbb2; background-color: #282828 } /* Name.Namespace */
+.highlight .nx { color: #ebdbb2; background-color: #282828 } /* Name.Other */
+.highlight .py { color: #ebdbb2; background-color: #282828 } /* Name.Property */
+.highlight .nt { color: #fb4934; background-color: #282828 } /* Name.Tag */
+.highlight .nv { color: #ebdbb2; background-color: #282828 } /* Name.Variable */
+.highlight .ow { color: #fe8019; background-color: #282828 } /* Operator.Word */
+.highlight .w { color: #ebdbb2; background-color: #282828 } /* Text.Whitespace */
+.highlight .mb { color: #d3869b; background-color: #282828 } /* Literal.Number.Bin */
+.highlight .mf { color: #d3869b; background-color: #282828 } /* Literal.Number.Float */
+.highlight .mh { color: #d3869b; background-color: #282828 } /* Literal.Number.Hex */
+.highlight .mi { color: #d3869b; background-color: #282828 } /* Literal.Number.Integer */
+.highlight .mo { color: #d3869b; background-color: #282828 } /* Literal.Number.Oct */
+.highlight .sb { color: #b8bb26; background-color: #282828 } /* Literal.String.Backtick */
+.highlight .sc { color: #b8bb26; background-color: #282828 } /* Literal.String.Char */
+.highlight .sd { color: #b8bb26; background-color: #282828 } /* Literal.String.Doc */
+.highlight .s2 { color: #b8bb26; background-color: #282828 } /* Literal.String.Double */
+.highlight .se { color: #b8bb26; background-color: #282828 } /* Literal.String.Escape */
+.highlight .sh { color: #b8bb26; background-color: #282828 } /* Literal.String.Heredoc */
+.highlight .si { color: #b8bb26; background-color: #282828 } /* Literal.String.Interpol */
+.highlight .sx { color: #b8bb26; background-color: #282828 } /* Literal.String.Other */
+.highlight .sr { color: #b8bb26; background-color: #282828 } /* Literal.String.Regex */
+.highlight .s1 { color: #b8bb26; background-color: #282828 } /* Literal.String.Single */
+.highlight .ss { color: #83a598; background-color: #282828 } /* Literal.String.Symbol */
+.highlight .bp { color: #fabd2f; background-color: #282828 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #ebdbb2; background-color: #282828 } /* Name.Variable.Class */
+.highlight .vg { color: #ebdbb2; background-color: #282828 } /* Name.Variable.Global */
+.highlight .vi { color: #ebdbb2; background-color: #282828 } /* Name.Variable.Instance */
+.highlight .il { color: #d3869b; background-color: #282828 } /* Literal.Number.Integer.Long */

data/_sass/_theme.scss

@@ -0,0 +1,388 @@
+// Document Prep
+* {
+  margin: 0;
+  padding: 0;
+  font-variation-settings: "slnt" 0deg;
+}
+
+body {
+  @supports (font-variation-settings: normal) {
+    font-family: $font-var;
+    font-variation-settings: 'wght' $font-regular;
+    font-style: normal;
+  }
+  font-style: normal;
+  background: $LIGHTbgColour;
+  color: $LIGHTtextColour;
+  font-family: $font;
+  margin: 0 auto;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  scroll-behavior: smooth;
+}
+
+// Typography
+@media (max-width: 500px) {
+  h1 { font-size: 28px !important; }
+  h2 { font-size: 21px !important; }
+  h3 { font-size: 19px !important; }
+  .post { h3 { font-size: 14px !important; } }
+  h4, h5, h6 { font-size: 16px !important; }
+  .tagline, .tagline * { font-size: 50px !important; }
+  b {
+    @supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-bold, 'slnt' 0; }
+    font-weight: $font-bold !important;
+  } // Keeps bold bold, no matter the scenario
+}
+@media (max-width: 750px) { font-size: 72px; }
+
+p { margin: 1em 0; }
+h1 {
+  font-size: 48px;
+  @supports (font-variation-settings: normal) { font-variation-settings: "wght" $font-bold, 'slnt' 0; }
+  font-weight: $font-bold;
+  line-height: 1.1;
+}
+h2 {
+  font-size: 24px;
+  line-height: 1.35;
+}
+h3 { font-size: 16px; }
+ol, ul { margin: 1em 1em; }
+.category_name { 
+  font-size: 22px;
+  line-height: 1.1;
+  margin: .25em 0;
+  margin-left: 0 !important;
+}
+
+a {
+  color: $LIGHTlinkColour;
+  transition: color 250ms ease-in-out;
+}
+a:hover {
+  color: $LIGHTlinkHoverColour;
+}
+ul a, ol a { text-decoration: none; }
+
+em {
+  @supports (font-variation-settings: normal) { font-variation-settings: "slnt" 10deg; }
+  font-style: italic;
+}
+strong {
+  @supports (font-variation-settings: normal) { font-variation-settings: "wght" 700; }
+  font-style: bold;
+}
+
+// Code blocks
+.highlight, code, .highlighter-rogue {
+  @supports (font-variation-settings: normal) { font-family: $codeFont-var; }
+  font-family: $codeFont;
+  background: $LIGHTcodebgColour;
+  color: $LIGHTcodeColour;
+  padding: .5vh 1vh .5vh 1vh;
+}
+code { padding: .25vh .5vh .25vh .5vh; }
+
+// Navigation
+header {
+  text-align: center;
+  display: flex;
+  justify-content: space-between;
+  height: 100px;
+  background: $accentColour;
+  padding-left: 16px;
+  * {
+    cursor: default;
+    font-size: 14px;
+  }
+  h1 {
+    flex: 0 0 auto;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    a {
+      display: block;
+      :hover { cursor: pointer; }
+    }
+    img { 
+      display: block;
+      border: none !important;
+    }
+  }
+  a {
+    color: $navColour;
+    background: none;
+    :hover {
+      color: inherit;
+      background: none;
+    }
+  }
+}
+
+nav {
+  ul {
+    flex: 0 0 auto;
+    text-align: left;
+    display: flex;
+    margin-top: 2.5em;
+    li {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      :first-child { margin-left: 0; }
+      a {
+        cursor: pointer;
+        padding: 0 0.8em;
+        font-size: 1.1em;
+        text-decoration: none;
+        color: $navColour;
+      }
+      a:hover {
+        text-decoration: underline;
+        color: inherit;
+        transition: all 150ms ease-in-out;
+      }
+      :last-child { a { padding-right: 0; } }
+    }
+  }
+}
+
+// Header
+.header {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: center;
+  background: $accentColour;
+  color: $headerTextColour;
+  padding: 1.5em 32px;
+  max-height: 30vh;
+
+  p, b {
+    flex: 0 0 auto;
+    margin: auto 16px;
+    display: flex;
+    justify-content: center;
+
+    font-size: 80px;
+    letter-spacing: -.05em;
+    @supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-regular, 'slnt' 0; }
+    font-weight: $font-regular;
+    line-height: 1.1;
+    white-space: nowrap;
+  }
+}
+
+// Footer
+footer {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: center;
+  text-align: center;
+  p {
+    font-size: .75em; 
+    a {
+      color: $LIGHTlinkColour;
+      @media(prefers-color-scheme: dark) { color: $DARKlinkColour; }
+      text-decoration: underline;
+    }
+  }
+}
+
+.end {
+  margin-left: 25%;
+  width: 50vw;
+  border: 0;
+  height: 1px;
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
+}
+
+// Main Content
+.container {
+  width: 50vw;
+  @media(max-width: 1000px) { width: 90vw; }
+  margin: 1em auto;
+
+  p {
+    img {
+      @if $classicimages {
+        @media(max-width: 1000px) { max-width: 80vw; }
+        max-width: 50vw;
+      } @else {
+        @media(max-width: 1000px) { max-width: 60vw; }
+        @media(max-width: 500px) { max-width: 80vw; }
+        max-width: 35vw;
+        & { text-align: center; }
+      }
+    }
+  }
+  ul, ol {
+    margin-left: 2em;
+    margin-right: 24px !important;
+    ul, ol {
+      margin-top: .25em;
+      margin-bottom: .25em;
+    }
+    li {
+      padding-top: .25em;
+      padding-bottom: .25em;
+      a { text-decoration: underline; }
+      p, a {
+        margin: 0;
+        padding: 0;
+      }
+    }
+  }
+  @media(prefers-color-scheme: dark) {
+    a { color: $DARKlinkColour; }
+    a:hover, ul a:hover, ol a:hover, p a:hover {
+      color: $DARKlinkHoverColour;
+      transition: all 250ms ease-in-out;
+    }
+  }
+  .highlight, p, hr {
+    margin-left: 1em;
+    margin-right: 24px;
+  }
+  @media (max-width: 500px) {
+    max-width: calc(100vw - 1em);
+    margin: 1em 1em 1em 1em;
+    width: auto;
+  }
+  hr { margin-bottom: 1em; }
+}
+
+// Images
+img {
+  border: $borderSize $borderType $LIGHTborderColour;
+  :before {
+    display: none;
+    content: '';
+  } // Hack from https://stackoverflow.com/a/980948
+}
+
+// Blog Posts
+.post {
+  h3 { font-size: 14px !important; }
+  a { text-decoration: underline; }
+}
+
+// Auto Dark Theme as Declared by Browser/OS
+@media (prefers-color-scheme: dark) {
+  .highlight, blockquote {
+    background: $DARKcodebgColour;
+    color: $DARKcodeColour;
+  }
+  body {
+    background: $DARKbgColour;
+    color: $DARKtextColour;
+  }
+  img { border: $borderSize $borderType $DARKborderColour; }
+}
+
+// Make pixel trackers invisible
+.pxl {
+  width: 1px;
+  height: 1px;
+  border: none;
+}
+
+// Table Formatting
+table {
+  display: block;
+  overflow: auto;
+  height: 200px;
+  border-collapse: collapse;
+  table-layout: fixed;
+  padding: .5em .5em;
+  margin: 0 auto;
+  width: 100%;
+  @media(max-width: 500px) { width: 300px; }
+  thead {
+    background: #353230;
+    color: #fff;
+    @media(prefers-color-scheme: dark) {
+      background: #d3d3d3;
+      color: #000;
+    }
+  }
+  th { @media(min-width: 500px) { padding: .25em 2em; } }
+  th, td { padding: .5em .5em; }
+  tbody {
+    td {
+      @media(prefers-color-scheme: light) { border: 1px solid #000; }
+      border: 1px solid #fff;
+    }
+  }
+}
+
+// Footnotes
+.footnote {
+  text-decoration: none !important;
+  margin: .10em .10em !important;
+}
+.footnotes {
+  border-top: 1px solid #000;
+  font-size: 14px;
+  @media(prefers-color-scheme: dark) { border-top: 1px solid #fff; }
+}
+
+// Definition lists
+dt {
+  @supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-bold, 'slnt' 0; }
+  font-weight: $font-bold;
+}
+dd { margin: .25em 1em; }
+
+// Checklists
+.task-list {
+  list-style-type: none;
+  margin-left: 1em !important;
+}
+.task-list-item-checkbox { margin-right: .5em; }
+
+// Centreing for images (see Wiki for more info)
+.centre { text-align: center; }
+
+// BLM banner
+.blm-banner {
+  height: 3em;
+  padding: .25em;
+  background: #000;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  @supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-bold, 'slnt' 0; }
+  font-weight: $font-bold;
+  text-decoration: none;
+  @media(max-width: 500px) {
+    font-size: .9em;
+    padding: .7em;
+  }
+  font-size: .95em;
+}
+
+// Blockquotes
+blockquote {
+  background: $LIGHTcodebgColour;
+  color: $LIGHTcodeColour;
+  margin-top: .5em;
+  padding: 1vh 1vh;
+  margin-bottom: 1em;
+  border-left: 4px solid $accentColour;
+  h1, h2, h3, h4, h5, h6 { padding: 1.5vh .5vh .25vh 1vh; }
+  .highlighter-rouge {
+    border-left: 4px solid $accentColour;
+    margin-bottom: 1em;
+  }
+  blockquote, .highlighter-rouge { margin-left: 1vw; }
+}

data/assets/logo.svg

@@ -0,0 +1,4 @@
+<svg width="1080" height="1080" viewBox="0 0 1080 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1080" height="1080" fill="#F62C43"/>
+<path d="M525.27 315.737L508.243 308L292 773H789L558.189 334.798L418.946 672.791H673.784V655.052H446L559.892 378.958L757.784 754.506H321.892L525.27 315.737Z" fill="#171717"/>
+</svg>

data/assets/main.scss

@@ -0,0 +1,4 @@
+---
+---
+
+@import 'config', 'theme', 'syntax';

metadata

@@ -0,0 +1,113 @@
+--- !ruby/object:Gem::Specification
+name: nano-theme
+version: !ruby/object:Gem::Version
+  version: 0.5.1
+platform: ruby
+authors:
+- doamatto
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2020-07-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.1'
+- !ruby/object:Gem::Dependency
+  name: jekyll-sitemap
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.4'
+- !ruby/object:Gem::Dependency
+  name: jekyll-feed
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.13'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.13'
+description: 
+email:
+- hello@doamatto.xyz
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- _includes/analytics.html
+- _includes/blm-banner.html
+- _includes/csp.html
+- _includes/newsroom.html
+- _includes/seo.html
+- _includes/site-footer.html
+- _includes/site-header.html
+- _includes/sitemap.html
+- _includes/verifications.html
+- _layouts/default.html
+- _layouts/newsroom.html
+- _layouts/page.html
+- _layouts/post.html
+- _posts/test1/2020-06-04-test.md
+- _posts/test2/2020-07-03-test.md
+- _sass/_config.scss
+- _sass/_syntax.scss
+- _sass/_theme.scss
+- assets/logo.svg
+- assets/main.scss
+homepage: 
+licenses:
+- BSD-3-Clause
+metadata:
+  plugin_type: theme
+  changelog_uri: https://github.com/doamatto/nano/releases
+  documentation_uri: https://github.com/doamatto/nano/wiki
+  source_code_uri: https://github.com/doamatto/nano
+  wiki_uri: https://github.com/doamatto/nano/wiki
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.1.2
+signing_key: 
+specification_version: 4
+summary: Nano is a super lightweight Jekyll theme built to work great on all platforms,
+  respect user privacy, and load at lightning-fast speeds.
+test_files: []