jekyll-theme-consulting 0.2.12 → 0.3.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: 2eb1ac9a852eb719fa61ab85f5b92529003c8c002a8b7b79ebd2bc7c39779c3a
4
- data.tar.gz: b6f542399309b61c0ca27187e0cf3be26909a5952c9aa5d005a97d8c34522eeb
3
+ metadata.gz: 5cd291036a290cbcd90e9abbd5e072b393732592e99dbfc889ee5f1c2d606871
4
+ data.tar.gz: 8cc6d354fa9dff9cf1290304906f9ec6c5648892a2073accd03ec34456cb7aee
5
5
  SHA512:
6
- metadata.gz: e3389e967a380fd6a9964c5d45de0ed0ceb411a510ea15b5c03f23419542c2cad01b80a5a7f7c1c377bd6efbb7c38bd82d574eccbe94f0089040ff427cc55390
7
- data.tar.gz: 8bbd1aea54fa491abf2bdc1e9b22b61205bb7d4cabfd592b524c1bd6fc11aff016a9630ef85b850540fb6fa0f519d3f566b499a95b438b07ba581b6e96ee7777
6
+ metadata.gz: 260a13b717a1dc96be45b71d449a9d6b027cc446c8031ce20e0c7d5f13f6251bcaaa0b36273f937633f78e85687652fe6e26e260993b9003028764738e3f4ab8
7
+ data.tar.gz: 6ba9553b79648f074aa7527e56a1567816ad77127c7308d61da1d392e24f1363fcda4b2fabf9cc7013ec1665778fa36aceaa6da0b124e36604821d5f1a5e0fa5
@@ -1,5 +1,6 @@
1
1
  <!-- Footer -->
2
2
  <footer id="footer">
3
- <p class="copyright">&copy; {{ site.copyright_holder }}. All rights reserved.<br />
4
- Design: <a href="https://github.com/moodule">MOODULE</a>.</p>
3
+ <section class="inverted">
4
+ <p class="copyright">&copy; {{ site.copyright_holder }}. All rights reserved. Design: <a href="https://github.com/moodule">MOODULE</a>.</p>
5
+ </section>
5
6
  </footer>
@@ -1,45 +1,7 @@
1
1
  <!-- Header -->
2
2
  <header id="header">
3
- <a href="{{ '' | absolute_url }}" style="flex: 0 0 0; border-bottom: none;">
4
- <span class="icon"><img src="{{ 'assets/images/logo.svg' | absolute_url }}" width="24" height="24"></span>
5
- </a>&nbsp;
6
3
  <a href="{{ '' | absolute_url }}" class="logo">
7
4
  <strong>{{ include.title }}</strong> - {{ include.subtitle }}
8
5
  </a>
9
- <ul class="icons language">
10
- {% include language.html %}
11
- {% if site.twitter_url %}
12
- <li><a href="{{ site.twitter_url }}" class="icon brands fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
13
- {% endif %}
14
- {% if site.facebook_url %}
15
- <li><a href="{{ site.facebook_url }}" class="icon brands fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
16
- {% endif %}
17
- {% if site.snapchat_url %}
18
- <li><a href="{{ site.snapchat_url }}" class="icon brands fa-snapchat-ghost" target="_blank"><span class="label">Facebook</span></a></li>
19
- {% endif %}
20
- {% if site.medium_url %}
21
- <li><a href="{{ site.medium_url }}" class="icon brands fa-medium-m" target="_blank"><span class="label">Facebook</span></a></li>
22
- {% endif %}
23
- {% if site.instagram_url %}
24
- <li><a href="{{ site.instagram_url }}" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
25
- {% endif %}
26
- {% if site.pinterest_url %}
27
- <li><a href="{{ site.pinterest_url }}" class="icon brands fa-pinterest" target="_blank"><span class="label">Pinterest</span></a></li>
28
- {% endif %}
29
- {% if site.500px_url %}
30
- <li><a href="{{ site.500px_url }}" class="icon brands fa-500px" target="_blank"><span class="label">500px</span></a></li>
31
- {% endif %}
32
- {% if site.gitlab_url %}
33
- <li><a href="{{ site.gitlab_url }}" class="icon brands fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
34
- {% endif %}
35
- {% if site.github_url %}
36
- <li><a href="{{ site.github_url }}" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
37
- {% endif %}
38
- {% if site.slack_url %}
39
- <li><a href="{{ site.slack_url }}" class="icon brands fa-slack" target="_blank"><span class="label">Slack</span></a></li>
40
- {% endif %}
41
- {% if site.linkedin_url %}
42
- <li><a href="{{ site.linkedin_url }}" class="icon brands fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
43
- {% endif %}
44
- </ul>
6
+ {% include language.html %}
45
7
  </header>
