nano-theme 0.1.0 → 0.2.0

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.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/_includes/site-footer.html +5 -2
  4. data/_includes/site-header.html +8 -0
  5. data/_layouts/default.html +8 -5
  6. data/_layouts/page-notitle.html +11 -0
  7. data/_sass/_config.scss +16 -6
  8. data/_sass/_theme.scss +28 -6
  9. data/_sass/main.sass +0 -1
  10. data/assets/main.sass +6 -0
  11. metadata +19 -17
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: e10a1edb761c523d3dc182d1ac4d03688fe9185c09f1e6a51a0eb8d7e9ce247b
4
- data.tar.gz: 97db198f40eeb82047a9ddfbf4df0fd0c6f317618bab57a8c9871615f1390d8f
3
+ metadata.gz: c1d5c937e2f133ea401ad60bb7130bfaa7c2256f9dd76562586ad4963ef5c49c
4
+ data.tar.gz: 9c0e9341bbd5f00c43992462addd15541590136c21ddfc45e5a3d7fdfe8da5f5
5
5
  SHA512:
6
- metadata.gz: 8d1b1a4e595566aa2d8e9fb7a4d66bcaf8a3b87552e0a77fe8e7b40ddfd9c56f242286445b1add250598243a1d6a11ae3022b5d1553f106a132f5ed3765cc594
7
- data.tar.gz: 402485084c22638c294c80ee0dd766b4f84c0dd043d9baf0667b3aa552130388d5027ff37023fb2a8d8cbecc8857701af372719b0e413d18356e6c119b75c6d2
6
+ metadata.gz: 3b6124e82825ea2fa531c98697e0877d21261909154df75a9606753b9144416b73fddb296c25d11d17b4eb45f3c7011e8d81f6945267718f967a26189a056b92
7
+ data.tar.gz: a858d1158b317ebcf5148776c55381061e278dc8dcc8f76643f0a27a0a60be323439991bff21965689aa5edaf30f79b69d6f6ea24b763f815599ef0303d6c1e4
data/README.md CHANGED
@@ -12,7 +12,7 @@ You can install Nano is two ways:
12
12
  You can clone the demo branch (labelled `docs`) and [configure based on what's recommended in the wiki of this repo](https://github.com/doamatto/nano/wiki/Configuration).
13
13
 
14
14
  **b) Installing the Gem**
15
- You can also use `gem install nano-theme` and [configure based on what's recommended in the wiki of this repo](https://github.com/doamatto/nano/wiki/Configuration).
15
+ You can also use [`gem install nano-theme`](https://rubygems.org/gems/nano-theme) and [configure based on what's recommended in the wiki of this repo](https://github.com/doamatto/nano/wiki/Configuration).
16
16
 
17
17
  ### Credits
18
18
 
data/_includes/site-footer.html CHANGED
@@ -1,7 +1,10 @@
1
1
  <footer>
2
2
  <p class="copyright">
3
- &copy; {{ site.time | date: '%Y' }} {{ site.title }}
4
- <br /><br />
3
+ &copy; {% if copyrightYear %}{{copyrightYear}}{% else %}{{ site.time | date: '%Y' }}{% endif %} {{ site.copyrightName }}.
4
+ <br />
5
+ {% if site.webSource %}
6
+ <a href="site.webSource">Contribute to this site.</a><br />
7
+ {% endif %}
5
8
  {% for item in site.footerLinks %}
6
9
  {% if item.url contains '://' %}
7
10
  {% assign url = item.url %}
data/_includes/site-header.html CHANGED
@@ -1,6 +1,9 @@
1
1
  <header class="header">
2
2
  <div class="container">
3
3
  <nav class="nav">
4
+ {% if site.logo %}
5
+ <a href="{{site.baseURL}}"><img class="nav_logo" src="{{site.logo}}" /></a>
6
+ {% endif %}
4
7
  <ul class="links">
5
8
  {% for item in site.navigation %}
6
9
  {% if item.url contains '://' %}
@@ -12,5 +15,10 @@
12
15
  {% endfor %}
13
16
  </ul>
14
17
  </nav>
18
+ {% if site.tagline %}
19
+ <div class="center">
20
+ <h1>{{site.tagline}}</h1>
21
+ </div>
22
+ {% endif %}
15
23
  </div>
16
24
  </header>
data/_layouts/default.html CHANGED
@@ -1,14 +1,17 @@
1
1
  <!DOCTYPE HTML>
2
- <html lang="{{ site.lang}}">
2
+ <html lang="{{site.lang}}">
3
3
  <head>
4
4
  <meta charset="utf-8" />
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
7
  <title>{{ page.title }} - {{ site.title }}</title>
8
- <meta property="og:title" content="{{collectiondata.title}}" />
9
- <meta name="description" content="{{collectiondata.description}}" />
10
- <meta property="og:description" content="{{collectiondata.description}}" />
11
- <link rel="stylesheet" href="{{ '/css/main.css' | relative_url }}" />
8
+ <meta property="og:title" content="{{page.title}} - {{site.title}}" />
9
+ <meta name="description" content="{{page.description}}" />
10
+ <meta property="og:description" content="{{page.description}}" />
11
+ <link rel="stylesheet" href="{{ '/assets/main.css' | relative_url }}" />
12
+ {% if site.favicon %}
13
+ <link rel="shortcut icon" href="{{ site.favicon }}" />
14
+ {% endif %}
12
15
  </head>
13
16
  <body>
14
17
  {{ content }}
data/_layouts/page-notitle.html ADDED
@@ -0,0 +1,11 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% include site-header.html %}
6
+
7
+ <div class="container">
8
+ {{ content }}
9
+ </div>
10
+
11
+ {% include site-footer.html %}
data/_sass/_config.scss CHANGED
@@ -1,21 +1,31 @@
1
1
  // Main Colour
2
- $LIGHTbgColour: #ffffff;
3
- $DARKbgColour: #000000;
4
- $accentColour: #1caf88;
2
+ $LIGHTbgColour: #fff;
3
+ $DARKbgColour: #000;
4
+ $accentColour: #f62c43;
5
+
6
+ // Header Colours (also uses $accentColour)
7
+ $headerTextColour: #000000;
8
+
9
+ // Navigation Colours
10
+ $navColour: #000;
11
+ $navHoverColour: #fff;
5
12
 
6
13
  // Text Colour
7
14
  $LIGHTtextColour: #000;
8
15
  $LIGHTlinkColour: #000;
9
- $LIGHTlinkHoverColour: #2e2e2e;
16
+ $LIGHTlinkHoverColour: #f62c43;
10
17
  $DARKtextColour: #fff;
11
18
  $DARKlinkColour: #fff;
12
- $DARKlinkHoverColour: #d1d1d1;
19
+ $DARKlinkHoverColour: #f62c43;
20
+ $LIGHTnewsLinkColour: #f62c43;
21
+ $DARKnewsLinkColour: #f62c43;
13
22
 
14
- // Typography
23
+ // Typography & Misc.
15
24
  $font: 'Inter, sans-serif';
16
25
  $font-regular: 400;
17
26
  $font-bold: 700;
18
27
  $font-italic: italic;
28
+ $breakColour: #fff;
19
29
 
20
30
  // Switch this to whatever font you need, local or remote
21
31
  @import url('https://rsms.me/inter/inter.css');
data/_sass/_theme.scss CHANGED
@@ -8,10 +8,10 @@
8
8
  background: $LIGHTbgColour;
9
9
  color: $LIGHTtextColour;
10
10
  }
11
- a, .navLink, .header {
11
+ a {
12
12
  color: $LIGHTlinkColour;
13
13
  }
14
- a:hover, .navLink:hover {
14
+ a:hover {
15
15
  color: $LIGHTlinkHoverColour;
16
16
  }
17
17
  }
@@ -21,18 +21,24 @@
21
21
  background: $DARKbgColour;
22
22
  color: $DARKtextColour;
23
23
  }
