voppe-jekyll-theme 0.5.5 → 0.6.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 (10) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -1
  3. data/_layouts/list.html +3 -1
  4. data/_sass/app.scss +2 -2
  5. data/_sass/components/article.scss +16 -4
  6. data/_sass/components/list.scss +27 -9
  7. data/_sass/components/menu.scss +8 -10
  8. data/_sass/config/colors.scss +14 -5
  9. data/_sass/utils/hover.scss +1 -1
  10. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 70421f7c55e6c3b138f47674e835cd9c2479f558
4
- data.tar.gz: 1c63a5c25718a90f996d884bcc67508dc808e2f6
3
+ metadata.gz: c7abff5624f15421fef8c0335f125c84f4d8e066
4
+ data.tar.gz: e6a0168244d5f6a26b1ca381ecaa4f0570debdc3
5
5
  SHA512:
6
- metadata.gz: 23ccd8b9cf99beb0723ad3df61b063ee840d557fc520675dc21956b9b69847dfa28e1ec9d5fbf45bf80c8897372a84cad7c37c6b3ca4b43fff1e0b97a92e5bb9
7
- data.tar.gz: 627e6df2e42d93869831d1db4c87cc128e31dc4435f9ec547012dcc72a02c58592714d722d829e2d50d16a4dd1f328024e123df9a9978d706d291d1395f2eeca
6
+ metadata.gz: b390332a5485c6e47adf645aa275d15a0b7ada5c61b869695924e44c9b913a1b543f81987393b93c12b3e625900def57c03cd237edc7ae5870a74727203d4906
7
+ data.tar.gz: 4433536b24b762950135622773414c95b94df8e082e721a67645375998736ece0f0e1e7078d07292528c3a915bbd9ff1977bfc1972e631886d80ee545625d4c4
data/README.md CHANGED
@@ -41,8 +41,11 @@ Where `menuitems` is an array of items with the following structure
41
41
  # Defaults to medium
42
42
  size: medium|large
43
43
 
44
+ # Defines the "target" attribute of the link (e.g. "blank")
45
+ target: string
46
+
44
47
  # The text to show on item hover
45
- label: string;
48
+ label: string
46
49
 
47
50
  # A fontawesome icon name (e.g. 'envelope')
48
51
  icon: string