@@ -1,10 +1,12 @@
1
1
  {% assign posts=site.posts | where:"lang-ref", page.lang-ref | sort: 'lang' %}
2
2
  {% assign pages=site.pages | where:"lang-ref", page.lang-ref | sort: 'lang' | concat: posts %}
3
3
 
4
- {% for page in pages %}
5
- {% if page.lang != "x-default" %}
6
- <li>
7
- <a href="{{ page.url | absolute_url }}" class="{{ page.lang }}">{{ page.lang }}</a>
8
- </li>
9
- {% endif%}
10
- {% endfor %}
4
+ <ul class="language">
5
+ {% for page in pages %}
6
+ {% if page.lang != "x-default" %}
7
+ <li>
8
+ <a href="{{ page.url | absolute_url }}" class="{{ page.lang }}">{{ page.lang }}</a>
9
+ </li>
10
+ {% endif%}
11
+ {% endfor %}
12
+ </ul>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="0 0 46296.26 40689.13"><defs/><g id="Layer_x0020_1"><g id="_1761831900240"><path d="M23204.91 7530.98c2944.63-3188.84 6384.04-4639.01 10366.38-4077.21 4110.34 579.88 7609.97 3518.41 8854.17 7479.01 957.39 3047.58 559.96 6460.83-722.09 9573.35-1993.98 4840.97-7886.31 11722.09-18555.24 16532.85C12479.21 32228.22 6586.88 25347.1 4592.89 20506.13c-1282.05-3112.52-1679.47-6525.77-722.09-9573.35 1244.19-3960.6 4743.83-6899.13 8854.17-7479.01 3982.46-561.82 7421.94 888.46 10366.64 4077.48 5.4 5.84 56.52 61.37 56.53 61.36.04.04 51.9-56.36 56.79-61.63zm-56.79-4522.44C16716.43-2039.47 6635.87-722.29 2000.47 6864.48 461.39 9383.51-116.67 12312.23 19.17 15219.93c235.64 5043.59 2412.75 9452.27 5610.61 13256.78 4306.02 5122.9 10531.26 9148.59 17382.21 12152.72 9.53 4.18 88.63 38.56 136.13 59.69 41.66-17.53 114.6-50.41 137.01-60.3 6815.65-3004.07 13075.56-7030.12 17381.33-12152.12 3198.08-3804.33 5374.97-8213.2 5610.61-13256.78 135.85-2907.7-442.2-5836.43-1981.3-8355.45-4635.4-7586.77-14715.95-8903.95-21147.65-3855.94z" class="fil0"/><path d="M22983.64 21630.19l-2928.01-1451.38c-1017.73 1483.99-1758.21 2488.33-3897.08 1902.25-1678.91-460.05-2175.85-2300.18-2239.67-3843.76-87.17-2108.39 649.94-4543.46 3168.15-4413.24 1609.13 83.19 2294.75 1032.23 2661.15 1885.36l3196.99-1638.9c-1574.75-3004.31-5265.13-4026.05-8393.32-3188.81-3328.66 890.9-5014.61 3952.95-4955.5 7255.23 60.43 3375.58 1680.8 6291.51 5161.55 7052.54 1697.16 371.06 3545.13 284.81 5116.74-503.18 1216.27-609.83 2567.56-1786.86 3109-3056.12zm13802.46 0l-2928.01-1451.38c-1017.73 1483.99-1758.21 2488.33-3897.08 1902.25-1678.91-460.05-2175.86-2300.18-2239.67-3843.76-87.18-2108.39 649.94-4543.46 3168.15-4413.24 1609.13 83.19 2294.74 1032.23 2661.15 1885.36l3196.99-1638.9c-1574.75-3004.31-5265.14-4026.05-8393.32-3188.81-3328.66 890.9-5014.61 3952.95-4955.5 7255.23 60.42 3375.58 1680.8 6291.51 5161.55 7052.54 1697.16 371.06 3545.13 284.81 5116.74-503.18 1216.27-609.83 2567.56-1786.86 3109-3056.12z" class="fil0"/></g></g></svg>
@@ -1,13 +1,10 @@
1
1
  <!-- Menu -->
