nano-theme 0.2.3 → 0.3.4
Sign up to get free protection for your applications and to get access to all the features.
- 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
|