tale 0.2.0 → 0.2.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 35bf6bde4e094c34701ace915e89eac955dedadf4f2ad7a9639f69d11e461318
4
- data.tar.gz: fda55ba48aa0aecf512e29cfa733dec333d8fd4a302598c873fedacbfebf1772
3
+ metadata.gz: 655d15bb049ca6ef7b38a8e3db09e23660889250969ceaa7bba175a0d65ee260
4
+ data.tar.gz: b723f058fb374418a3d02401fa9be6a2a8b9b76e69b46b79c1adbfda021efa8e
5
5
  SHA512:
6
- metadata.gz: ba7cb8bff91f52c8e55001c7dde4a3c855fa7146533bd13360b03be7bc67399f632a82a872f504905efe8efdf6e60a04feee2857d90cdb73cd130e55be82b846
7
- data.tar.gz: 9f14e363c8410bfc144b6a2502992779569ca228d43501ec1aa52a245d4e7b4932a021550e2caafa1a97078f01d2f2eadfdf29e63885532773f9726f434d5172
6
+ metadata.gz: 4dac5296ef60c919f0909e3131b853157a303012ae2bc0cf18e9d9b36a1be62f5f3a98917e909b005ac2b9d497c12d1ebc270fc7bbd3bd7c9b010cbab16be733
7
+ data.tar.gz: 2c9717ebfd3c821438ea18026e7d54133fb5d55f9e110bf26a172057b30faf1fe31bd991e4bf9b5c6fa8dd87a5cb74634afca121e1e2982fe65f6a17da71a988
@@ -4,8 +4,9 @@
4
4
  <h2 class="nav-title">{{ site.title }}</h2>
5
5
  </a>
6
6
  <ul>
7
- <li><a href="{{ '/about' | prepend: site.baseurl }}">About</a></li>
8
7
  <li><a href="{{ site.baseurl }}/">Posts</a></li>
8
+ <li><a href="{{ '/tags' | prepend: site.baseurl }}">Tags</a></li>
9
+ <li><a href="{{ '/about' | prepend: site.baseurl }}">About</a></li>
9
10
  </ul>
10
11
  </div>
11
12
  </nav>
@@ -6,3 +6,5 @@
6
6
  @import 'tale/layout';
7
7
  @import 'tale/pagination';
8
8
  @import 'tale/catalogue';
9
+ @import 'tale/404';
10
+ @import 'tale/tags';
@@ -0,0 +1,22 @@
1
+ .notfound {
2
+ position: relative;
3
+ text-align: center;
4
+ margin: 4rem 0;
5
+
6
+ &-error {
7
+ font-size: 4rem;
8
+ margin: 1rem 0;
9
+ }
10
+
11
+ &-line {
12
+ border-top: 0.4rem solid $default-shade;
13
+ display: block;
14
+ margin: 0 auto 3rem;
15
+ width: 4rem;
16
+ }
17
+
18
+ &-message {
19
+ max-width: 25rem;
20
+ margin: 0 auto;
21
+ }
22
+ }
@@ -0,0 +1,89 @@
1
+ .tags {
2
+ &-header {
3
+ &-title {
4
+ color: $default-shade;
5
+ font-family: $sans-serif;
6
+ font-size: 4rem;
7
+ margin: 1rem 0;
8
+ text-align: center;
9
+ }
10
+
11
+ &-line {
12
+ border-top: 0.4rem solid $default-shade;
13
+ display: block;
14
+ margin: 0 auto 3rem;
15
+ width: 4rem;
16
+ }
17
+ }
18
+
19
+ &-clouds {
20
+ text-align: center;
21
+ font-family: $sans-serif;
22
+
23
+ a {
24
+ display: inline-block;
25
+ margin: 0 0.1rem 0.2rem;
26
+ padding: 0.2rem 0.5rem;
27
+ background: rgba(0, 0, 0, 0.05);
28
+ border-radius: 5px;
29
+ color: $default-color;
30
+ text-decoration: none;
31
+
32
+ &:hover,
33
+ &:active {
34
+ background: rgba(0, 0, 0, 0.1);
35
+ }
36
+ }
37
+ }
38
+
39
+ &-item {
40
+ &-icon {
41
+ height: 1rem;
42
+ }
43
+
44
+ &-label {
45
+ display: inline-block;
46
+ margin: 2rem 0 0.5rem;
47
+ font-family: $sans-serif;
48
+ color: $default-color;
49
+ }
50
+ }
51
+
52
+ &-post {
53
+ display: flex;
54
+ justify-content: space-between;
55
+ padding: 5px 0;
56
+
57
+ &-title {
58
+ color: $default-color;
59
+ text-decoration: none;
60
+ white-space: nowrap;
61
+ overflow: hidden;
62
+ text-overflow: ellipsis;
63
+ }
64
+
65
+ &-line {
66
+ @include transition(all 0.3s ease-out);
67
+ border-top: 0.1rem solid $default-shade;
68
+ display: block;
69
+ width: 0;
70
+ }
71
+
72
+ &-meta {
73
+ color: $default-tint;
74
+ text-align: right;
75
+ white-space: nowrap;
76
+ }
77
+
78
+ &:hover,
79
+ &:active {
80
+ .tags-post-line {
81
+ width: 3rem;
82
+ }
83
+
84
+ .tags-post-meta {
85
+ color: $default-shade;
86
+ }
87
+ }
88
+ }
89
+ }
@@ -1,20 +1,20 @@
1
1
  // Colors