2
2
  <nav id="menu">
3
- <header class="major">
4
- <h2>Menu</h2>
5
- </header>
6
3
  <ul>
7
4
  {% for item in include.menu %}
5
+ <li {% if item.url == page.url %} class="current" {% endif %}>
8
6
  {% if item.menu[0] %}
9
- <li>
10
- <span class="opener {% if item.url == page.url %} current {% endif %}">{{ item.title }}</span>
7
+ <span class="opener">{{ item.title }}</span>
11
8
  <ul>
12
9
  {% for subitem in item.menu %}
13
10
  <li {% if subitem.url == page.url %} class="current" {% endif %}>
@@ -15,9 +12,7 @@
15
12
  </li>
16
13
  {% endfor %}
17
14
  </ul>
18
- </li>
19
15
  {% else %}
20
- <li {% if item.url == page.url %} class="current" {% endif %}>
21
16
  <a href="{{ item.url | absolute_url }}">{{ item.title }}</a>
22
17
  </li>
23
18
  {% endif %}
@@ -1,5 +1,5 @@
1
1
  <!-- Sidebar -->
2
- <div id="sidebar">
2
+ <div id="sidebar" class="inverted">
3
3
  <div class="inner">
4
4
 
5
5
  <!-- Search -->
@@ -11,7 +11,10 @@
11
11
 
12
12
  {% include navigation.html menu=include.menu %}
13
13
 
14
- {% include footer.html %}
14
+ {% include social.html %}
15
15
 
16
16
  </div>
17
+
18
+ {% include toggle.html %}
19
+
17
20
  </div>
@@ -0,0 +1,38 @@
1
+ <!-- Social Icons -->
2
+ <div id="social">
3
+ <ul class="icons">
4
+ {% if site.twitter_url %}
5
+ <li><a href="{{ site.twitter_url }}" class="icon brands fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
6
+ {% endif %}
7
+ {% if site.facebook_url %}
8
+ <li><a href="{{ site.facebook_url }}" class="icon brands fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
9
+ {% endif %}
10
+ {% if site.snapchat_url %}
11
+ <li><a href="{{ site.snapchat_url }}" class="icon brands fa-snapchat-ghost" target="_blank"><span class="label">Facebook</span></a></li>
12
+ {% endif %}
13
+ {% if site.medium_url %}
14
+ <li><a href="{{ site.medium_url }}" class="icon brands fa-medium-m" target="_blank"><span class="label">Facebook</span></a></li>
15
+ {% endif %}
16
+ {% if site.instagram_url %}
17
+ <li><a href="{{ site.instagram_url }}" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
18
+ {% endif %}
19
+ {% if site.pinterest_url %}
20
+ <li><a href="{{ site.pinterest_url }}" class="icon brands fa-pinterest" target="_blank"><span class="label">Pinterest</span></a></li>
21
+ {% endif %}
22
+ {% if site.500px_url %}
23
+ <li><a href="{{ site.500px_url }}" class="icon brands fa-500px" target="_blank"><span class="label">500px</span></a></li>
24
+ {% endif %}
25
+ {% if site.gitlab_url %}
26
+ <li><a href="{{ site.gitlab_url }}" class="icon brands fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
27
+ {% endif %}
28
+ {% if site.github_url %}
29
+ <li><a href="{{ site.github_url }}" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
30
+ {% endif %}
31
+ {% if site.slack_url %}
32
+ <li><a href="{{ site.slack_url }}" class="icon brands fa-slack" target="_blank"><span class="label">Slack</span></a></li>
33
+ {% endif %}
34
+ {% if site.linkedin_url %}
35
+ <li><a href="{{ site.linkedin_url }}" class="icon brands fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
36
+ {% endif %}
37
+ </ul>
38
+ </div>
@@ -0,0 +1,5 @@
1
+ <a id="sidebar-toggle-button" href="#sidebar" class="toggle">Toggle</a>
2
+ <a id="sidebar-search-button" href="#sidebar" class="toggle">Search</a>
3
+ <a id="sidebar-logo-button" href="{{ '' | absolute_url }}" class="toggle">
4
+ {% include logo.html %}
5
+ </a>
@@ -31,6 +31,8 @@
31
31
 
32
32
  </div>
33
33
 
34
+ {% include footer.html %}
35
+
34
36
  {% include scripts.html %}
35
37
 
36
38
  </body>
@@ -6,182 +6,232 @@
6
6
 
7
7
  /* Type */
8
8
 
9
- body, input, select, textarea {
10
- color: _palette(fg);
11
- font-family: _font(family);
12
- font-size: 13pt;
13
- font-weight: _font(weight);
14
- line-height: 1.65;
15
-
16
- @include breakpoint('<=xlarge') {
17
- font-size: 11pt;
18
- }
9
+ body, input, select, textarea {
10
+ color: _palette(fg);
11
+ font-family: _font(family);
12
+ font-size: 13pt;
13
+ font-weight: _font(weight);
14
+ line-height: 1.65;
19
15
 
20
- @include breakpoint('<=large') {
21
- font-size: 10pt;
22
- }
16
+ @include breakpoint('<=xlarge') {
17
+ font-size: 11pt;
18
+ }
23
19
 
24
- @include breakpoint('<=xxsmall') {
25
- font-size: 9pt;
26
- }
20
+ @include breakpoint('<=large') {
21
+ font-size: 10pt;
27
22
  }
28
23
 
29
- a {
30
- @include vendor('transition', (
31
- 'color #{_duration(transition)} ease-in-out',
32
- 'border-bottom-color #{_duration(transition)} ease-in-out'
33
- ));
34
- border-bottom: dotted 1px;
35
- color: _palette(accent);
36
- text-decoration: none;
24
+ @include breakpoint('<=xxsmall') {
25
+ font-size: 9pt;
26
+ }
27
+ }
37
28
 
38
- &:hover {
39
- border-bottom-color: _palette(accent);
40
- color: _palette(accent) !important;
29
+ a {
30
+ @include vendor('transition', (
31
+ 'color #{_duration(transition)} ease-in-out',
32
+ 'border-bottom-color #{_duration(transition)} ease-in-out'
33
+ ));
34
+ border-bottom: dotted 1px;
35
+ color: _palette(accent);
36
+ text-decoration: none;
41
37
 
42
- strong {
43
- color: inherit;
44
- }
38
+ &:hover {
39
+ border-bottom-color: _palette(accent);
40
+ color: _palette(accent);
41
+
42
+ strong {
43
+ color: inherit;
45
44
  }
46
45
  }
46
+ }
47
47
 
48
- strong, b {
49
- color: _palette(fg-bold);
50
- font-weight: _font(weight-bold);
51
- }
48
+ strong, b {
49
+ color: _palette(fg-bold);
50
+ font-weight: _font(weight-bold);
51
+ }
52
52
 
53
- em, i {
54
- font-style: italic;
55
- }
53
+ em, i {
54
+ font-style: italic;
55
+ }
56
56
 
57
- p {
58
- margin: 0 0 _size(element-margin) 0;
59
- }
57
+ p {
58
+ margin: 0 0 _size(element-margin) 0;
59
+ }
60
60
 
61
- h1, h2, h3, h4, h5, h6 {
62
- color: _palette(fg-bold);
63
- font-family: _font(family-heading);
64
- font-weight: _font(weight-heading);
65
- line-height: 1.5;
66
- margin: 0 0 (_size(element-margin) * 0.5) 0;
61
+ h1, h2, h3, h4, h5, h6 {
62
+ color: _palette(fg-bold);
63
+ font-family: _font(family-heading);
64
+ font-weight: _font(weight-heading);
65
+ line-height: 1.5;
66
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
67
67
 
68
- a {
69
- color: inherit;
70
- text-decoration: none;
71
- border-bottom: 0;
72
- }
68
+ a {
69
+ color: inherit;
70
+ text-decoration: none;
71
+ border-bottom: 0;
73
72
  }
73
+ }
74
74
 
75
+ h1 {
76
+ font-size: 4em;
77
+ margin: 0 0 (_size(element-margin) * 0.25) 0;
78
+ line-height: 1.3;
79
+ }
80
+
81
+ h2 {
82
+ font-size: 1.75em;
83
+ }
84
+
85
+ h3 {
86
+ font-size: 1.25em;
87
+ }
88
+
89
+ h4 {
90
+ font-size: 1.1em;
91
+ }
92
+
93
+ h5 {
94
+ font-size: 0.9em;
95
+ }
96
+
97
+ h6 {
98
+ font-size: 0.7em;
99
+ }
100
+
101
+ @include breakpoint('<=xlarge') {
75
102
  h1 {
76
- font-size: 4em;
77
- margin: 0 0 (_size(element-margin) * 0.25) 0;
78
- line-height: 1.3;
103
+ font-size: 3.5em;
79
104
  }
105
+ }
80
106
 
81
- h2 {
82
- font-size: 1.75em;
107
+ @include breakpoint('<=medium') {
108
+ h1 {
109
+ font-size: 3.25em;
83
110
  }
111
+ }
84
112
 
85
- h3 {
86
- font-size: 1.25em;
113
+ @include breakpoint('<=small') {
114
+ h1 {
115
+ font-size: 2em;
116
+ line-height: 1.4;
87
117
  }
88
118
 
89
- h4 {
90
- font-size: 1.1em;
91
- }
119
+ h2 {
120
+ font-size: 1.5em;
121
+ }
122
+ }
123
+
124
+ sub {
125
+ font-size: 0.8em;
126
+ position: relative;
127
+ top: 0.5em;
128
+ }
129
+
130
+ sup {
131
+ font-size: 0.8em;
132
+ position: relative;
133
+ top: -0.5em;
134
+ }
135
+
136
+ blockquote {
137
+ border-left: solid 3px _palette(border);
138
+ font-style: italic;
139
+ margin: 0 0 _size(element-margin) 0;
140
+ padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
141
+ }
142
+
143
+ code {
144
+ background: _palette(border-bg);
145
+ border-radius: _size(border-radius);
146
+ border: solid 1px _palette(border);
147
+ font-family: _font(family-fixed);
148
+ font-size: 0.9em;
149
+ margin: 0 0.25em;
150
+ padding: 0.25em 0.65em;
151
+ }
152
+
153
+ pre {
154
+ -webkit-overflow-scrolling: touch;
155
+ font-family: _font(family-fixed);
156
+ font-size: 0.9em;
157
+ margin: 0 0 _size(element-margin) 0;
92
158
 
93
- h5 {
94
- font-size: 0.9em;
159
+ code {
160
+ display: block;
161
+ line-height: 1.75;
162
+ padding: 1em 1.5em;
163
+ overflow-x: auto;
95
164
  }
165
+ }
96
166
 
97
- h6 {
98
- font-size: 0.7em;
99
- }
167
+ hr {
168
+ border: 0;
169
+ border-bottom: solid 1px _palette(border);
170
+ margin: _size(element-margin) 0;
100
171
 
101
- @include breakpoint('<=xlarge') {
102
- h1 {
103
- font-size: 3.5em;
104
- }
172
+ &.major {
173
+ margin: (_size(element-margin) * 1.5) 0;
105
174
  }
175
+ }
106
176
 
107
- @include breakpoint('<=medium') {
108
- h1 {
109
- font-size: 3.25em;
110
- }
111
- }
177
+ .align-left {
178
+ text-align: left;
179
+ }
112
180
 
113
- @include breakpoint('<=small') {
114
- h1 {
115
- font-size: 2em;
116
- line-height: 1.4;
117
- }
181
+ .align-center {
182
+ text-align: center;
183
+ }
118
184
 
119
- h2 {
120
- font-size: 1.5em;
121
- }
122
- }
185
+ .align-right {
186
+ text-align: right;
187
+ }
123
188
 
124
- sub {
125
- font-size: 0.8em;
126
- position: relative;
127
- top: 0.5em;
128
- }
189
+ /* Inverted */
129
190
 
130
- sup {
131
- font-size: 0.8em;
132
- position: relative;
133
- top: -0.5em;
134
- }
191
+ body .inverted {
192
+ color: _palette(fg-inverted);
193
+ }
135
194
 
136
- blockquote {
137
- border-left: solid 3px _palette(border);
138
- font-style: italic;
139
- margin: 0 0 _size(element-margin) 0;
140
- padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
195
+ .inverted {
196
+ input, select, textarea, p {
197
+ color: _palette(fg-inverted);
141
198
  }
142
199
 
143
- code {
144
- background: _palette(border-bg);
145
- border-radius: _size(border-radius);
146
- border: solid 1px _palette(border);
147
- font-family: _font(family-fixed);
148
- font-size: 0.9em;
149
- margin: 0 0.25em;
150
- padding: 0.25em 0.65em;
151
- }
152
-
153
- pre {
154
- -webkit-overflow-scrolling: touch;
155
- font-family: _font(family-fixed);
156
- font-size: 0.9em;
157
- margin: 0 0 _size(element-margin) 0;
158
-
159
- code {
160
- display: block;
161
- line-height: 1.75;
162
- padding: 1em 1.5em;
163
- overflow-x: auto;
200
+ a {
201
+ color: _palette(accent-inverted);
202
+
203
+ &:hover {
204
+ border-bottom-color: _palette(accent-cp);
205
+ color: _palette(accent-cp);
206
+
207
+ strong {
208
+ color: inherit;
209
+ }
164
210
  }
165
211
  }
166
212
 
167
- hr {
168
- border: 0;
169
- border-bottom: solid 1px _palette(border);
170
- margin: _size(element-margin) 0;
213
+ strong, b {
214
+ color: _palette(fg-bold-inverted);
215
+ }
171
216
 
172
- &.major {
173
- margin: (_size(element-margin) * 1.5) 0;
217
+ h1, h2, h3, h4, h5, h6 {
218
+ color: _palette(fg-bold-inverted);
219
+
220
+ a {
221
+ color: inherit;
174
222
  }
175
223
  }
176
224
 
177
- .align-left {
178
- text-align: left;
225
+ blockquote {
226
+ border-left: solid 3px _palette(border-inverted);
179
227
  }
180
228
 
181
- .align-center {
182
- text-align: center;
229
+ code {
230
+ background: _palette(border-bg-inverted);
231
+ border: solid 1px _palette(border-inverted);
183
232
  }
184
233
 
185
- .align-right {
186
- text-align: right;
187
- }
234
+ hr {
235
+ border-bottom: solid 1px _palette(border-inverted);
236
+ }
237
+ }