nano-theme 0.4.0 → 0.5.1
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/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
|