nano-theme 0.2.3 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +17 -21
- data/_includes/analytics.html +41 -0
- data/_includes/csp.html +23 -0
- data/_includes/newsroom.html +20 -0
- data/_includes/site-footer.html +8 -12
- data/_includes/site-header.html +23 -26
- data/_includes/verifications.html +30 -0
- data/_layouts/default.html +32 -18
- data/_layouts/newsroom.html +2 -9
- data/_layouts/page.html +3 -2
- data/_layouts/post.html +5 -1
- data/_posts/{2020-05-02-test.md → 2020-06-04-test.md} +8 -4
- data/_sass/_config.scss +40 -31
- data/_sass/_theme.scss +223 -121
- data/assets/main.scss +3 -4
- metadata +23 -6
- data/_layouts/page-notitle.html +0 -11
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 7ffb55efc62bf67c8d3c2f16ee2c7546c76a100f696f97f0c884351b495b11ed
|
|
4
|
+
data.tar.gz: 77a9d8a7813ae78350cc5d9f86bd4fa799e0d4d8d9708419c02b7af15699a66f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d2fce2bf5e0d348cf7231dd721a76d8b2d5bf9b600b2b11ef0adae4e09213c47b4171fc414f0cf3f321451ef31f83ad52a1efd1be6ea306ff5f9ade62011bedf
|
|
7
|
+
data.tar.gz: 63c185c8aa9b0c8330b2c41d6ee6a14528dfdca4509264651abec9cf350ce770645292d280a96166e40675be780250c3e8d49e6eaac359b571b7129885894f6d
|
data/README.md
CHANGED
|
@@ -1,21 +1,17 @@
|
|
|
1
|
-
# Nano
|
|
2
|
-
|
|
3
|
-
[](https://badge.fury.io/rb/nano-theme)
|
|
4
|
-
|
|
5
|
-
**This is in active developement. [You can see the roadmap here.](https://trello.com/b/6uBEAJwj)**
|
|
6
|
-
|
|
7
|
-
Nano is a super lightweight Jekyll theme built to work great on all platforms, respect user privacy, and load at lightning-fast speeds.
|
|
8
|
-
|
|
9
|
-
### Installation
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
### Credits
|
|
20
|
-
|
|
21
|
-
Many thanks to the Jekyll and RubyGems community for great documentation, allowing me to make this simply and swiftly.
|
|
1
|
+
# Nano
|
|
2
|
+
|
|
3
|
+
[](https://badge.fury.io/rb/nano-theme) [](https://rubygems.org/gems/nano-theme)
|
|
4
|
+
|
|
5
|
+
**This is in active developement. [You can see the roadmap here.](https://trello.com/b/6uBEAJwj)**
|
|
6
|
+
|
|
7
|
+
Nano is a super lightweight Jekyll theme built to work great on all platforms, respect user privacy, and load at lightning-fast speeds.
|
|
8
|
+
|
|
9
|
+
### Installation
|
|
10
|
+
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.
|
|
11
|
+
|
|
12
|
+
### Credits
|
|
13
|
+
Many thanks to the Jekyll and RubyGems community for great documentation, allowing me to make this simply and swiftly.
|
|
14
|
+
|
|
15
|
+
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.
|
|
16
|
+
|
|
17
|
+
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.
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
<!-- Analytics Start -->
|
|
2
|
+
{% if site.simpleanalytics == true %}
|
|
3
|
+
<script src="https://scripts.simpleanalyticscdn.com/latest.js" async defer></script>
|
|
4
|
+
<noscript>
|
|
5
|
+
<img class="pxl" src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="">
|
|
6
|
+
</noscript>
|
|
7
|
+
{% elsif site.matomoanalytics == true %}
|
|
8
|
+
<!-- Matomo -->
|
|
9
|
+
<script>
|
|
10
|
+
var _paq = window._paq || [];
|
|
11
|
+
_paq.push(["setDoNotTrack", true]);
|
|
12
|
+
_paq.push(["disableCookies"]);
|
|
13
|
+
_paq.push(['trackPageView']);
|
|
14
|
+
_paq.push(['enableLinkTracking']);
|
|
15
|
+
(function() {
|
|
16
|
+
var u="https://{{site.matomourl}}/";
|
|
17
|
+
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
|
18
|
+
_paq.push(['setSiteId', '{{site.matomositeid}}']);
|
|
19
|
+
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
20
|
+
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);
|
|
21
|
+
})();
|
|
22
|
+
</script>
|
|
23
|
+
<noscript>
|
|
24
|
+
<p>
|
|
25
|
+
<img class="pxl" src="https://{{site.matomourl}}/matomo.php?idsite=1&rec=1" style="border:0;" alt="">
|
|
26
|
+
</p>
|
|
27
|
+
</noscript>
|
|
28
|
+
{% elsif site.fathomanalytics == true %}
|
|
29
|
+
{% if site.customfathomurl != "" %}
|
|
30
|
+
<script src="https://{{site.customfathomurl}}" site="{{site.fathomsite}}" honor-dnt="true" async defer></script>
|
|
31
|
+
{% else %}
|
|
32
|
+
<script src="https://cdn.usefathom.com/script.js" site="{{site.fathomsite}}" honor-dnt="true" async defer></script>
|
|
33
|
+
{% endif %}
|
|
34
|
+
{% elsif site.plausibleanalytics == true %}
|
|
35
|
+
{% if site.customplausibleurl != "" %}
|
|
36
|
+
<script data-domain="{{site.github.url}}" src="https://{{site.customplausibleurl}}/js/index.js" async defer></script>
|
|
37
|
+
{% else %}
|
|
38
|
+
<script data-domain="{{site.github.url}}" src="https://plausible.io/js/plausible.js" async defer></script>
|
|
39
|
+
{% endif %}
|
|
40
|
+
{% endif %}
|
|
41
|
+
<!-- Analytics End -->
|
data/_includes/csp.html
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
{% if site.simpleanalytics == true %}
|
|
2
|
+
<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://scripts.simpleanalyticscdn.com/latest.js">
|
|
3
|
+
{% elsif site.fathomanalytics == true %}
|
|
4
|
+
{% if site.customfathomurl == "" %}
|
|
5
|
+
<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://cdn.usefathom.com/script.js">
|
|
6
|
+
{% else %}
|
|
7
|
+
<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://{{site.customfathomurl}}">
|
|
8
|
+
{% endif %}
|
|
9
|
+
{% elsif site.matomoanalytics %}
|
|
10
|
+
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'sha256-qj/jwzjem2sfrDp/CEX8ODDzwfezTtpX43MRAcQTuUQ=' https://cdn.matomo.cloud/{{site.matomourl}}/matomo.js">
|
|
11
|
+
{% elsif site.plausibleanalytics %}
|
|
12
|
+
{% if site.customplausibleurl == "" %}
|
|
13
|
+
<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://plausible.io/js/plausible.js">
|
|
14
|
+
{% else %}
|
|
15
|
+
<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://{{site.customplausibleurl}}/js/index.js">
|
|
16
|
+
{% endif %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
|
|
19
|
+
{% if site.unsafecontent == false %}
|
|
20
|
+
<meta http-equiv="Content-Security-Policy" content="default-src 'self' https://*">
|
|
21
|
+
{% else %}
|
|
22
|
+
<meta http-equiv="Content-Security-Policy" content="script-src 'self'">
|
|
23
|
+
{% endif %}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<h2><a href="{{ '/atom.xml' | | relative_url }}">Subscribe to the Feed.</a></h2>
|
|
2
|
+
<ul>
|
|
3
|
+
{% for post in site.posts %}
|
|
4
|
+
<li>
|
|
5
|
+
{% if site.classicnews == true %}
|
|
6
|
+
<p>
|
|
7
|
+
<a href="{{ post.url }}">
|
|
8
|
+
<b>{{ post.title }} ({{ post.dateS }}). </b>
|
|
9
|
+
</a>
|
|
10
|
+
{{ post.excerpt | strip_html }}
|
|
11
|
+
</p>
|
|
12
|
+
{% else %}
|
|
13
|
+
<a href="{{ post.url }}">
|
|
14
|
+
<b>{{ post.title }} ({{ post.dateS }}). </b>
|
|
15
|
+
</a>
|
|
16
|
+
{{ post.excerpt }}
|
|
17
|
+
{% endif %}
|
|
18
|
+
</li>
|
|
19
|
+
{% endfor %}
|
|
20
|
+
</ul>
|
data/_includes/site-footer.html
CHANGED
|
@@ -1,17 +1,13 @@
|
|
|
1
|
+
<hr class="end">
|
|
1
2
|
<footer>
|
|
2
3
|
<p class="copyright">
|
|
3
4
|
© {% if copyrightYear %}{{copyrightYear}}{% else %}{{ site.time | date: '%Y' }}{% endif %} {{ site.copyrightName }}.
|
|
4
|
-
<br
|
|
5
|
-
{%
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
{%
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
{% else %}
|
|
12
|
-
{% assign url = item.url | relative_url %}
|
|
13
|
-
{% endif %}
|
|
14
|
-
<a href="{{url}}">{{item.title}}</a>
|
|
15
|
-
{% endfor %}
|
|
5
|
+
<br>{% if site.webSource %}
|
|
6
|
+
<a href="{{site.webSource}}">Contribute to this site.</a><br>{% endif %}{% for item in site.footerLinks %}
|
|
7
|
+
{% if item.url contains '://' %}
|
|
8
|
+
{% assign url = item.url %}
|
|
9
|
+
{% else %}
|
|
10
|
+
{% assign url = item.url | relative_url %}
|
|
11
|
+
{% endif %}<a href="{{url}}">{{item.title}}</a>{% endfor %}
|
|
16
12
|
</p>
|
|
17
13
|
</footer>
|
data/_includes/site-header.html
CHANGED
|
@@ -1,26 +1,23 @@
|
|
|
1
|
-
<header
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
{% endif %}
|
|
25
|
-
</div>
|
|
26
|
-
</header>
|
|
1
|
+
<header>{% if site.logo %}
|
|
2
|
+
<h1 class="logo">
|
|
3
|
+
<a href="{{ '/' | relative_url }}">
|
|
4
|
+
<img src="{{site.logo}}" width="64px" alt="Home">
|
|
5
|
+
</a>
|
|
6
|
+
</h1>{% endif %}
|
|
7
|
+
<nav>
|
|
8
|
+
<ul>{% for item in site.navigation %}
|
|
9
|
+
{% if item.url contains '://' %}
|
|
10
|
+
{% assign url = item.url %}
|
|
11
|
+
{% else %}
|
|
12
|
+
{% assign url = item.url | relative_url %}
|
|
13
|
+
{% endif %}<li>
|
|
14
|
+
<a href="{{url}}">{{item.title}}</a>
|
|
15
|
+
</li>{% endfor %}
|
|
16
|
+
</ul>
|
|
17
|
+
</nav>
|
|
18
|
+
</header>
|
|
19
|
+
<div class="header">
|
|
20
|
+
{% if site.tagline %}
|
|
21
|
+
<p class="tagline">{{site.tagline}}</p>
|
|
22
|
+
{% endif %}
|
|
23
|
+
</div>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
{% if site.plingverify != "" %}
|
|
2
|
+
<meta name="ocs-site-verification" content="{{ site.plingverify }}">
|
|
3
|
+
{% endif %}
|
|
4
|
+
{% if site.googleverify != "" %}
|
|
5
|
+
<meta name="google-site-verification" content="{{ site.googleverify }}">
|
|
6
|
+
{% endif %}
|
|
7
|
+
{% if site.bingverify != "" %}
|
|
8
|
+
<meta name="msvalidate.01" content="{{ site.bingverify }}">
|
|
9
|
+
{% endif %}
|
|
10
|
+
{% if site.pinverify != "" %}
|
|
11
|
+
<meta name="p:domain_verify" content="{{ site.pinverify }}">
|
|
12
|
+
{% endif %}
|
|
13
|
+
{% if site.dailyverify != "" %}
|
|
14
|
+
<meta name="dailymotion-domain-verification" content="{{ site.dailyverify }}">
|
|
15
|
+
{% endif %}
|
|
16
|
+
{% if site.yandexverify != "" %}
|
|
17
|
+
<meta name="yandex-verification" content="{{ site.yandexverify }}">
|
|
18
|
+
{% endif %}
|
|
19
|
+
{% if site.nortonverify != "" %}
|
|
20
|
+
<meta name="norton-safeweb-site-verification" content="{{ site.nortonverify }}">
|
|
21
|
+
{% endif %}
|
|
22
|
+
{% if site.alexaverify != "" %}
|
|
23
|
+
<meta name="alexaVerifyID" content="{{ site.alexaverify }}">
|
|
24
|
+
{% endif %}
|
|
25
|
+
{% if site.wotverify != "" %}
|
|
26
|
+
<meta name="wot-verification" content="{{ site.wotverify }}">
|
|
27
|
+
{% endif %}
|
|
28
|
+
{% if site.specificverify != "" %}
|
|
29
|
+
<meta name="specificfeeds-verification-code" content="{{ site.specificverify }}">
|
|
30
|
+
{% endif %}
|
data/_layouts/default.html
CHANGED
|
@@ -1,19 +1,33 @@
|
|
|
1
|
-
<!
|
|
2
|
-
<html lang="{{site.lang}}">
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
<!doctype html>{% if site.lang != "" %}
|
|
2
|
+
<html lang="{{site.lang}}">
|
|
3
|
+
{% else %}
|
|
4
|
+
<html>
|
|
5
|
+
{% endif %}<head>
|
|
6
|
+
<meta charset="UTF-8">
|
|
7
|
+
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
9
|
+
{% include csp.html %}
|
|
10
|
+
<meta name="referrer" content="no-referrer, same-origin">
|
|
11
|
+
<title>{{ page.title }} - {{ site.title }}</title>
|
|
12
|
+
<meta name="twitter:title" content="{{page.title}} - {{site.title}}">
|
|
13
|
+
<meta property="og:title" content="{{page.title}} - {{site.title}}">{% if site.lang != "" %}
|
|
14
|
+
<meta property="og:locale" content="{{site.lang}}">
|
|
15
|
+
<meta http-equiv="language" content="{{site.lang}}">
|
|
16
|
+
{% endif %}{% if page.description != nil %}
|
|
17
|
+
<meta name="description" content="{{page.description}}">
|
|
18
|
+
<meta property="og:description" content="{{page.description}}">
|
|
19
|
+
<meta name="twitter:description" content="{{page.description}}">{% elsif site.description != nil %}<meta name="description" content="{{site.description}}">
|
|
20
|
+
<meta property="og:description" content="{{site.description}}">
|
|
21
|
+
<meta name="twitter:description" content="{{site.description}}">{% endif %}{% for item in site.font-import %}
|
|
22
|
+
<link rel="stylesheet" href="{{item}}">{% endfor %}
|
|
23
|
+
<link rel="canonical" href="{{ site.url }}{{ page.url | replace:'index.html',''}}">
|
|
24
|
+
<link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
|
|
25
|
+
{% if site.favicon != "" %}<link rel="shortcut icon" href="{{ site.favicon }}">
|
|
26
|
+
<link rel="icon" href="{{site.favicon}}">
|
|
27
|
+
<link rel="apple-touch-icon" href="{{site.favicon}}">{% endif %}
|
|
28
|
+
{% include verifications.html %}
|
|
29
|
+
</head>
|
|
30
|
+
<body>
|
|
31
|
+
{{ content }}
|
|
32
|
+
</body>
|
|
19
33
|
</html>
|
data/_layouts/newsroom.html
CHANGED
|
@@ -5,15 +5,8 @@ layout: default
|
|
|
5
5
|
{% include site-header.html %}
|
|
6
6
|
|
|
7
7
|
<div class="container">
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
{% for post in site.posts %}
|
|
11
|
-
<li>
|
|
12
|
-
<p><a class="newsText" href="{{ post.url }}"><b>{{ post.title }} ({{ post.date }}).</b></a> {{ post.excerpt }}</p>
|
|
13
|
-
</li>
|
|
14
|
-
{% endfor %}
|
|
15
|
-
</ul>
|
|
16
|
-
{{ content }}
|
|
8
|
+
{{ content }}
|
|
9
|
+
{% include newsroom.html %}
|
|
17
10
|
</div>
|
|
18
11
|
|
|
19
12
|
{% include site-footer.html %}
|
data/_layouts/page.html
CHANGED
data/_layouts/post.html
CHANGED
|
@@ -5,9 +5,13 @@ layout: default
|
|
|
5
5
|
{% include site-header.html %}
|
|
6
6
|
|
|
7
7
|
<div class="container">
|
|
8
|
+
<div class="post">
|
|
8
9
|
<h2>{{ page.title }}</h2>
|
|
9
|
-
<h3>{{
|
|
10
|
+
<h3>{{ page.dateS }} - Written by {{ page.author }}</h3>
|
|
10
11
|
{{ content }}
|
|
12
|
+
</div>
|
|
11
13
|
</div>
|
|
12
14
|
|
|
15
|
+
{% include analytics.html %}
|
|
16
|
+
|
|
13
17
|
{% include site-footer.html %}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: post
|
|
3
3
|
title: "Blogging Support is Here"
|
|
4
|
-
author:
|
|
4
|
+
author: doamatto
|
|
5
5
|
excerpt_separator: ---
|
|
6
|
-
|
|
6
|
+
dateS: "2020/06/04"
|
|
7
7
|
---
|
|
8
8
|
|
|
9
9
|
Nano v0.3.0 is here and now, among many other things, has support for blogging!
|
|
10
10
|
|
|
11
11
|
---
|
|
12
12
|
|
|
13
|
-
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
|
|
13
|
+
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:
|
|
14
14
|
|
|
15
15
|
- Amazing Mobile Support, and:
|
|
16
16
|
- Official Blogging Support.
|
|
@@ -19,4 +19,8 @@ Well, with the release of Nano v0.3.0, I'm happy to announce blogging being here
|
|
|
19
19
|
|
|
20
20
|
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.
|
|
21
21
|
|
|
22
|
-
You can read the full changelog via GitHub's releases page [here](https://github.com/doamatto/nano/releases/tag/v0.3.0).
|
|
22
|
+
You can read the full changelog via GitHub's releases page [here](https://github.com/doamatto/nano/releases/tag/v0.3.0).
|
|
23
|
+
|
|
24
|
+
```
|
|
25
|
+
Code block lmao
|
|
26
|
+
```
|
data/_sass/_config.scss
CHANGED
|
@@ -1,31 +1,40 @@
|
|
|
1
|
-
//
|
|
2
|
-
$
|
|
3
|
-
$
|
|
4
|
-
$
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
$
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
$
|
|
17
|
-
$
|
|
18
|
-
$
|
|
19
|
-
$
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
$
|
|
26
|
-
$
|
|
27
|
-
$
|
|
28
|
-
$
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
1
|
+
// Code Block Colours
|
|
2
|
+
$LIGHTcodeColour: #fff;
|
|
3
|
+
$DARKcodeColour: #fff;
|
|
4
|
+
$LIGHTcodebgColour: #353230;
|
|
5
|
+
$DARKcodebgColour: #353230;
|
|
6
|
+
|
|
7
|
+
// Main Colours
|
|
8
|
+
$LIGHTbgColour: #fff;
|
|
9
|
+
$DARKbgColour: #000;
|
|
10
|
+
$accentColour: #f62c43;
|
|
11
|
+
|
|
12
|
+
// Header Colours (also uses $accentColour)
|
|
13
|
+
$headerTextColour: #000;
|
|
14
|
+
|
|
15
|
+
// Image Borders
|
|
16
|
+
$LIGHTborderColour: #000;
|
|
17
|
+
$DARKborderColour: #fff;
|
|
18
|
+
$borderType: solid;
|
|
19
|
+
$borderSize: 2.5px;
|
|
20
|
+
|
|
21
|
+
// Navigation Colours
|
|
22
|
+
$navColour: #000;
|
|
23
|
+
|
|
24
|
+
// Text Colours
|
|
25
|
+
$LIGHTtextColour: #000;
|
|
26
|
+
$DARKtextColour: #fff;
|
|
27
|
+
$LIGHTlinkColour: #000;
|
|
28
|
+
$LIGHTlinkHoverColour: #f62c43;
|
|
29
|
+
$DARKlinkColour: #fff;
|
|
30
|
+
$DARKlinkHoverColour: #f62c43;
|
|
31
|
+
|
|
32
|
+
// Typography & Misc.
|
|
33
|
+
$codeFont: 'IBM Plex Mono', monospace;
|
|
34
|
+
$codeFont-var: 'IBM Plex Mono', monospace; // Might break if nothing is here
|
|
35
|
+
$font: 'Inter', sans-serif;
|
|
36
|
+
$font-var: 'Inter', sans-serif; // Might break if nothing is here
|
|
37
|
+
$font-regular: 400;
|
|
38
|
+
$font-bold: 700;
|
|
39
|
+
|
|
40
|
+
// Font imports were moved to ../_config.yml
|
data/_sass/_theme.scss
CHANGED
|
@@ -1,158 +1,260 @@
|
|
|
1
1
|
// Import configuration
|
|
2
|
-
@charset "utf-8";
|
|
3
2
|
@import "config";
|
|
4
3
|
|
|
5
|
-
//
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
color: $LIGHTtextColour;
|
|
16
|
-
}
|
|
17
|
-
.lbl-toggle:hover { color: $LIGHTlinkHoverColour; }
|
|
4
|
+
// Typography and Misc.
|
|
5
|
+
|
|
6
|
+
.centre {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: row;
|
|
9
|
+
flex-wrap: nowrap;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
width: 100%;
|
|
12
|
+
|
|
13
|
+
text-align: center;
|
|
18
14
|
}
|
|
19
15
|
|
|
20
|
-
|
|
21
|
-
a { color: $DARKlinkColour; }
|
|
22
|
-
a:hover { color: $DARKlinkHoverColour; }
|
|
23
|
-
html {
|
|
24
|
-
background: $DARKbgColour;
|
|
25
|
-
color: $DARKtextColour;
|
|
26
|
-
}
|
|
27
|
-
.lbl-toggle {
|
|
28
|
-
background: $DARKbgColour;
|
|
29
|
-
color: $DARKtextColour;
|
|
30
|
-
}
|
|
31
|
-
.lbl-toggle:hover { color: $DARKlinkHoverColour; }
|
|
32
|
-
}
|
|
33
|
-
/*
|
|
34
|
-
// Mobile Nav and Other Optimizations
|
|
35
|
-
@media only screen and (max-width: 600px) {
|
|
36
|
-
.lbl-toggle {
|
|
37
|
-
display: block !important;
|
|
38
|
-
border-radius: 1vh;
|
|
39
|
-
padding: .25em 1em .25em 1em;
|
|
40
|
-
text-decoration: none;
|
|
41
|
-
transition: color 500ms;
|
|
42
|
-
}
|
|
43
|
-
nav input[type='checkbox']:checked ~ .links {
|
|
44
|
-
background: rgba(255,255,255,.2);
|
|
45
|
-
padding: 1em 1em;
|
|
46
|
-
}
|
|
47
|
-
.links {
|
|
48
|
-
transition: max-height 250ms ease-in-out;
|
|
49
|
-
}
|
|
50
|
-
.toggle:checked + .lbl-toggle + .links {
|
|
51
|
-
max-height: 100vh;
|
|
52
|
-
}
|
|
53
|
-
.navLink {
|
|
54
|
-
display: none;
|
|
55
|
-
width: 100%;
|
|
56
|
-
}
|
|
57
|
-
.navLink:hover {
|
|
16
|
+
// ---
|
|
58
17
|
|
|
59
|
-
|
|
18
|
+
// Document Prep
|
|
19
|
+
* {
|
|
20
|
+
margin: 0;
|
|
21
|
+
padding: 0;
|
|
60
22
|
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
23
|
+
|
|
24
|
+
body {
|
|
25
|
+
@supports (font-variation-settings: normal) {
|
|
26
|
+
font-family: $font-var;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
background: $LIGHTbgColour;
|
|
30
|
+
color: $LIGHTtextColour;
|
|
31
|
+
|
|
32
|
+
font-family: $font;
|
|
33
|
+
font-weight: $font-regular;
|
|
34
|
+
margin: 0 auto;
|
|
35
|
+
width: 100%;
|
|
36
|
+
height: 100%;
|
|
37
|
+
max-width: 100%;
|
|
38
|
+
scroll-behavior: smooth;
|
|
69
39
|
}
|
|
70
40
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
41
|
+
// Typography
|
|
42
|
+
@media only screen and (max-device-width: 480px) {
|
|
43
|
+
h1 { font-size: 28px !important; }
|
|
44
|
+
h2 { font-size: 21px !important; }
|
|
45
|
+
h3 { font-size: 19px !important; }
|
|
46
|
+
.post { h3 { font-size: 14px !important; } }
|
|
47
|
+
h4, h5, h6 { font-size: 16px !important; }
|
|
48
|
+
.tagline, .tagline * { font-size: 40px !important; }
|
|
49
|
+
b { font-weight: $font-bold !important; } // Keeps bold bold, no matter the scenario
|
|
75
50
|
}
|
|
76
51
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
52
|
+
p { margin: 1em 0; }
|
|
53
|
+
h1 {
|
|
54
|
+
font-size: 48px;
|
|
55
|
+
letter-spacing: -.05em;
|
|
56
|
+
font-weight: $font-bold;
|
|
57
|
+
line-height: 1.1;
|
|
58
|
+
}
|
|
59
|
+
h2 {
|
|
60
|
+
font-size: 24px;
|
|
61
|
+
line-height: 1.35;
|
|
80
62
|
}
|
|
63
|
+
h3 { font-size: 16px; }
|
|
64
|
+
ol, ul { margin: 2em 1em; }
|
|
81
65
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
66
|
+
a, ul a, ol a, p a {
|
|
67
|
+
color: $LIGHTlinkColour;
|
|
68
|
+
text-decoration: none;
|
|
69
|
+
:hover {
|
|
70
|
+
color: $LIGHTlinkHoverColour;
|
|
71
|
+
transition: color 250ms ease-in-out;
|
|
72
|
+
}
|
|
87
73
|
}
|
|
88
74
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
75
|
+
// Code blocks
|
|
76
|
+
.highlight {
|
|
77
|
+
@supports (font-variation-settings: normal) {
|
|
78
|
+
font-family: $codeFont-var;
|
|
79
|
+
}
|
|
80
|
+
font-family: $codeFont;
|
|
81
|
+
|
|
82
|
+
background: $LIGHTcodebgColour;
|
|
83
|
+
color: $LIGHTcodeColour;
|
|
84
|
+
|
|
85
|
+
padding: .5vh 1vh .5vh 1vh;
|
|
94
86
|
}
|
|
95
87
|
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
88
|
+
// Navigation
|
|
89
|
+
header {
|
|
90
|
+
text-align: center;
|
|
91
|
+
display: flex;
|
|
92
|
+
justify-content: space-between;
|
|
93
|
+
height: 100px;
|
|
94
|
+
cursor: default;
|
|
95
|
+
background: $accentColour;
|
|
96
|
+
padding-left: 16px;
|
|
97
|
+
* {
|
|
98
|
+
cursor: default;
|
|
99
|
+
font-size: 14px;
|
|
100
|
+
}
|
|
101
|
+
h1 {
|
|
102
|
+
flex: 0 0 auto;
|
|
103
|
+
margin: 0;
|
|
104
|
+
display: flex;
|
|
105
|
+
flex-direction: column;
|
|
106
|
+
justify-content: center;
|
|
107
|
+
a {
|
|
108
|
+
display: block;
|
|
109
|
+
:hover { cursor: pointer; }
|
|
110
|
+
}
|
|
111
|
+
img {
|
|
112
|
+
display: block;
|
|
113
|
+
border: none !important;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
a {
|
|
99
117
|
color: $navColour;
|
|
118
|
+
background: none;
|
|
119
|
+
:hover {
|
|
120
|
+
color: inherit;
|
|
121
|
+
background: none;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
100
124
|
}
|
|
101
125
|
|
|
102
|
-
nav
|
|
103
|
-
|
|
126
|
+
nav {
|
|
127
|
+
ul {
|
|
128
|
+
flex: 0 0 auto;
|
|
129
|
+
text-align: left;
|
|
130
|
+
display: flex;
|
|
131
|
+
margin-top: 2.5em;
|
|
132
|
+
li {
|
|
133
|
+
list-style: none;
|
|
134
|
+
margin: 0;
|
|
135
|
+
padding: 0;
|
|
136
|
+
display: flex;
|
|
137
|
+
flex-direction: column;
|
|
138
|
+
justify-content: center;
|
|
139
|
+
:first-child { margin-left: 0; }
|
|
140
|
+
a {
|
|
141
|
+
cursor: pointer;
|
|
142
|
+
padding: 0 0.8em;
|
|
143
|
+
font-size: 1.1em;
|
|
144
|
+
text-decoration: none;
|
|
145
|
+
color: $navColour;
|
|
146
|
+
:hover {
|
|
147
|
+
text-decoration: underline;
|
|
148
|
+
transition: text-decoration 150ms ease-in-out;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
:last-child { a { padding-right: 0; } }
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
104
155
|
|
|
105
|
-
|
|
156
|
+
// Header
|
|
157
|
+
.header {
|
|
158
|
+
display: flex;
|
|
159
|
+
flex-direction: row;
|
|
160
|
+
flex-wrap: nowrap;
|
|
161
|
+
justify-content: center;
|
|
162
|
+
background: $accentColour;
|
|
163
|
+
color: $headerTextColour;
|
|
164
|
+
padding: 1.5em 32px;
|
|
165
|
+
max-height: 30vh;
|
|
106
166
|
|
|
107
|
-
|
|
167
|
+
p, b {
|
|
168
|
+
flex: 0 0 auto;
|
|
169
|
+
margin: auto 16px;
|
|
170
|
+
display: flex;
|
|
171
|
+
justify-content: center;
|
|
108
172
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
173
|
+
font-size: 80px;
|
|
174
|
+
letter-spacing: -.05em;
|
|
175
|
+
font-weight: $font-regular;
|
|
176
|
+
line-height: 1.1;
|
|
177
|
+
white-space: nowrap;
|
|
178
|
+
}
|
|
112
179
|
}
|
|
113
180
|
|
|
114
|
-
//
|
|
115
|
-
|
|
116
|
-
.copyright { font-size: .75em; }
|
|
117
|
-
.copyright a { text-decoration: underline; }
|
|
118
|
-
|
|
181
|
+
// Footer
|
|
119
182
|
footer {
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
183
|
+
display: flex;
|
|
184
|
+
flex-direction: row;
|
|
185
|
+
flex-wrap: nowrap;
|
|
186
|
+
justify-content: center;
|
|
187
|
+
text-align: center;
|
|
125
188
|
}
|
|
126
189
|
|
|
127
|
-
|
|
190
|
+
.copyright {
|
|
191
|
+
font-size: .75em;
|
|
192
|
+
a { text-decoration: underline; }
|
|
193
|
+
}
|
|
128
194
|
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
margin: -20px 0px 8px 0px;
|
|
195
|
+
.end {
|
|
196
|
+
border: 0;
|
|
197
|
+
height: 1px;
|
|
198
|
+
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
|
|
134
199
|
}
|
|
135
200
|
|
|
201
|
+
// Main Content
|
|
136
202
|
.container {
|
|
137
|
-
|
|
138
|
-
|
|
203
|
+
width: 75vw;
|
|
204
|
+
margin: 1em auto;
|
|
205
|
+
ul, ol {
|
|
206
|
+
margin-left: 2em !important;
|
|
207
|
+
margin-right: 24px !important;
|
|
208
|
+
}
|
|
209
|
+
.highlight, p, hr {
|
|
210
|
+
margin-left: 1em !important;
|
|
211
|
+
margin-right: 24px !important;
|
|
212
|
+
}
|
|
213
|
+
@media only screen and (max-device-width: 480px) {
|
|
214
|
+
max-width: 100% !important;
|
|
215
|
+
margin: 1em 1em 1em 1em;
|
|
216
|
+
width: auto !important;
|
|
217
|
+
}
|
|
218
|
+
hr { margin-bottom: 1em; }
|
|
139
219
|
}
|
|
140
220
|
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
221
|
+
// Images
|
|
222
|
+
img {
|
|
223
|
+
border: $borderSize $borderType $LIGHTborderColour;
|
|
224
|
+
:before {
|
|
225
|
+
display: none;
|
|
226
|
+
content: '';
|
|
227
|
+
} // Hack from https://stackoverflow.com/a/980948
|
|
148
228
|
}
|
|
149
229
|
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
230
|
+
// Blog Posts
|
|
231
|
+
.post { h3 { font-size: 14px !important; } }
|
|
232
|
+
|
|
233
|
+
// Auto Dark Theme as Declared by Browser/OS
|
|
234
|
+
@media (prefers-color-scheme: dark) {
|
|
235
|
+
a, ul a, ol a, p a { color: $DARKlinkColour;}
|
|
236
|
+
a:hover, ul a:hover, ol a:hover, p a:hover {
|
|
237
|
+
color: $DARKlinkHoverColour;
|
|
238
|
+
transition: color 250ms ease-in-out;
|
|
239
|
+
}
|
|
240
|
+
.highlight {
|
|
241
|
+
background: $DARKcodebgColour;
|
|
242
|
+
color: $DARKcodeColour;
|
|
243
|
+
}
|
|
244
|
+
body {
|
|
245
|
+
background: $DARKbgColour;
|
|
246
|
+
color: $DARKtextColour;
|
|
247
|
+
}
|
|
248
|
+
img { border: $borderSize $borderType $DARKborderColour; }
|
|
249
|
+
.highlight {
|
|
250
|
+
background: $DARKcodebgColour;
|
|
251
|
+
color: $DARKcodeColour;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
154
254
|
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
255
|
+
// Make pixel trackers invisible
|
|
256
|
+
.pxl {
|
|
257
|
+
width: 1px;
|
|
258
|
+
height: 1px;
|
|
259
|
+
border: none;
|
|
260
|
+
}
|
data/assets/main.scss
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: nano-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.3.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- doamatto
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2020-
|
|
11
|
+
date: 2020-06-19 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -16,14 +16,14 @@ dependencies:
|
|
|
16
16
|
requirements:
|
|
17
17
|
- - "~>"
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
|
-
version: '4.
|
|
19
|
+
version: '4.1'
|
|
20
20
|
type: :runtime
|
|
21
21
|
prerelease: false
|
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
23
|
requirements:
|
|
24
24
|
- - "~>"
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
|
-
version: '4.
|
|
26
|
+
version: '4.1'
|
|
27
27
|
- !ruby/object:Gem::Dependency
|
|
28
28
|
name: jekyll-sitemap
|
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -38,6 +38,20 @@ dependencies:
|
|
|
38
38
|
- - "~>"
|
|
39
39
|
- !ruby/object:Gem::Version
|
|
40
40
|
version: '1.4'
|
|
41
|
+
- !ruby/object:Gem::Dependency
|
|
42
|
+
name: jekyll-feed
|
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
|
44
|
+
requirements:
|
|
45
|
+
- - "~>"
|
|
46
|
+
- !ruby/object:Gem::Version
|
|
47
|
+
version: '0.13'
|
|
48
|
+
type: :runtime
|
|
49
|
+
prerelease: false
|
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
51
|
+
requirements:
|
|
52
|
+
- - "~>"
|
|
53
|
+
- !ruby/object:Gem::Version
|
|
54
|
+
version: '0.13'
|
|
41
55
|
description:
|
|
42
56
|
email:
|
|
43
57
|
- hello@doamatto.xyz
|
|
@@ -47,14 +61,17 @@ extra_rdoc_files: []
|
|
|
47
61
|
files:
|
|
48
62
|
- LICENSE
|
|
49
63
|
- README.md
|
|
64
|
+
- _includes/analytics.html
|
|
65
|
+
- _includes/csp.html
|
|
66
|
+
- _includes/newsroom.html
|
|
50
67
|
- _includes/site-footer.html
|
|
51
68
|
- _includes/site-header.html
|
|
69
|
+
- _includes/verifications.html
|
|
52
70
|
- _layouts/default.html
|
|
53
71
|
- _layouts/newsroom.html
|
|
54
|
-
- _layouts/page-notitle.html
|
|
55
72
|
- _layouts/page.html
|
|
56
73
|
- _layouts/post.html
|
|
57
|
-
- _posts/2020-
|
|
74
|
+
- _posts/2020-06-04-test.md
|
|
58
75
|
- _sass/_config.scss
|
|
59
76
|
- _sass/_theme.scss
|
|
60
77
|
- assets/logo.svg
|