24
- a, .navLink, .header {
24
+ a {
25
25
  color: $DARKlinkColour;
26
26
  }
27
- a:hover, .navLink:hover {
27
+ a:hover {
28
28
  color: $DARKlinkHoverColour;
29
29
  }
30
30
  }
31
31
 
32
32
  // Site Header (_includes/site-header.html)
33
33
  .header {
34
+ background: $accentColour;
35
+ color: $headerTextColour;
34
36
  width: 100%;
35
- height: 7.5em;
37
+ padding-bottom: 2em;
38
+ }
39
+
40
+ .nav_logo {
41
+ width: 4em;
36
42
  }
37
43
 
38
44
  .nav {
@@ -52,8 +58,11 @@
52
58
  .navLink {
53
59
  padding: .25em 1em 1em .25em;
54
60
  text-decoration: none;
61
+ color: $navColour;
55
62
  }
56
63
 
64
+ .navLink:hover { color: $navHoverColour; }
65
+
57
66
  .header h1 {
58
67
  font-weight: $font-regular;
59
68
  font-size: 4.5em;
@@ -78,6 +87,8 @@ footer {
78
87
  body {
79
88
  font-family: $font;
80
89
  font-weight: $font-regular;
90
+ font-size: 1.125em;
91
+ margin: -20px 0px 8px 0px;
81
92
  }
82
93
 
83
94
  .container {
@@ -85,4 +96,15 @@ body {
85
96
  max-width: 40em;
86
97
  }
87
98
 
88
- a { transition: color 500ms; }
99
+ .center {
100
+ display: flex;
101
+ flex-direction: row;
102
+ flex-wrap: nowrap;
103
+ justify-content: center;
104
+ text-align: center;
105
+ width: 100%;
106
+ }
107
+
108
+ a { transition: color 500ms; }
109
+ hr { color: $breakColour; }
110
+ .bold { font-weight: $font-bold; }
data/_sass/main.sass CHANGED
@@ -1,6 +1,5 @@
1
1
  ---
2
2
  ---
3
3
 
4
- @charset 'utf-8';
5
4
  @import 'config';
6
5
  @import 'theme';
data/assets/main.sass ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ ---
3
+
4
+ @charset 'utf-8';
5
+ @import 'config';
6
+ @import 'theme';
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: nano-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.0
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - doamatto
@@ -14,58 +14,58 @@ dependencies:
14
14
  name: bundler
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - "~>"
17
+ - - ">="
18
18
  - !ruby/object:Gem::Version
19
- version: '2.1'
19
+ version: '0'
20
20
  type: :development
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: '2.1'
26
+ version: '0'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: rake
29
29
  requirement: !ruby/object:Gem::Requirement
30
30
  requirements:
31
- - - "~>"
31
+ - - ">="
32
32
  - !ruby/object:Gem::Version
33
- version: '13.0'
33
+ version: '0'
34
34
  type: :development
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
- - - "~>"
38
+ - - ">="
39
39
  - !ruby/object:Gem::Version
40
- version: '13.0'
40
+ version: '0'
41
41
  - !ruby/object:Gem::Dependency
42
42
  name: jekyll-watch
43
43
  requirement: !ruby/object:Gem::Requirement
44
44
  requirements:
45
- - - "~>"
45
+ - - ">="
46
46
  - !ruby/object:Gem::Version
47
- version: '2.2'
47
+ version: '0'
48
48
  type: :development
49
49
  prerelease: false
50
50
  version_requirements: !ruby/object:Gem::Requirement
51
51
  requirements:
52
- - - "~>"
52
+ - - ">="
53
53
  - !ruby/object:Gem::Version
54
- version: '2.2'
54
+ version: '0'
55
55
  - !ruby/object:Gem::Dependency
56
56
  name: jekyll
57
57
  requirement: !ruby/object:Gem::Requirement
58
58
  requirements:
59
- - - "~>"
59
+ - - ">="
60
60
  - !ruby/object:Gem::Version
61
- version: '4.0'
61
+ version: '0'
62
62
  type: :runtime
63
63
  prerelease: false
64
64
  version_requirements: !ruby/object:Gem::Requirement
65
65
  requirements:
66
- - - "~>"
66
+ - - ">="
67
67
  - !ruby/object:Gem::Version
68
- version: '4.0'
68
+ version: '0'
69
69
  description:
70
70
  email:
71
71
  - hello@doamatto.xyz
@@ -78,11 +78,13 @@ files:
78
78
  - _includes/site-footer.html
79
79
  - _includes/site-header.html
80
80
  - _layouts/default.html
81
+ - _layouts/page-notitle.html
81
82
  - _layouts/page.html
82
83
  - _layouts/post.html
83
84
  - _sass/_config.scss
84
85
  - _sass/_theme.scss
85
86
  - _sass/main.sass
87
+ - assets/main.sass
86
88
  homepage: https://github.com/doamatto/nano
87
89
  licenses:
88
90
  - GPL-3.0