nano-theme 0.3.3 → 0.5.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +3 -1
- data/_includes/analytics.html +10 -4
- data/_includes/blm-banner.html +3 -0
- data/_includes/{analytics-csp.html → csp.html} +11 -1
- data/_includes/newsroom.html +68 -10
- data/_includes/seo.html +66 -0
- data/_includes/site-footer.html +17 -12
- data/_includes/site-header.html +5 -4
- data/_includes/sitemap.html +9 -0
- data/_includes/verifications.html +16 -13
- data/_layouts/default.html +10 -12
- data/_layouts/page.html +4 -0
- data/_layouts/post.html +15 -1
- data/_posts/{2020-06-04-test.md → test1/2020-06-04-test.md} +1 -0
- data/_posts/test2/2020-07-03-test.md +55 -0
- data/_sass/_config.scss +9 -5
- data/_sass/_syntax.scss +73 -0
- data/_sass/_theme.scss +208 -101
- data/assets/main.scss +1 -1
- metadata +25 -6
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 5a72af235ea63685df7ec61891f681a03b99ebc1b281c29a7970e6106242f510
|
4
|
+
data.tar.gz: 002f394016e010026ac553e3a20df7c63a1efae92d24b28a46fbe3f3385054ea
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f041a948c80d96221f38a521e8068fa95137e6744ddbe60fda4ff69c0f8dd777c906550707ca4093ad474b96c2799f138cb506108f7fb83d569bbdb954358d66
|
7
|
+
data.tar.gz: 9e4f9c36e5fd6ce516df14704f672e8692223b674199808a9c767d0a23930d0297480c04e3f4f77420819ef78bd2edc4eb7b83e72f7594c3e4b86766d0f9f63d
|
data/README.md
CHANGED
@@ -14,4 +14,6 @@ Many thanks to the Jekyll and RubyGems community for great documentation, allowi
|
|
14
14
|
|
15
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
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.
|
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.
|
18
|
+
|
19
|
+
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
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
<!-- Analytics Start -->
|
2
2
|
{% if site.simpleanalytics == true %}
|
3
|
-
<script
|
3
|
+
<script src="https://scripts.simpleanalyticscdn.com/latest.js" async defer></script>
|
4
4
|
<noscript>
|
5
|
-
<img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt=""
|
5
|
+
<img class="pxl" src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="">
|
6
6
|
</noscript>
|
7
7
|
{% elsif site.matomoanalytics == true %}
|
8
8
|
<!-- Matomo -->
|
9
|
-
<script
|
9
|
+
<script>
|
10
10
|
var _paq = window._paq || [];
|
11
11
|
_paq.push(["setDoNotTrack", true]);
|
12
12
|
_paq.push(["disableCookies"]);
|
@@ -22,7 +22,7 @@
|
|
22
22
|
</script>
|
23
23
|
<noscript>
|
24
24
|
<p>
|
25
|
-
<img src="https://{{site.matomourl}}/matomo.php?idsite=1&rec=1" style="border:0;" alt=""
|
25
|
+
<img class="pxl" src="https://{{site.matomourl}}/matomo.php?idsite=1&rec=1" style="border:0;" alt="">
|
26
26
|
</p>
|
27
27
|
</noscript>
|
28
28
|
{% elsif site.fathomanalytics == true %}
|
@@ -31,5 +31,11 @@
|
|
31
31
|
{% else %}
|
32
32
|
<script src="https://cdn.usefathom.com/script.js" site="{{site.fathomsite}}" honor-dnt="true" async defer></script>
|
33
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 %}
|
34
40
|
{% endif %}
|
35
41
|
<!-- Analytics End -->
|
@@ -8,6 +8,16 @@
|
|
8
8
|
{% endif %}
|
9
9
|
{% elsif site.matomoanalytics %}
|
10
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://*">
|
11
21
|
{% else %}
|
12
22
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self'">
|
13
|
-
{% endif %}
|
23
|
+
{% endif %}
|
data/_includes/newsroom.html
CHANGED
@@ -1,10 +1,68 @@
|
|
1
|
-
<
|
2
|
-
{
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
1
|
+
<div class="newsroom">
|
2
|
+
<h3><a href="{{ '/atom.xml' | relative_url }}">Subscribe to the Atom feed.</a></h3>
|
3
|
+
{% if site.disablecategories != true %}
|
4
|
+
<h2 id="categories">Categories</h2>
|
5
|
+
{% endif %}
|
6
|
+
<ul>
|
7
|
+
{% if site.disablecategories == true %}
|
8
|
+
{% for post in site.posts %}
|
9
|
+
<li>
|
10
|
+
{% if site.classicnews == true %}
|
11
|
+
<p>
|
12
|
+
<a href="{{ post.url }}">
|
13
|
+
<b>{{ post.title }} ({{ post.dateS }}). </b>
|
14
|
+
</a>
|
15
|
+
{{ post.excerpt | strip_html }}
|
16
|
+
</p>
|
17
|
+
{% else %}
|
18
|
+
<a href="{{ post.url }}">
|
19
|
+
<b>{{ post.title }} ({{ post.dateS }}). </b>
|
20
|
+
</a>
|
21
|
+
{{ post.excerpt }}
|
22
|
+
{% endif %}
|
23
|
+
</li>
|
24
|
+
{% endfor %}
|
25
|
+
{% else %}
|
26
|
+
{% for category in site.categories %}
|
27
|
+
<li>
|
28
|
+
<a href="#{{category[0] | slugify }}">{{category[0]}}</a>
|
29
|
+
</li>
|
30
|
+
{% endfor %}
|
31
|
+
{% endif %}
|
32
|
+
</ul>
|
33
|
+
|
34
|
+
{% if site.disablecategories != true %}
|
35
|
+
{% for category in site.categories %}
|
36
|
+
<p id="{{ category[0] | slugify }}" class="category_name">{{category[0]}}</p>
|
37
|
+
<ul>
|
38
|
+
{% for post in category[1] %}
|
39
|
+
<li>
|
40
|
+
{% if site.classicnews == true %}
|
41
|
+
<p>
|
42
|
+
{% if post.content | remove_first:post.excerpt | remove_first:post.excerpt_separator != "" %}
|
43
|
+
<a href="{{ post.url }}">
|
44
|
+
<b>{{ post.title }} ({{ post.dateS }}). </b>
|
45
|
+
</a>
|
46
|
+
{{ post.excerpt | strip_html }}
|
47
|
+
{% else %}
|
48
|
+
<b>{{ post.title }} ({{ post.dateS }}). </b>
|
49
|
+
{{ post.excerpt | strip_html }}
|
50
|
+
{% endif %}
|
51
|
+
</p>
|
52
|
+
{% else %}
|
53
|
+
{% if post.content | remove_first:post.excerpt | remove_first:post.excerpt_separator != "" %}
|
54
|
+
<a href="{{ post.url }}">
|
55
|
+
<b>{{ post.title }} ({{ post.dateS }}). </b>
|
56
|
+
</a>
|
57
|
+
{{ post.excerpt }}
|
58
|
+
{% else %}
|
59
|
+
<b>{{ post.title }} ({{ post.dateS }}). </b>
|
60
|
+
{{ post.excerpt }}
|
61
|
+
{% endif %}
|
62
|
+
{% endif %}
|
63
|
+
</li>
|
64
|
+
{% endfor %}
|
65
|
+
</ul>
|
66
|
+
{% endfor %}
|
67
|
+
{% endif %}
|
68
|
+
</div>
|
data/_includes/seo.html
ADDED
@@ -0,0 +1,66 @@
|
|
1
|
+
<link rel="canonical" href="{{ site.url }}{{ page.url | replace:'index.html',''}}">
|
2
|
+
{% if page.title %}
|
3
|
+
<title>{{ page.title }} - {{ site.title }}</title>
|
4
|
+
<meta name="twitter:title" content="{{page.title}} - {{site.title}}">
|
5
|
+
<meta property="og:title" content="{{page.title}} - {{site.title}}">
|
6
|
+
{% else %}
|
7
|
+
<title>{{ site.title }}</title>
|
8
|
+
<meta name="twitter:title" content="{{ site.title }}">
|
9
|
+
<meta property="og:title" content="{{ site.title }}">
|
10
|
+
{% endif %}
|
11
|
+
{% if site.lang != nil or != "" %}
|
12
|
+
<meta property="og:locale" content="{{site.lang}}">
|
13
|
+
<meta http-equiv="language" content="{{site.lang}}">
|
14
|
+
{% endif %}
|
15
|
+
{% if page.author != nil or != "" %}
|
16
|
+
<meta name="author" content="{{page.author}}">
|
17
|
+
<meta name="article:author" content="{{page.author}}">
|
18
|
+
{% elsif site.author != nil or != "" %}
|
19
|
+
<meta name="author" content="{{site.author}}">
|
20
|
+
{% endif %}
|
21
|
+
{% if page.excerpt != nil or != "" %}
|
22
|
+
<meta name="description" content="{{ page.excerpt | strip_html | strip}}">
|
23
|
+
|
24
|
+
<meta property="og:type" content="article">
|
25
|
+
<meta property="og:description" content="{{ page.excerpt | strip_html | strip }}">
|
26
|
+
|
27
|
+
<meta name="twitter:description" content="{{ page.excerpt | strip_html | strip }}">
|
28
|
+
<meta name="twitter:card" content="summary">
|
29
|
+
{% elsif page.description != nil or != "" %}
|
30
|
+
<meta name="description" content="{{page.description}}">
|
31
|
+
|
32
|
+
<meta property="og:type" content="website">
|
33
|
+
<meta property="og:description" content="{{page.description}}">
|
34
|
+
|
35
|
+
<meta name="twitter:description" content="{{page.description}}">
|
36
|
+
<meta name="twitter:card" content="summary">
|
37
|
+
{% elsif site.description != nil or != "" %}
|
38
|
+
<meta name="description" content="{{site.description}}">
|
39
|
+
|
40
|
+
<meta property="og:type" content="website">
|
41
|
+
<meta property="og:description" content="{{site.description}}">
|
42
|
+
|
43
|
+
<meta name="twitter:description" content="{{site.description}}">
|
44
|
+
<meta name="twitter:card" content="summary">
|
45
|
+
{% endif %}
|
46
|
+
{% if page.social_image != nil or != "" %}
|
47
|
+
<meta property="og:image" content="{{ page.social_image }}">
|
48
|
+
|
49
|
+
<meta name="twitter:image" content="{{ page.social_image }}">
|
50
|
+
{% else if site.social_image != nil or != "" %}
|
51
|
+
<meta property="og:image" content="{{ site.social_image }}">
|
52
|
+
|
53
|
+
<meta name="twitter:image" content="{{ site.social_image }}">
|
54
|
+
{% else %}
|
55
|
+
<meta property="og:image" content="{{ site.logo }}">
|
56
|
+
|
57
|
+
<meta name="twitter:image" content="{{ site.logo }}">
|
58
|
+
{% endif %}
|
59
|
+
{% if site.twitter_creator != nil or != "" %}
|
60
|
+
<meta name="twitter:creator" content="{{ site.twitter_creator }}">
|
61
|
+
{% endif %}
|
62
|
+
{% if page.keywords != nil or != "" %}
|
63
|
+
<meta name="keywords" content="{{ page.keywords | array_to_sentence_string }}">
|
64
|
+
{% elsif site.keyword != nil or != "" %}
|
65
|
+
<meta name="keywords" content="{{ site.keywords | array_to_sentence_string }}">
|
66
|
+
{% endif %}
|
data/_includes/site-footer.html
CHANGED
@@ -1,13 +1,18 @@
|
|
1
|
-
<hr class="end">
|
2
|
-
<footer>
|
3
|
-
<p
|
4
|
-
© {% if copyrightYear %}{{copyrightYear}}{% else %}{{ site.time | date: '%Y' }}{% endif %} {{ site.copyrightName }}.
|
5
|
-
<br>
|
6
|
-
|
7
|
-
{
|
8
|
-
|
9
|
-
{%
|
10
|
-
|
11
|
-
|
12
|
-
|
1
|
+
<hr class="end">
|
2
|
+
<footer>
|
3
|
+
<p>
|
4
|
+
© {% if copyrightYear %}{{copyrightYear}}{% else %}{{ site.time | date: '%Y' }}{% endif %} {{ site.copyrightName }}.
|
5
|
+
<br>
|
6
|
+
{% if site.webSource %}
|
7
|
+
<a href="{{ site.webSource }}" title="Contribute to this site.">Contribute to this site.</a><br>
|
8
|
+
{% endif %}
|
9
|
+
{% for item in site.footerLinks %}
|
10
|
+
{% if item.url contains '://' %}
|
11
|
+
{% assign url = item.url %}
|
12
|
+
{% else %}
|
13
|
+
{% assign url = item.url | relative_url %}
|
14
|
+
{% endif %}
|
15
|
+
<a href="{{ url }}" title="{{item.title}}">{{ item.title }}</a>
|
16
|
+
{% endfor %}
|
17
|
+
</p>
|
13
18
|
</footer>
|
data/_includes/site-header.html
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
<header>{% if site.logo %}
|
2
2
|
<h1 class="logo">
|
3
|
-
<a href="{{ '/' | relative_url }}">
|
4
|
-
<img src="{{site.logo}}" width="64px" alt="Home">
|
3
|
+
<a href="{{ '/' | relative_url }}" title="Home">
|
4
|
+
<img src="{{ site.logo | relative_url }}" width="64px" alt="Home">
|
5
5
|
</a>
|
6
6
|
</h1>{% endif %}
|
7
7
|
<nav>
|
@@ -10,8 +10,9 @@
|
|
10
10
|
{% assign url = item.url %}
|
11
11
|
{% else %}
|
12
12
|
{% assign url = item.url | relative_url %}
|
13
|
-
{% endif %}
|
14
|
-
|
13
|
+
{% endif %}
|
14
|
+
<li>
|
15
|
+
<a href="{{url}}" title="{{item.title}}">{{item.title}}</a>
|
15
16
|
</li>{% endfor %}
|
16
17
|
</ul>
|
17
18
|
</nav>
|
@@ -0,0 +1,9 @@
|
|
1
|
+
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>.
|
2
|
+
|
3
|
+
{% if site.disablesitemap == false %}
|
4
|
+
{% for p in site.pages %}
|
5
|
+
{% if p.index == true %}
|
6
|
+
<li><a href="{{ p.url }}">{{ p.title }}</a></li>
|
7
|
+
{% endif %}
|
8
|
+
{% endfor %}
|
9
|
+
{% endif %}
|
@@ -1,30 +1,33 @@
|
|
1
|
-
{% if site.
|
2
|
-
<meta name="
|
1
|
+
{% if site.ahrefsverify != "" %}
|
2
|
+
<meta name="ahrefs-site-verification" content="{{ site.ahrefsverify }}">
|
3
3
|
{% endif %}
|
4
|
-
{% if site.
|
5
|
-
<meta name="
|
4
|
+
{% if site.alexaverify != "" %}
|
5
|
+
<meta name="alexaVerifyID" content="{{ site.alexaverify }}">
|
6
6
|
{% endif %}
|
7
7
|
{% if site.bingverify != "" %}
|
8
8
|
<meta name="msvalidate.01" content="{{ site.bingverify }}">
|
9
9
|
{% endif %}
|
10
|
-
{% if site.pinverify != "" %}
|
11
|
-
<meta name="p:domain_verify" content="{{ site.pinverify }}">
|
12
|
-
{% endif %}
|
13
10
|
{% if site.dailyverify != "" %}
|
14
11
|
<meta name="dailymotion-domain-verification" content="{{ site.dailyverify }}">
|
15
12
|
{% endif %}
|
16
|
-
{% if site.
|
17
|
-
<meta name="
|
13
|
+
{% if site.googleverify != "" %}
|
14
|
+
<meta name="google-site-verification" content="{{ site.googleverify }}">
|
18
15
|
{% endif %}
|
19
16
|
{% if site.nortonverify != "" %}
|
20
17
|
<meta name="norton-safeweb-site-verification" content="{{ site.nortonverify }}">
|
21
18
|
{% endif %}
|
22
|
-
{% if site.
|
23
|
-
<meta name="
|
19
|
+
{% if site.pinverify != "" %}
|
20
|
+
<meta name="p:domain_verify" content="{{ site.pinverify }}">
|
24
21
|
{% endif %}
|
25
|
-
{% if site.
|
26
|
-
<meta name="
|
22
|
+
{% if site.plingverify != "" %}
|
23
|
+
<meta name="ocs-site-verification" content="{{ site.plingverify }}">
|
27
24
|
{% endif %}
|
28
25
|
{% if site.specificverify != "" %}
|
29
26
|
<meta name="specificfeeds-verification-code" content="{{ site.specificverify }}">
|
27
|
+
{% endif %}
|
28
|
+
{% if site.wotverify != "" %}
|
29
|
+
<meta name="wot-verification" content="{{ site.wotverify }}">
|
30
|
+
{% endif %}
|
31
|
+
{% if site.yandexverify != "" %}
|
32
|
+
<meta name="yandex-verification" content="{{ site.yandexverify }}">
|
30
33
|
{% endif %}
|
data/_layouts/default.html
CHANGED
@@ -6,21 +6,19 @@
|
|
6
6
|
<meta charset="UTF-8">
|
7
7
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
8
8
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
9
|
-
{% include analytics-csp.html %}
|
10
9
|
<meta name="referrer" content="no-referrer, same-origin">
|
11
|
-
|
12
|
-
<
|
13
|
-
|
14
|
-
{% endif %}{% if page.description != "" %}
|
15
|
-
<meta name="description" content="{{page.description}}">
|
16
|
-
<meta property="og:description" content="{{page.description}}">
|
17
|
-
<meta name="twitter:description" content="{{page.description}}">{% elsif site.description != "" %}<meta name="description" content="{{site.description}}">
|
18
|
-
<meta property="og:description" content="{{site.description}}">
|
19
|
-
<meta name="twitter:description" content="{{site.description}}">{% endif %}{% for item in site.font-import %}
|
20
|
-
<link rel="stylesheet" href="{{item}}">{% endfor %}
|
10
|
+
{% for item in site.font-import %}
|
11
|
+
<link rel="stylesheet" href="{{item}}">
|
12
|
+
{% endfor %}
|
21
13
|
<link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}">
|
22
|
-
{% if site.favicon != "" %}
|
14
|
+
{% if site.favicon != "" %}
|
15
|
+
<link rel="shortcut icon" href="{{ site.favicon }}">
|
16
|
+
<link rel="icon" href="{{site.favicon}}">
|
17
|
+
<link rel="apple-touch-icon" href="{{site.favicon}}">
|
18
|
+
{% endif %}
|
23
19
|
{% include verifications.html %}
|
20
|
+
{% include seo.html %}
|
21
|
+
{% include csp.html %}
|
24
22
|
</head>
|
25
23
|
<body>
|
26
24
|
{{ content }}
|
data/_layouts/page.html
CHANGED
data/_layouts/post.html
CHANGED
@@ -2,6 +2,10 @@
|
|
2
2
|
layout: default
|
3
3
|
---
|
4
4
|
|
5
|
+
{% if site.blm-banner %}
|
6
|
+
{% include blm-banner.html %}
|
7
|
+
{% endif %}
|
8
|
+
|
5
9
|
{% include site-header.html %}
|
6
10
|
|
7
11
|
<div class="container">
|
@@ -9,7 +13,17 @@ layout: default
|
|
9
13
|
<h2>{{ page.title }}</h2>
|
10
14
|
<h3>{{ page.dateS }} - Written by {{ page.author }}</h3>
|
11
15
|
{{ content }}
|
12
|
-
|
16
|
+
<br>
|
17
|
+
{% if site.disablecategories == false %}
|
18
|
+
<h3>
|
19
|
+
Tags: {{ page.categories | array_to_sentence_string }}. <a href="{{ '/atom.xml' | relative_url }}">Subscribe to the Atom feed.</a>
|
20
|
+
</h3>
|
21
|
+
{% else %}
|
22
|
+
<h3>
|
23
|
+
<a href="{{ '/atom.xml' | relative_url }}">Subscribe to the Atom feed.</a>
|
24
|
+
</h3>
|
25
|
+
{% endif %}
|
26
|
+
</div>
|
13
27
|
</div>
|
14
28
|
|
15
29
|
{% include analytics.html %}
|
@@ -0,0 +1,55 @@
|
|
1
|
+
---
|
2
|
+
layout: post
|
3
|
+
title: "Another Huge Update. This is v0.4.0."
|
4
|
+
author: doamatto
|
5
|
+
excerpt_separator: ---
|
6
|
+
dateS: "2020/06/04"
|
7
|
+
categories: [Updates, Meta, One More Category for Good Measure]
|
8
|
+
---
|
9
|
+
|
10
|
+
Nano just got a huge amount of features. Because of it, welcome to v0.4.0 of Nano.
|
11
|
+
|
12
|
+
---
|
13
|
+
|
14
|
+
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.
|
15
|
+
|
16
|
+
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.
|
17
|
+
|
18
|
+
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:
|
19
|
+
- Improved readibility of link to Atom feed
|
20
|
+
- Added author meta tags for posts and site-wide, if either are set
|
21
|
+
- Added a 'Subscribe to Atom feed' buttom to posts[^1]
|
22
|
+
|
23
|
+
[^1]: When categories are disabled in the config, this link stays. The tags are normally with it when categories are enabled
|
24
|
+
|
25
|
+
Apart from those changes, support for tables are officially here.
|
26
|
+
|
27
|
+
| Column A | Column B |
|
28
|
+
| -------- | -------- |
|
29
|
+
| Row 1 | Row 1 |
|
30
|
+
| Row 2 | Row 2 |
|
31
|
+
| Row 3 | Row 3 |
|
32
|
+
|
33
|
+
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.
|
34
|
+
|
35
|
+
Apart from tables, support for task lists was added, as well as better support footnotes, definition lists, and images.
|
36
|
+
|
37
|
+
[![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)
|
38
|
+
|
39
|
+
Some smaller peace of minds that were added:
|
40
|
+
- **A LOT** of CSS/SASS minimizations
|
41
|
+
- Inline code blocks are now styled similarly to nested code blocks[^2]
|
42
|
+
- Links outside of lists will have underlines
|
43
|
+
- Hovering over a link in the navigation won't cause it to look like it disappeared (a very minor issue, obviously)
|
44
|
+
- The horizontal rule on the footer is now smaller and properly centres itself
|
45
|
+
- The classic look is back to Nano. On:
|
46
|
+
- **Desktop:** You get the classic look
|
47
|
+
- **Laptop/Tablet:** You get the new look with the bigger margins (size cap to become this size is 992px in width)
|
48
|
+
- **Mobile:** Same good ol' margins
|
49
|
+
- Updated media queries to improve mobile compatibility[^3]
|
50
|
+
- Fixed typo in gemspec that could cause issues
|
51
|
+
|
52
|
+
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).
|
53
|
+
|
54
|
+
[^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`.
|
55
|
+
[^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
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
// Code Block Colours
|
2
2
|
$LIGHTcodeColour: #fff;
|
3
3
|
$DARKcodeColour: #fff;
|
4
|
-
$LIGHTcodebgColour: #
|
5
|
-
$DARKcodebgColour: #
|
4
|
+
$LIGHTcodebgColour: #282828;
|
5
|
+
$DARKcodebgColour: #282828;
|
6
6
|
|
7
7
|
// Main Colours
|
8
8
|
$LIGHTbgColour: #fff;
|
@@ -33,8 +33,12 @@ $DARKlinkHoverColour: #f62c43;
|
|
33
33
|
$codeFont: 'IBM Plex Mono', monospace;
|
34
34
|
$codeFont-var: 'IBM Plex Mono', monospace; // Might break if nothing is here
|
35
35
|
$font: 'Inter', sans-serif;
|
36
|
-
$font-var: 'Inter', sans-serif; // Might break if nothing is here
|
37
|
-
$font-regular:
|
38
|
-
$font-bold:
|
36
|
+
$font-var: 'Inter var experimental', sans-serif; // Might break if nothing is here
|
37
|
+
$font-regular: 500;
|
38
|
+
$font-bold: 600;
|
39
|
+
|
40
|
+
// New Image System in v0.4.1. You can revert using this config.
|
41
|
+
// Don't change without reading: https://github.com/doamatto/nano/wiki/Images
|
42
|
+
$classicimages: false;
|
39
43
|
|
40
44
|
// Font imports were moved to ../_config.yml
|
data/_sass/_syntax.scss
ADDED
@@ -0,0 +1,73 @@
|
|
1
|
+
.highlight .hll { background-color: #ffffcc }
|
2
|
+
.highlight { background: #282828; color: #ebdbb2; background-color: #282828 }
|
3
|
+
.highlight .c { color: #928374; font-style: italic; background-color: #282828 } /* Comment */
|
4
|
+
.highlight .err { color: #ebdbb2; background-color: #282828 } /* Error */
|
5
|
+
.highlight .esc { color: #ebdbb2; background-color: #282828 } /* Escape */
|
6
|
+
.highlight .g { color: #ebdbb2; background-color: #282828 } /* Generic */
|
7
|
+
.highlight .k { color: #fe8019; background-color: #282828 } /* Keyword */
|
8
|
+
.highlight .l { color: #ebdbb2; background-color: #282828 } /* Literal */
|
9
|
+
.highlight .n { color: #ebdbb2; background-color: #282828 } /* Name */
|
10
|
+
.highlight .o { color: #fe8019; background-color: #282828 } /* Operator */
|
11
|
+
.highlight .x { color: #ebdbb2; background-color: #282828 } /* Other */
|
12
|
+
.highlight .p { color: #ebdbb2; background-color: #282828 } /* Punctuation */
|
13
|
+
.highlight .ch { color: #928374; font-style: italic; background-color: #282828 } /* Comment.Hashbang */
|
14
|
+
.highlight .cm { color: #928374; font-style: italic; background-color: #282828 } /* Comment.Multiline */
|
15
|
+
.highlight .cp { color: #8ec07c; background-color: #282828 } /* Comment.Preproc */
|
16
|
+
.highlight .c1 { color: #928374; font-style: italic; background-color: #282828 } /* Comment.Single */
|
17
|
+
.highlight .cs { color: #928374; font-style: italic; background-color: #282828 } /* Comment.Special */
|
18
|
+
.highlight .gd { color: #282828; background-color: #fb4934 } /* Generic.Deleted */
|
19
|
+
.highlight .ge { color: #83a598; text-decoration: underline; background-color: #282828 } /* Generic.Emph */
|
20
|
+
.highlight .gr { color: #ebdbb2; font-weight: bold; background-color: #fb4934 } /* Generic.Error */
|
21
|
+
.highlight .gh { color: #b8bb26; font-weight: bold; background-color: #282828 } /* Generic.Heading */
|
22
|
+
.highlight .gi { color: #282828; background-color: #b8bb26 } /* Generic.Inserted */
|
23
|
+
.highlight .go { color: #504945; background-color: #282828 } /* Generic.Output */
|
24
|
+
.highlight .gp { color: #ebdbb2; background-color: #282828 } /* Generic.Prompt */
|
25
|
+
.highlight .gs { color: #ebdbb2; background-color: #282828 } /* Generic.Strong */
|
26
|
+
.highlight .gu { color: #b8bb26; font-weight: bold; background-color: #282828 } /* Generic.Subheading */
|
27
|
+
.highlight .gt { color: #ebdbb2; font-weight: bold; background-color: #fb4934 } /* Generic.Traceback */
|
28
|
+
.highlight .kc { color: #fe8019; background-color: #282828 } /* Keyword.Constant */
|
29
|
+
.highlight .kd { color: #fe8019; background-color: #282828 } /* Keyword.Declaration */
|
30
|
+
.highlight .kn { color: #fe8019; background-color: #282828 } /* Keyword.Namespace */
|
31
|
+
.highlight .kp { color: #fe8019; background-color: #282828 } /* Keyword.Pseudo */
|
32
|
+
.highlight .kr { color: #fe8019; background-color: #282828 } /* Keyword.Reserved */
|
33
|
+
.highlight .kt { color: #fabd2f; background-color: #282828 } /* Keyword.Type */
|
34
|
+
.highlight .ld { color: #ebdbb2; background-color: #282828 } /* Literal.Date */
|
35
|
+
.highlight .m { color: #d3869b; background-color: #282828 } /* Literal.Number */
|
36
|
+
.highlight .s { color: #b8bb26; background-color: #282828 } /* Literal.String */
|
37
|
+
.highlight .na { color: #b8bb26; font-weight: bold; background-color: #282828 } /* Name.Attribute */
|
38
|
+
.highlight .nb { color: #fabd2f; background-color: #282828 } /* Name.Builtin */
|
39
|
+
.highlight .nc { color: #ebdbb2; background-color: #282828 } /* Name.Class */
|
40
|
+
.highlight .no { color: #d3869b; background-color: #282828 } /* Name.Constant */
|
41
|
+
.highlight .nd { color: #ebdbb2; background-color: #282828 } /* Name.Decorator */
|
42
|
+
.highlight .ni { color: #fabd2f; background-color: #282828 } /* Name.Entity */
|
43
|
+
.highlight .ne { color: #fb4934; background-color: #282828 } /* Name.Exception */
|
44
|
+
.highlight .nf { color: #fabd2f; background-color: #282828 } /* Name.Function */
|
45
|
+
.highlight .nl { color: #fb4934; background-color: #282828 } /* Name.Label */
|
46
|
+
.highlight .nn { color: #ebdbb2; background-color: #282828 } /* Name.Namespace */
|
47
|
+
.highlight .nx { color: #ebdbb2; background-color: #282828 } /* Name.Other */
|
48
|
+
.highlight .py { color: #ebdbb2; background-color: #282828 } /* Name.Property */
|
49
|
+
.highlight .nt { color: #fb4934; background-color: #282828 } /* Name.Tag */
|
50
|
+
.highlight .nv { color: #ebdbb2; background-color: #282828 } /* Name.Variable */
|
51
|
+
.highlight .ow { color: #fe8019; background-color: #282828 } /* Operator.Word */
|
52
|
+
.highlight .w { color: #ebdbb2; background-color: #282828 } /* Text.Whitespace */
|
53
|
+
.highlight .mb { color: #d3869b; background-color: #282828 } /* Literal.Number.Bin */
|
54
|
+
.highlight .mf { color: #d3869b; background-color: #282828 } /* Literal.Number.Float */
|
55
|
+
.highlight .mh { color: #d3869b; background-color: #282828 } /* Literal.Number.Hex */
|
56
|
+
.highlight .mi { color: #d3869b; background-color: #282828 } /* Literal.Number.Integer */
|
57
|
+
.highlight .mo { color: #d3869b; background-color: #282828 } /* Literal.Number.Oct */
|
58
|
+
.highlight .sb { color: #b8bb26; background-color: #282828 } /* Literal.String.Backtick */
|
59
|
+
.highlight .sc { color: #b8bb26; background-color: #282828 } /* Literal.String.Char */
|
60
|
+
.highlight .sd { color: #b8bb26; background-color: #282828 } /* Literal.String.Doc */
|
61
|
+
.highlight .s2 { color: #b8bb26; background-color: #282828 } /* Literal.String.Double */
|
62
|
+
.highlight .se { color: #b8bb26; background-color: #282828 } /* Literal.String.Escape */
|
63
|
+
.highlight .sh { color: #b8bb26; background-color: #282828 } /* Literal.String.Heredoc */
|
64
|
+
.highlight .si { color: #b8bb26; background-color: #282828 } /* Literal.String.Interpol */
|
65
|
+
.highlight .sx { color: #b8bb26; background-color: #282828 } /* Literal.String.Other */
|
66
|
+
.highlight .sr { color: #b8bb26; background-color: #282828 } /* Literal.String.Regex */
|
67
|
+
.highlight .s1 { color: #b8bb26; background-color: #282828 } /* Literal.String.Single */
|
68
|
+
.highlight .ss { color: #83a598; background-color: #282828 } /* Literal.String.Symbol */
|
69
|
+
.highlight .bp { color: #fabd2f; background-color: #282828 } /* Name.Builtin.Pseudo */
|
70
|
+
.highlight .vc { color: #ebdbb2; background-color: #282828 } /* Name.Variable.Class */
|
71
|
+
.highlight .vg { color: #ebdbb2; background-color: #282828 } /* Name.Variable.Global */
|
72
|
+
.highlight .vi { color: #ebdbb2; background-color: #282828 } /* Name.Variable.Instance */
|
73
|
+
.highlight .il { color: #d3869b; background-color: #282828 } /* Literal.Number.Integer.Long */
|
data/_sass/_theme.scss
CHANGED
@@ -1,36 +1,20 @@
|
|
1
|
-
// Import configuration
|
2
|
-
@import "config";
|
3
|
-
|
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;
|
14
|
-
}
|
15
|
-
|
16
|
-
// ---
|
17
|
-
|
18
1
|
// Document Prep
|
19
2
|
* {
|
20
3
|
margin: 0;
|
21
4
|
padding: 0;
|
5
|
+
font-variation-settings: "slnt" 0deg;
|
22
6
|
}
|
23
7
|
|
24
8
|
body {
|
25
9
|
@supports (font-variation-settings: normal) {
|
26
10
|
font-family: $font-var;
|
11
|
+
font-variation-settings: 'wght' $font-regular;
|
12
|
+
font-style: normal;
|
27
13
|
}
|
28
|
-
|
14
|
+
font-style: normal;
|
29
15
|
background: $LIGHTbgColour;
|
30
16
|
color: $LIGHTtextColour;
|
31
|
-
|
32
17
|
font-family: $font;
|
33
|
-
font-weight: $font-regular;
|
34
18
|
margin: 0 auto;
|
35
19
|
width: 100%;
|
36
20
|
height: 100%;
|
@@ -39,74 +23,69 @@ body {
|
|
39
23
|
}
|
40
24
|
|
41
25
|
// Typography
|
42
|
-
@media
|
43
|
-
h1 {
|
44
|
-
|
45
|
-
}
|
46
|
-
|
47
|
-
h2 {
|
48
|
-
font-size: 21px !important;
|
49
|
-
}
|
50
|
-
|
51
|
-
h3 {
|
52
|
-
font-size: 19px !important;
|
53
|
-
}
|
54
|
-
|
55
|
-
.post {
|
56
|
-
h3 {
|
57
|
-
font-size: 14px !important;
|
58
|
-
}
|
59
|
-
}
|
60
|
-
|
26
|
+
@media (max-width: 500px) {
|
27
|
+
h1 { font-size: 28px !important; }
|
28
|
+
h2 { font-size: 21px !important; }
|
29
|
+
h3 { font-size: 19px !important; }
|
30
|
+
.post { h3 { font-size: 14px !important; } }
|
61
31
|
h4, h5, h6 { font-size: 16px !important; }
|
62
|
-
.tagline { font-size:
|
32
|
+
.tagline, .tagline * { font-size: 12vw !important; }
|
33
|
+
b {
|
34
|
+
@supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-bold, 'slnt' 0; }
|
35
|
+
font-weight: $font-bold !important;
|
36
|
+
} // Keeps bold bold, no matter the scenario
|
63
37
|
}
|
38
|
+
@media (max-width: 750px) { font-size: 72px; }
|
64
39
|
|
65
|
-
|
66
|
-
|
67
|
-
p { margin: 1em 0; }
|
68
|
-
|
40
|
+
p, h1, h2, h3, h4, h5, h6 { margin: 1em 0; }
|
69
41
|
h1 {
|
70
42
|
font-size: 48px;
|
71
|
-
|
43
|
+
@supports (font-variation-settings: normal) { font-variation-settings: "wght" $font-bold, 'slnt' 0; }
|
72
44
|
font-weight: $font-bold;
|
73
45
|
line-height: 1.1;
|
74
46
|
}
|
75
|
-
|
76
47
|
h2 {
|
77
48
|
font-size: 24px;
|
78
49
|
line-height: 1.35;
|
79
50
|
}
|
80
|
-
|
81
|
-
|
82
|
-
|
51
|
+
h3 { font-size: 16px; }
|
52
|
+
ol, ul { margin: 1em 1em; }
|
53
|
+
.category_name {
|
54
|
+
font-size: 22px;
|
55
|
+
line-height: 1.1;
|
56
|
+
margin: .25em 0;
|
57
|
+
margin-left: 0 !important;
|
83
58
|
}
|
84
59
|
|
85
|
-
|
86
|
-
|
60
|
+
a {
|
61
|
+
color: $LIGHTlinkColour;
|
62
|
+
transition: color 250ms ease-in-out;
|
63
|
+
}
|
64
|
+
a:hover {
|
65
|
+
color: $LIGHTlinkHoverColour;
|
87
66
|
}
|
67
|
+
ul a, ol a { text-decoration: none; }
|
88
68
|
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
69
|
+
em {
|
70
|
+
@supports (font-variation-settings: normal) { font-variation-settings: "slnt" 10deg; }
|
71
|
+
font-style: italic;
|
72
|
+
}
|
73
|
+
strong {
|
74
|
+
@supports (font-variation-settings: normal) { font-variation-settings: "wght" 700; }
|
75
|
+
font-style: bold;
|
96
76
|
}
|
97
77
|
|
98
78
|
// Code blocks
|
99
|
-
.highlight {
|
100
|
-
@supports (font-variation-settings: normal) {
|
101
|
-
font-family: $codeFont-var;
|
102
|
-
}
|
79
|
+
.highlight, code {
|
80
|
+
@supports (font-variation-settings: normal) { font-family: $codeFont-var; }
|
103
81
|
font-family: $codeFont;
|
104
|
-
|
105
82
|
background: $LIGHTcodebgColour;
|
106
83
|
color: $LIGHTcodeColour;
|
107
|
-
|
108
84
|
padding: .5vh 1vh .5vh 1vh;
|
85
|
+
overflow-x: auto;
|
109
86
|
}
|
87
|
+
.highlighter-rouge { margin: 1em auto; }
|
88
|
+
code { padding: .25vh .5vh .25vh .5vh; }
|
110
89
|
|
111
90
|
// Navigation
|
112
91
|
header {
|
@@ -114,7 +93,6 @@ header {
|
|
114
93
|
display: flex;
|
115
94
|
justify-content: space-between;
|
116
95
|
height: 100px;
|
117
|
-
cursor: default;
|
118
96
|
background: $accentColour;
|
119
97
|
padding-left: 16px;
|
120
98
|
* {
|
@@ -134,7 +112,6 @@ header {
|
|
134
112
|
img {
|
135
113
|
display: block;
|
136
114
|
border: none !important;
|
137
|
-
vertical-align: bottom;
|
138
115
|
}
|
139
116
|
}
|
140
117
|
a {
|
@@ -167,10 +144,11 @@ nav {
|
|
167
144
|
font-size: 1.1em;
|
168
145
|
text-decoration: none;
|
169
146
|
color: $navColour;
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
147
|
+
}
|
148
|
+
a:hover {
|
149
|
+
text-decoration: underline;
|
150
|
+
color: inherit;
|
151
|
+
transition: all 150ms ease-in-out;
|
174
152
|
}
|
175
153
|
:last-child { a { padding-right: 0; } }
|
176
154
|
}
|
@@ -188,18 +166,26 @@ nav {
|
|
188
166
|
padding: 1.5em 32px;
|
189
167
|
max-height: 30vh;
|
190
168
|
|
191
|
-
p,
|
169
|
+
p, b {
|
192
170
|
flex: 0 0 auto;
|
193
|
-
margin: auto 16px;
|
194
171
|
display: flex;
|
195
172
|
justify-content: center;
|
196
173
|
|
197
174
|
font-size: 80px;
|
198
175
|
letter-spacing: -.05em;
|
199
|
-
font-weight: $font-regular;
|
200
176
|
line-height: 1.1;
|
201
177
|
white-space: nowrap;
|
202
178
|
}
|
179
|
+
p {
|
180
|
+
@supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-regular, 'slnt' 0; }
|
181
|
+
font-weight: $font-regular;
|
182
|
+
margin: auto 16px;
|
183
|
+
}
|
184
|
+
b {
|
185
|
+
margin-left: 10px;
|
186
|
+
@supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-bold, 'slnt' 0; }
|
187
|
+
font-weight: $font-bold;
|
188
|
+
}
|
203
189
|
}
|
204
190
|
|
205
191
|
// Footer
|
@@ -209,14 +195,19 @@ footer {
|
|
209
195
|
flex-wrap: nowrap;
|
210
196
|
justify-content: center;
|
211
197
|
text-align: center;
|
212
|
-
|
213
|
-
|
214
|
-
|
215
|
-
|
216
|
-
|
198
|
+
p {
|
199
|
+
font-size: .75em;
|
200
|
+
a {
|
201
|
+
color: $LIGHTlinkColour;
|
202
|
+
@media(prefers-color-scheme: dark) { color: $DARKlinkColour; }
|
203
|
+
text-decoration: underline;
|
204
|
+
}
|
205
|
+
}
|
217
206
|
}
|
218
207
|
|
219
208
|
.end {
|
209
|
+
margin-left: 25%;
|
210
|
+
width: 50vw;
|
220
211
|
border: 0;
|
221
212
|
height: 1px;
|
222
213
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
|
@@ -224,20 +215,55 @@ footer {
|
|
224
215
|
|
225
216
|
// Main Content
|
226
217
|
.container {
|
227
|
-
width:
|
218
|
+
width: 50vw;
|
219
|
+
@media(max-width: 1000px) { width: 90vw; }
|
228
220
|
margin: 1em auto;
|
221
|
+
|
222
|
+
p {
|
223
|
+
img {
|
224
|
+
@if $classicimages {
|
225
|
+
@media(max-width: 1000px) { max-width: 80vw; }
|
226
|
+
max-width: 50vw;
|
227
|
+
} @else {
|
228
|
+
@media(max-width: 1000px) { max-width: 60vw; }
|
229
|
+
@media(max-width: 500px) { max-width: 80vw; }
|
230
|
+
max-width: 35vw;
|
231
|
+
& { text-align: center; }
|
232
|
+
}
|
233
|
+
}
|
234
|
+
}
|
229
235
|
ul, ol {
|
230
|
-
margin-left: 2em
|
236
|
+
margin-left: 2em;
|
231
237
|
margin-right: 24px !important;
|
238
|
+
ul, ol {
|
239
|
+
margin-top: .25em;
|
240
|
+
margin-bottom: .25em;
|
241
|
+
}
|
242
|
+
li {
|
243
|
+
padding-top: .25em;
|
244
|
+
padding-bottom: .25em;
|
245
|
+
a { text-decoration: underline; }
|
246
|
+
p, a {
|
247
|
+
margin: 0;
|
248
|
+
padding: 0;
|
249
|
+
}
|
250
|
+
}
|
251
|
+
}
|
252
|
+
@media(prefers-color-scheme: dark) {
|
253
|
+
a { color: $DARKlinkColour; }
|
254
|
+
a:hover, ul a:hover, ol a:hover, p a:hover {
|
255
|
+
color: $DARKlinkHoverColour;
|
256
|
+
transition: all 250ms ease-in-out;
|
257
|
+
}
|
232
258
|
}
|
233
259
|
.highlight, p, hr {
|
234
|
-
margin-left: 1em
|
235
|
-
margin-right: 24px
|
260
|
+
margin-left: 1em;
|
261
|
+
margin-right: 24px;
|
236
262
|
}
|
237
|
-
@media
|
238
|
-
max-width:
|
263
|
+
@media (max-width: 500px) {
|
264
|
+
max-width: calc(100vw - 1em);
|
239
265
|
margin: 1em 1em 1em 1em;
|
240
|
-
width: auto
|
266
|
+
width: auto;
|
241
267
|
}
|
242
268
|
hr { margin-bottom: 1em; }
|
243
269
|
}
|
@@ -253,21 +279,13 @@ img {
|
|
253
279
|
|
254
280
|
// Blog Posts
|
255
281
|
.post {
|
256
|
-
h3 {
|
257
|
-
|
258
|
-
}
|
282
|
+
h3 { font-size: 14px !important; }
|
283
|
+
a { text-decoration: underline; }
|
259
284
|
}
|
260
285
|
|
261
286
|
// Auto Dark Theme as Declared by Browser/OS
|
262
287
|
@media (prefers-color-scheme: dark) {
|
263
|
-
|
264
|
-
color: $DARKlinkColour;
|
265
|
-
}
|
266
|
-
a:hover, ul a:hover, ol a:hover, p a:hover {
|
267
|
-
color: $DARKlinkHoverColour;
|
268
|
-
transition: color 250ms ease-in-out;
|
269
|
-
}
|
270
|
-
.highlight {
|
288
|
+
.highlight, blockquote {
|
271
289
|
background: $DARKcodebgColour;
|
272
290
|
color: $DARKcodeColour;
|
273
291
|
}
|
@@ -276,10 +294,6 @@ img {
|
|
276
294
|
color: $DARKtextColour;
|
277
295
|
}
|
278
296
|
img { border: $borderSize $borderType $DARKborderColour; }
|
279
|
-
.highlight {
|
280
|
-
background: $DARKcodebgColour;
|
281
|
-
color: $DARKcodeColour;
|
282
|
-
}
|
283
297
|
}
|
284
298
|
|
285
299
|
// Make pixel trackers invisible
|
@@ -287,4 +301,97 @@ img {
|
|
287
301
|
width: 1px;
|
288
302
|
height: 1px;
|
289
303
|
border: none;
|
290
|
-
}
|
304
|
+
}
|
305
|
+
|
306
|
+
// Table Formatting
|
307
|
+
table {
|
308
|
+
display: block;
|
309
|
+
overflow: auto;
|
310
|
+
height: 200px;
|
311
|
+
border-collapse: collapse;
|
312
|
+
table-layout: fixed;
|
313
|
+
padding: .5em .5em;
|
314
|
+
margin: 0 auto;
|
315
|
+
width: 100%;
|
316
|
+
@media(max-width: 500px) { width: 300px; }
|
317
|
+
thead {
|
318
|
+
background: #353230;
|
319
|
+
color: #fff;
|
320
|
+
@media(prefers-color-scheme: dark) {
|
321
|
+
background: #d3d3d3;
|
322
|
+
color: #000;
|
323
|
+
}
|
324
|
+
}
|
325
|
+
th { @media(min-width: 500px) { padding: .25em 2em; } }
|
326
|
+
th, td { padding: .5em .5em; }
|
327
|
+
tbody {
|
328
|
+
td {
|
329
|
+
@media(prefers-color-scheme: light) { border: 1px solid #000; }
|
330
|
+
border: 1px solid #fff;
|
331
|
+
}
|
332
|
+
}
|
333
|
+
}
|
334
|
+
|
335
|
+
// Footnotes
|
336
|
+
.footnote {
|
337
|
+
text-decoration: none !important;
|
338
|
+
margin: .10em .10em !important;
|
339
|
+
}
|
340
|
+
.footnotes {
|
341
|
+
border-top: 1px solid #000;
|
342
|
+
font-size: 14px;
|
343
|
+
@media(prefers-color-scheme: dark) { border-top: 1px solid #fff; }
|
344
|
+
}
|
345
|
+
|
346
|
+
// Definition lists
|
347
|
+
dt {
|
348
|
+
@supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-bold, 'slnt' 0; }
|
349
|
+
font-weight: $font-bold;
|
350
|
+
}
|
351
|
+
dd { margin: .25em 1em; }
|
352
|
+
|
353
|
+
// Checklists
|
354
|
+
.task-list {
|
355
|
+
list-style-type: none;
|
356
|
+
margin-left: 1em !important;
|
357
|
+
}
|
358
|
+
.task-list-item-checkbox { margin-right: .5em; }
|
359
|
+
|
360
|
+
// Centreing for images (see Wiki for more info)
|
361
|
+
.centre { text-align: center; }
|
362
|
+
|
363
|
+
// BLM banner
|
364
|
+
.blm-banner {
|
365
|
+
height: 3em;
|
366
|
+
padding: .25em;
|
367
|
+
background: #000;
|
368
|
+
text-align: center;
|
369
|
+
display: flex;
|
370
|
+
align-items: center;
|
371
|
+
justify-content: center;
|
372
|
+
color: #fff;
|
373
|
+
@supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-bold, 'slnt' 0; }
|
374
|
+
font-weight: $font-bold;
|
375
|
+
text-decoration: none;
|
376
|
+
@media(max-width: 500px) {
|
377
|
+
font-size: .9em;
|
378
|
+
padding: .7em;
|
379
|
+
}
|
380
|
+
font-size: .95em;
|
381
|
+
}
|
382
|
+
|
383
|
+
// Blockquotes
|
384
|
+
blockquote {
|
385
|
+
background: $LIGHTcodebgColour;
|
386
|
+
color: $LIGHTcodeColour;
|
387
|
+
margin-top: .5em;
|
388
|
+
padding: 1vh 1vh;
|
389
|
+
margin-bottom: 1em;
|
390
|
+
border-left: 4px solid $accentColour;
|
391
|
+
h1, h2, h3, h4, h5, h6 { padding: 1.5vh .5vh .25vh 1vh; }
|
392
|
+
.highlighter-rouge {
|
393
|
+
border-left: 4px solid $accentColour;
|
394
|
+
margin-bottom: 1em;
|
395
|
+
}
|
396
|
+
blockquote, .highlighter-rouge { margin-left: 1vw; }
|
397
|
+
}
|
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.5.2
|
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-07-25 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,18 +61,23 @@ extra_rdoc_files: []
|
|
47
61
|
files:
|
48
62
|
- LICENSE
|
49
63
|
- README.md
|
50
|
-
- _includes/analytics-csp.html
|
51
64
|
- _includes/analytics.html
|
65
|
+
- _includes/blm-banner.html
|
66
|
+
- _includes/csp.html
|
52
67
|
- _includes/newsroom.html
|
68
|
+
- _includes/seo.html
|
53
69
|
- _includes/site-footer.html
|
54
70
|
- _includes/site-header.html
|
71
|
+
- _includes/sitemap.html
|
55
72
|
- _includes/verifications.html
|
56
73
|
- _layouts/default.html
|
57
74
|
- _layouts/newsroom.html
|
58
75
|
- _layouts/page.html
|
59
76
|
- _layouts/post.html
|
60
|
-
- _posts/2020-06-04-test.md
|
77
|
+
- _posts/test1/2020-06-04-test.md
|
78
|
+
- _posts/test2/2020-07-03-test.md
|
61
79
|
- _sass/_config.scss
|
80
|
+
- _sass/_syntax.scss
|
62
81
|
- _sass/_theme.scss
|
63
82
|
- assets/logo.svg
|
64
83
|
- assets/main.scss
|