2
- $default-color: #555;
3
- $default-shade: #353535;
4
- $default-tint: #aaa;
5
- $grey-1: #979797;
6
- $grey-2: #e5e5e5;
7
- $grey-3: #f9f9f9;
8
- $white: #fff;
9
- $blue: #4a9ae1;
10
- $shadow-color: rgba(0, 0, 0, .2);
11
- $code-color: #bf616a;
2
+ $default-color: #555 !default;
3
+ $default-shade: #353535 !default;
4
+ $default-tint: #aaa !default;
5
+ $grey-1: #979797 !default;
6
+ $grey-2: #e5e5e5 !default;
7
+ $grey-3: #f9f9f9 !default;
8
+ $white: #fff !default;
9
+ $blue: #4a9ae1 !default;
10
+ $shadow-color: rgba(0, 0, 0, .2) !default;
11
+ $code-color: #bf616a !default;
12
12
 
13
13
  // Fonts
14
- $serif-primary: 'Libre Baskerville', 'Times New Roman', Times, serif;
15
- $serif-secondary: Palatino, 'Palatino LT STD', 'Palatino Linotype', 'Book Antiqua', 'Georgia', serif;
16
- $sans-serif: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
17
- $monospaced: Menlo, Monaco, monospace;
14
+ $serif-primary: 'Libre Baskerville', 'Times New Roman', Times, serif !default;
15
+ $serif-secondary: Palatino, 'Palatino LT STD', 'Palatino Linotype', 'Book Antiqua', 'Georgia', serif !default;
16
+ $sans-serif: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif !default;
17
+ $monospaced: Menlo, Monaco, monospace !default;
18
18
 
19
19
  @mixin box-sizing($type: border-box) {
20
20
  -webkit-box-sizing: $type;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: tale
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.0
4
+ version: 0.2.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Chester How
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-03-16 00:00:00.000000000 Z
11
+ date: 2020-09-16 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -112,6 +112,7 @@ files:
112
112
  - _layouts/home.html
113
113
  - _layouts/post.html
114
114
  - _sass/tale.scss
115
+ - _sass/tale/_404.scss
115
116
  - _sass/tale/_base.scss
116
117
  - _sass/tale/_catalogue.scss
117
118
  - _sass/tale/_code.scss
@@ -119,6 +120,7 @@ files:
119
120
  - _sass/tale/_pagination.scss
120
121
  - _sass/tale/_post.scss
121
122
  - _sass/tale/_syntax.scss
123
+ - _sass/tale/_tags.scss
122
124
  - _sass/tale/_variables.scss
123
125
  - assets/apple-touch-icon.png
124
126
  - assets/favicon-16x16.png