nano-theme 0.4.0 → 0.5.1
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 +3 -1
- data/_includes/blm-banner.html +3 -0
- data/_includes/newsroom.html +60 -54
- data/_includes/seo.html +42 -9
- 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/page.html +4 -0
- data/_layouts/post.html +5 -1
- data/_posts/{2020-06-04-test.md → test1/2020-06-04-test.md} +0 -0
- data/_posts/{2020-07-03-test.md → test2/2020-07-03-test.md} +1 -1
- data/_sass/_config.scss +8 -4
- data/_sass/_syntax.scss +73 -0
- data/_sass/_theme.scss +110 -26
- data/assets/main.scss +1 -1
- metadata +7 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 18c2df39ee9768cba56fef5cab640e1654f87e4812eaab84de2d9692bd62f581
|
|
4
|
+
data.tar.gz: 341db5ae2b2b7e3ef08ee1e3808ac4289368be47d33c5fc8cf34729c4ccc887d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3a3b46059e95019603950be2401b5e00a18bc35bc4462820672fe3c5f1a7b6bcf63ce268fe8ea3843f2b03c71a2dd432ee3cd89dcf65bb74c1a925cf60f6ad9b
|
|
7
|
+
data.tar.gz: a85b265f64cd53b06a5488958e49a931608c7730701815260a9a311ed5290f5cfb9a1ee5aed92bcba542c953cd32cd905e5282fdaf194560c278dd55a76dff23
|
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/newsroom.html
CHANGED
|
@@ -1,62 +1,68 @@
|
|
|
1
1
|
<div class="newsroom">
|
|
2
2
|
<h3><a href="{{ '/atom.xml' | relative_url }}">Subscribe to the Atom feed.</a></h3>
|
|
3
|
-
{% if site.disablecategories
|
|
4
|
-
|
|
3
|
+
{% if site.disablecategories != true %}
|
|
4
|
+
<h2 id="categories">Categories</h2>
|
|
5
5
|
{% endif %}
|
|
6
6
|
<ul>
|
|
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
|
-
|
|
32
|
-
</li>
|
|
33
|
-
{% endfor %}
|
|
34
|
-
{% endif %}
|
|
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 %}
|
|
35
32
|
</ul>
|
|
36
33
|
|
|
37
|
-
{% if site.disablecategories
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
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 %}
|
|
61
67
|
{% endif %}
|
|
62
68
|
</div>
|
data/_includes/seo.html
CHANGED
|
@@ -8,26 +8,59 @@
|
|
|
8
8
|
<meta name="twitter:title" content="{{ site.title }}">
|
|
9
9
|
<meta property="og:title" content="{{ site.title }}">
|
|
10
10
|
{% endif %}
|
|
11
|
-
{% if site.lang != "" %}
|
|
11
|
+
{% if site.lang != nil or != "" %}
|
|
12
12
|
<meta property="og:locale" content="{{site.lang}}">
|
|
13
13
|
<meta http-equiv="language" content="{{site.lang}}">
|
|
14
14
|
{% endif %}
|
|
15
|
-
{% if page.author != nil %}
|
|
16
|
-
<meta name="author" content="{{
|
|
15
|
+
{% if page.author != nil or != "" %}
|
|
16
|
+
<meta name="author" content="{{page.author}}">
|
|
17
17
|
<meta name="article:author" content="{{page.author}}">
|
|
18
|
-
{% elsif site.author != nil %}
|
|
18
|
+
{% elsif site.author != nil or != "" %}
|
|
19
19
|
<meta name="author" content="{{site.author}}">
|
|
20
20
|
{% endif %}
|
|
21
|
-
{% if page.excerpt != nil %}
|
|
21
|
+
{% if page.excerpt != nil or != "" %}
|
|
22
22
|
<meta name="description" content="{{ page.excerpt | strip_html | strip}}">
|
|
23
|
-
|
|
24
|
-
<meta
|
|
25
|
-
{
|
|
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 != "" %}
|
|
26
30
|
<meta name="description" content="{{page.description}}">
|
|
31
|
+
|
|
32
|
+
<meta property="og:type" content="website">
|
|
27
33
|
<meta property="og:description" content="{{page.description}}">
|
|
34
|
+
|
|
28
35
|
<meta name="twitter:description" content="{{page.description}}">
|
|
29
|
-
|
|
36
|
+
<meta name="twitter:card" content="summary">
|
|
37
|
+
{% elsif site.description != nil or != "" %}
|
|
30
38
|
<meta name="description" content="{{site.description}}">
|
|
39
|
+
|
|
40
|
+
<meta property="og:type" content="website">
|
|
31
41
|
<meta property="og:description" content="{{site.description}}">
|
|
42
|
+
|
|
32
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 }}">
|
|
33
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/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">
|
|
@@ -12,7 +16,7 @@ layout: default
|
|
|
12
16
|
<br>
|
|
13
17
|
{% if site.disablecategories == false %}
|
|
14
18
|
<h3>
|
|
15
|
-
Tags: {{page.categories}}. <a href="{{ '/atom.xml' | relative_url }}">Subscribe to the Atom feed.</a>
|
|
19
|
+
Tags: {{ page.categories | array_to_sentence_string }}. <a href="{{ '/atom.xml' | relative_url }}">Subscribe to the Atom feed.</a>
|
|
16
20
|
</h3>
|
|
17
21
|
{% else %}
|
|
18
22
|
<h3>
|
|
File without changes
|
|
@@ -4,7 +4,7 @@ title: "Another Huge Update. This is v0.4.0."
|
|
|
4
4
|
author: doamatto
|
|
5
5
|
excerpt_separator: ---
|
|
6
6
|
dateS: "2020/06/04"
|
|
7
|
-
categories: [Updates]
|
|
7
|
+
categories: [Updates, Meta, One More Category for Good Measure]
|
|
8
8
|
---
|
|
9
9
|
|
|
10
10
|
Nano just got a huge amount of features. Because of it, welcome to v0.4.0 of Nano.
|
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:
|
|
36
|
+
$font-var: 'Inter var experimental', sans-serif; // Might break if nothing is here
|
|
37
|
+
$font-regular: 500;
|
|
38
38
|
$font-bold: 700;
|
|
39
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;
|
|
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
|
@@ -2,12 +2,16 @@
|
|
|
2
2
|
* {
|
|
3
3
|
margin: 0;
|
|
4
4
|
padding: 0;
|
|
5
|
+
font-variation-settings: "slnt" 0deg;
|
|
5
6
|
}
|
|
6
7
|
|
|
7
8
|
body {
|
|
8
9
|
@supports (font-variation-settings: normal) {
|
|
9
10
|
font-family: $font-var;
|
|
11
|
+
font-variation-settings: 'wght' $font-regular;
|
|
12
|
+
font-style: normal;
|
|
10
13
|
}
|
|
14
|
+
font-style: normal;
|
|
11
15
|
background: $LIGHTbgColour;
|
|
12
16
|
color: $LIGHTtextColour;
|
|
13
17
|
font-family: $font;
|
|
@@ -19,19 +23,24 @@ body {
|
|
|
19
23
|
}
|
|
20
24
|
|
|
21
25
|
// Typography
|
|
22
|
-
@media
|
|
26
|
+
@media (max-width: 500px) {
|
|
23
27
|
h1 { font-size: 28px !important; }
|
|
24
28
|
h2 { font-size: 21px !important; }
|
|
25
29
|
h3 { font-size: 19px !important; }
|
|
26
30
|
.post { h3 { font-size: 14px !important; } }
|
|
27
31
|
h4, h5, h6 { font-size: 16px !important; }
|
|
28
|
-
.tagline, .tagline * { font-size:
|
|
29
|
-
b {
|
|
32
|
+
.tagline, .tagline * { font-size: 50px !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
|
|
30
37
|
}
|
|
38
|
+
@media (max-width: 750px) { font-size: 72px; }
|
|
31
39
|
|
|
32
40
|
p { margin: 1em 0; }
|
|
33
41
|
h1 {
|
|
34
42
|
font-size: 48px;
|
|
43
|
+
@supports (font-variation-settings: normal) { font-variation-settings: "wght" $font-bold, 'slnt' 0; }
|
|
35
44
|
font-weight: $font-bold;
|
|
36
45
|
line-height: 1.1;
|
|
37
46
|
}
|
|
@@ -48,15 +57,26 @@ ol, ul { margin: 1em 1em; }
|
|
|
48
57
|
margin-left: 0 !important;
|
|
49
58
|
}
|
|
50
59
|
|
|
51
|
-
a {
|
|
60
|
+
a {
|
|
61
|
+
color: $LIGHTlinkColour;
|
|
62
|
+
transition: color 250ms ease-in-out;
|
|
63
|
+
}
|
|
52
64
|
a:hover {
|
|
53
65
|
color: $LIGHTlinkHoverColour;
|
|
54
|
-
transition: color 250ms ease-in-out;
|
|
55
66
|
}
|
|
56
67
|
ul a, ol a { text-decoration: none; }
|
|
57
68
|
|
|
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;
|
|
76
|
+
}
|
|
77
|
+
|
|
58
78
|
// Code blocks
|
|
59
|
-
.highlight, code {
|
|
79
|
+
.highlight, code, .highlighter-rogue {
|
|
60
80
|
@supports (font-variation-settings: normal) { font-family: $codeFont-var; }
|
|
61
81
|
font-family: $codeFont;
|
|
62
82
|
background: $LIGHTcodebgColour;
|
|
@@ -125,7 +145,8 @@ nav {
|
|
|
125
145
|
}
|
|
126
146
|
a:hover {
|
|
127
147
|
text-decoration: underline;
|
|
128
|
-
|
|
148
|
+
color: inherit;
|
|
149
|
+
transition: all 150ms ease-in-out;
|
|
129
150
|
}
|
|
130
151
|
:last-child { a { padding-right: 0; } }
|
|
131
152
|
}
|
|
@@ -151,6 +172,7 @@ nav {
|
|
|
151
172
|
|
|
152
173
|
font-size: 80px;
|
|
153
174
|
letter-spacing: -.05em;
|
|
175
|
+
@supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-regular, 'slnt' 0; }
|
|
154
176
|
font-weight: $font-regular;
|
|
155
177
|
line-height: 1.1;
|
|
156
178
|
white-space: nowrap;
|
|
@@ -185,31 +207,51 @@ footer {
|
|
|
185
207
|
// Main Content
|
|
186
208
|
.container {
|
|
187
209
|
width: 50vw;
|
|
188
|
-
@media(max-width:
|
|
189
|
-
width: 90vw;
|
|
190
|
-
}
|
|
210
|
+
@media(max-width: 1000px) { width: 90vw; }
|
|
191
211
|
margin: 1em auto;
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
212
|
+
|
|
213
|
+
p {
|
|
214
|
+
img {
|
|
215
|
+
@if $classicimages {
|
|
216
|
+
@media(max-width: 1000px) { max-width: 80vw; }
|
|
217
|
+
max-width: 50vw;
|
|
218
|
+
} @else {
|
|
219
|
+
@media(max-width: 1000px) { max-width: 60vw; }
|
|
220
|
+
@media(max-width: 500px) { max-width: 80vw; }
|
|
221
|
+
max-width: 35vw;
|
|
222
|
+
& { text-align: center; }
|
|
223
|
+
}
|
|
224
|
+
}
|
|
196
225
|
}
|
|
197
226
|
ul, ol {
|
|
198
227
|
margin-left: 2em;
|
|
199
228
|
margin-right: 24px !important;
|
|
229
|
+
ul, ol {
|
|
230
|
+
margin-top: .25em;
|
|
231
|
+
margin-bottom: .25em;
|
|
232
|
+
}
|
|
233
|
+
li {
|
|
234
|
+
padding-top: .25em;
|
|
235
|
+
padding-bottom: .25em;
|
|
236
|
+
a { text-decoration: underline; }
|
|
237
|
+
p, a {
|
|
238
|
+
margin: 0;
|
|
239
|
+
padding: 0;
|
|
240
|
+
}
|
|
241
|
+
}
|
|
200
242
|
}
|
|
201
243
|
@media(prefers-color-scheme: dark) {
|
|
202
244
|
a { color: $DARKlinkColour; }
|
|
203
245
|
a:hover, ul a:hover, ol a:hover, p a:hover {
|
|
204
246
|
color: $DARKlinkHoverColour;
|
|
205
|
-
transition:
|
|
247
|
+
transition: all 250ms ease-in-out;
|
|
206
248
|
}
|
|
207
249
|
}
|
|
208
250
|
.highlight, p, hr {
|
|
209
251
|
margin-left: 1em;
|
|
210
252
|
margin-right: 24px;
|
|
211
253
|
}
|
|
212
|
-
@media
|
|
254
|
+
@media (max-width: 500px) {
|
|
213
255
|
max-width: calc(100vw - 1em);
|
|
214
256
|
margin: 1em 1em 1em 1em;
|
|
215
257
|
width: auto;
|
|
@@ -234,7 +276,7 @@ img {
|
|
|
234
276
|
|
|
235
277
|
// Auto Dark Theme as Declared by Browser/OS
|
|
236
278
|
@media (prefers-color-scheme: dark) {
|
|
237
|
-
.highlight {
|
|
279
|
+
.highlight, blockquote {
|
|
238
280
|
background: $DARKcodebgColour;
|
|
239
281
|
color: $DARKcodeColour;
|
|
240
282
|
}
|
|
@@ -243,10 +285,6 @@ img {
|
|
|
243
285
|
color: $DARKtextColour;
|
|
244
286
|
}
|
|
245
287
|
img { border: $borderSize $borderType $DARKborderColour; }
|
|
246
|
-
.highlight {
|
|
247
|
-
background: $DARKcodebgColour;
|
|
248
|
-
color: $DARKcodeColour;
|
|
249
|
-
}
|
|
250
288
|
}
|
|
251
289
|
|
|
252
290
|
// Make pixel trackers invisible
|
|
@@ -266,7 +304,7 @@ table {
|
|
|
266
304
|
padding: .5em .5em;
|
|
267
305
|
margin: 0 auto;
|
|
268
306
|
width: 100%;
|
|
269
|
-
@media(max-width:
|
|
307
|
+
@media(max-width: 500px) { width: 300px; }
|
|
270
308
|
thead {
|
|
271
309
|
background: #353230;
|
|
272
310
|
color: #fff;
|
|
@@ -275,7 +313,7 @@ table {
|
|
|
275
313
|
color: #000;
|
|
276
314
|
}
|
|
277
315
|
}
|
|
278
|
-
th { @media(min-width:
|
|
316
|
+
th { @media(min-width: 500px) { padding: .25em 2em; } }
|
|
279
317
|
th, td { padding: .5em .5em; }
|
|
280
318
|
tbody {
|
|
281
319
|
td {
|
|
@@ -286,14 +324,21 @@ table {
|
|
|
286
324
|
}
|
|
287
325
|
|
|
288
326
|
// Footnotes
|
|
289
|
-
.footnote {
|
|
327
|
+
.footnote {
|
|
328
|
+
text-decoration: none !important;
|
|
329
|
+
margin: .10em .10em !important;
|
|
330
|
+
}
|
|
290
331
|
.footnotes {
|
|
291
332
|
border-top: 1px solid #000;
|
|
333
|
+
font-size: 14px;
|
|
292
334
|
@media(prefers-color-scheme: dark) { border-top: 1px solid #fff; }
|
|
293
335
|
}
|
|
294
336
|
|
|
295
337
|
// Definition lists
|
|
296
|
-
dt {
|
|
338
|
+
dt {
|
|
339
|
+
@supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-bold, 'slnt' 0; }
|
|
340
|
+
font-weight: $font-bold;
|
|
341
|
+
}
|
|
297
342
|
dd { margin: .25em 1em; }
|
|
298
343
|
|
|
299
344
|
// Checklists
|
|
@@ -301,4 +346,43 @@ dd { margin: .25em 1em; }
|
|
|
301
346
|
list-style-type: none;
|
|
302
347
|
margin-left: 1em !important;
|
|
303
348
|
}
|
|
304
|
-
.task-list-item-checkbox { margin-right: .5em; }
|
|
349
|
+
.task-list-item-checkbox { margin-right: .5em; }
|
|
350
|
+
|
|
351
|
+
// Centreing for images (see Wiki for more info)
|
|
352
|
+
.centre { text-align: center; }
|
|
353
|
+
|
|
354
|
+
// BLM banner
|
|
355
|
+
.blm-banner {
|
|
356
|
+
height: 3em;
|
|
357
|
+
padding: .25em;
|
|
358
|
+
background: #000;
|
|
359
|
+
text-align: center;
|
|
360
|
+
display: flex;
|
|
361
|
+
align-items: center;
|
|
362
|
+
justify-content: center;
|
|
363
|
+
color: #fff;
|
|
364
|
+
@supports (font-variation-settings: normal) { font-variation-settings: 'wght' $font-bold, 'slnt' 0; }
|
|
365
|
+
font-weight: $font-bold;
|
|
366
|
+
text-decoration: none;
|
|
367
|
+
@media(max-width: 500px) {
|
|
368
|
+
font-size: .9em;
|
|
369
|
+
padding: .7em;
|
|
370
|
+
}
|
|
371
|
+
font-size: .95em;
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
// Blockquotes
|
|
375
|
+
blockquote {
|
|
376
|
+
background: $LIGHTcodebgColour;
|
|
377
|
+
color: $LIGHTcodeColour;
|
|
378
|
+
margin-top: .5em;
|
|
379
|
+
padding: 1vh 1vh;
|
|
380
|
+
margin-bottom: 1em;
|
|
381
|
+
border-left: 4px solid $accentColour;
|
|
382
|
+
h1, h2, h3, h4, h5, h6 { padding: 1.5vh .5vh .25vh 1vh; }
|
|
383
|
+
.highlighter-rouge {
|
|
384
|
+
border-left: 4px solid $accentColour;
|
|
385
|
+
margin-bottom: 1em;
|
|
386
|
+
}
|
|
387
|
+
blockquote, .highlighter-rouge { margin-left: 1vw; }
|
|
388
|
+
}
|
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.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- doamatto
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2020-07-
|
|
11
|
+
date: 2020-07-21 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -62,19 +62,22 @@ files:
|
|
|
62
62
|
- LICENSE
|
|
63
63
|
- README.md
|
|
64
64
|
- _includes/analytics.html
|
|
65
|
+
- _includes/blm-banner.html
|
|
65
66
|
- _includes/csp.html
|
|
66
67
|
- _includes/newsroom.html
|
|
67
68
|
- _includes/seo.html
|
|
68
69
|
- _includes/site-footer.html
|
|
69
70
|
- _includes/site-header.html
|
|
71
|
+
- _includes/sitemap.html
|
|
70
72
|
- _includes/verifications.html
|
|
71
73
|
- _layouts/default.html
|
|
72
74
|
- _layouts/newsroom.html
|
|
73
75
|
- _layouts/page.html
|
|
74
76
|
- _layouts/post.html
|
|
75
|
-
- _posts/2020-06-04-test.md
|
|
76
|
-
- _posts/2020-07-03-test.md
|
|
77
|
+
- _posts/test1/2020-06-04-test.md
|
|
78
|
+
- _posts/test2/2020-07-03-test.md
|
|
77
79
|
- _sass/_config.scss
|
|
80
|
+
- _sass/_syntax.scss
|
|
78
81
|
- _sass/_theme.scss
|
|
79
82
|
- assets/logo.svg
|
|
80
83
|
- assets/main.scss
|