@@ -68,6 +71,7 @@ collection: *collection*
68
71
  ```
69
72
 
70
73
  To display a post's thumbnail, add a `thumbnail: *url*` to the post's front matter.
74
+ You can add a small description to the post using `description: *text*`.
71
75
 
72
76
  ## License
73
77
 
data/_layouts/list.html CHANGED
@@ -19,7 +19,9 @@ layout: default
19
19
  <div class="header">
20
20
  <h2>{{ post.title }}</h2>
21
21
  <div class="content">
22
- {{post.excerpt}}
22
+ {% if post.description %}
23
+ {{post.description}}
24
+ {% endif %}
23
25
  </div>
24
26
  </div>
25
27
  <img src="{{post.thumbnail}}">
data/_sass/app.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  html, body {
2
2
  width: 100%;
3
3
  height: 100%;
4
- background: $color-bg-primary;
5
- color: $color-text;
4
+ background: $color-background-primary;
5
+ color: $color-text-primary;
6
6
  display: flex;
7
7
 
8
8
  @include media-tablet {
data/_sass/components/article.scss CHANGED
@@ -1,23 +1,35 @@
1
1
  article {
2
- background-color: $color-bg-secondary;
3
2
  padding: 1em;
4
3
 
4
+ h1 {
5
+ color: $color-header-secondary;
6
+ }
7
+
8
+ h2 {
9
+ color: $color-header-primary;
10
+ }
11
+
5
12
  .post & {
6
13
  flex-basis: $size-post;
7
14
  }
8
15
 
9
16
  a {
10
- color: $color-secondary;
17
+ color: $color-header-secondary;
11
18
 
12
19
  &:visited {
13
- color: $color-primary;
20
+ color: $color-header-primary;
14
21
  }
15
22
 
16
23
  &:hover {
17
- color: $color-text;
24
+ color: $color-text-primary;
18
25
  }
19
26
  }
20
27
 
28
+ pre {
29
+ padding-left: 1em;
30
+ border-left: 0.2em solid $color-highlight-primary;
31
+ }
32
+
21
33
  @include media-mobile {
22
34
  margin-top: 2em;
23
35
  }
data/_sass/components/list.scss CHANGED
@@ -2,26 +2,37 @@ nav.list {
2
2
  display:flex;
3
3
  flex-direction: row;
4
4
  flex-wrap: wrap;
5
- margin-left: 3em;
6
5
  align-content: flex-start;
7
6
  align-items: flex-start;
8
7
  width: 100%;
8
+ margin-left: 3em;
9
+
10
+ @include media-mobile {
11
+ margin-left: 0px;
12
+ }
9
13
 
10
14
  h1 {
11
15
  width: 100%;
12
16
  font-size: 2.5em;
13
- color: $color-secondary;
17
+ color: $color-header-primary;
18
+
19
+ @include media-mobile {
20
+ text-align: center;
21
+ }
14
22
  }
15
23
 
16
24
  a {
17
25
  width: 32em;
18
26
  margin-bottom: 1em;
19
- margin-right: 1em;
20
27
  color: inherit;
21
28
  text-decoration: none;
22
29
  transition: all 0.5s ease-in;
23
30
  text-align: center;
24
31
 
32
+ @include media-desktop {
33
+ margin-right: 3em;
34
+ }
35
+
25
36
  h2 {
26
37
  font-size: 1.5em;
27
38
  }
@@ -35,21 +46,22 @@ nav.list {
35
46
  .header {
36
47
  transition: background-color 0.25s ease-in, border-color 0.25s ease-in;
37
48
  padding: 1em;
38
- background-color: $color-bg-secondary;
49
+ background-color: $color-item-primary;
39
50
  display: flex;
40
51
  flex-wrap: wrap;
41
52
  justify-content: center;
42
53
  position: relative;
43
54
  border-width: 1px;
44
55
  border-style: solid;
45
- border-color: $color-bg-secondary;
56
+ border-color: $color-item-primary;
57
+ color: $color-text-secondary;
46
58
 
47
59
  &::after {
48
60
  transition: background-color 0.25s ease-in, border-color 0.25s ease-in;
49
61
  content: "";
50
62
  width: $size-arrow;
51
63
  height: $size-arrow;
52
- background-color: #193441;
64
+ background-color: $color-item-primary;
53
65
  position: absolute;
54
66
  bottom: -($size-arrow/2)-1px;
55
67
  left: 0px;
@@ -58,10 +70,14 @@ nav.list {
58
70
  margin-right: auto;
59
71
  transform: rotate(45deg);
60
72
  border-style: solid;
61
- border-color: #193441;
73
+ border-color: $color-item-primary;
62
74
  border-width: 1px;
63
75
  }
64
76
 
77
+ > .content {
78
+ padding-bottom: 1.5em;
79
+ }
80
+
65
81
  > * {
66
82
  width: 100%;
67
83
  }
@@ -69,11 +85,13 @@ nav.list {
69
85
 
70
86
  &:hover {
71
87
  .header {
72
- border-color: $color-primary;
88
+ border-color: $color-item-secondary;
89
+ background-color: $color-item-secondary;
73
90
  }
74
91
 
75
92
  .header::after {
76
- border-color: transparent $color-primary $color-primary transparent;
93
+ border-color: transparent $color-item-secondary $color-item-secondary transparent;
94
+ background-color: $color-item-secondary;
77
95
  }
78
96
  }
79
97
  }
data/_sass/components/menu.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  nav.menu {
2
+ color: $color-text-secondary;
2
3
  z-index: 20000;
3
- background: $color-bg-secondary;
4
+ background: $color-background-secondary;
4
5
  height: 100%;
5
6
  width: $size-menu;
6
7
  position: fixed;
@@ -42,9 +43,8 @@ nav.menu {
42
43
  }
43
44
 
44
45
  &.active {
45
- background-color: $color-bg-primary;
46
- border-right: 1px solid $color-bg-primary;
47
- pointer-events: none;
46
+ background-color: $color-background-primary;
47
+ border-right: 1px solid $color-background-primary;
48
48
  }
49
49
 
50
50
  &:not(.active) {
@@ -58,23 +58,22 @@ nav.menu {
58
58
 
59
59
  padding-left: 1em;
60
60
  height: $size-menu;
61
- background-color: $color-bg-secondary;
61
+ background-color: $color-background-secondary;
62
62
  padding-right: 1em;
63
63
  align-content: center;
64
64
  align-items: center;
65
65
  display: flex;
66
66
 
67
67
  @include media-tablet {
68
- box-shadow: 0 1px 0 $color-bg-primary, 1px 1px 0 $color-bg-primary, -1px 1px 0 $color-bg-primary;
68
+ box-shadow: 0 1px 0 $color-background-primary, 1px 1px 0 $color-background-primary, -1px 1px 0 $color-background-primary;
69
69
  }
70
70
 
71
71
  @include media-desktop {
72
- box-shadow: 0 -1px 0 $color-bg-primary, 1px 1px 0 $color-bg-primary, 0px 1px 0 $color-bg-primary;
72
+ box-shadow: 0 -1px 0 $color-background-primary, 1px 1px 0 $color-background-primary, 0px 1px 0 $color-background-primary;
73
73
  }
74
74
  }
75
75
 
76
76
  .link {
77
- color: $color-text;
78
77
  display: flex;
79
78
  text-decoration: none;
80
79
  flex-direction: row;
@@ -91,7 +90,6 @@ nav.menu {
91
90
  .icon {
92
91
  background-size: 100%;
93
92
  transition: background 0.4s ease-out;
94
- border-radius: 2em;
95
93
 
96
94
  &, &medium {
97
95
  width: 1em;
@@ -106,7 +104,7 @@ nav.menu {
106
104
  }
107
105
 
108
106
  i {
109
- color: $color-text;
107
+ color: $color-text-secondary;
110
108
  }
111
109
  }
112
110
  }
data/_sass/config/colors.scss CHANGED
@@ -1,5 +1,14 @@
1
- $color-bg-secondary: #193441;
2
- $color-bg-primary : #3E606F;
3
- $color-primary: #91AA9D;
4
- $color-secondary: #D1DBBD;
5
- $color-text: #FCFFF5;
1
+ $color-background-secondary: #252526;
2
+ $color-background-primary: #393F4C;
3
+
4
+ $color-header-primary: #D19A66;
5
+ $color-header-secondary: #E06C75;
6
+
7
+ $color-item-secondary: #5675B9;
8
+ $color-item-primary: #4C5666;
9
+
10
+ $color-highlight-primary: #A878D2;
11
+ $color-highlight-secondary: #007ACC;
12
+
13
+ $color-text-primary: #ABB2BF;
14
+ $color-text-secondary: #FFFFFF;
data/_sass/utils/hover.scss CHANGED
@@ -11,6 +11,6 @@
11
11
 
12
12
  .hover-highlight {
13
13
  &.highlight, :hover > &, .hover-highlight-wrapper:hover & {
14
- background-color: $color-bg-primary;
14
+ background-color: $color-background-primary;
15
15
  }
16
16
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: voppe-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.5
4
+ version: 0.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - voppe
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-11-28 00:00:00.000000000 Z
11
+ date: 2016-11-30 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll