jekyll-theme-consulting 0.8.14 → 0.9.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +2 -0
- data/_includes/contact.html +2 -2
- data/_includes/tabs.html +18 -0
- data/_sass/main.scss +2 -0
- data/_sass/main/components/_horizontal-tabs.scss +112 -0
- data/_sass/main/components/_vertical-tabs.scss +120 -0
- metadata +5 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ac627d4130c41e594d33fb96f74057c05d505ab3604632a7a756ae93e8b2ff29
|
|
4
|
+
data.tar.gz: 71fa22cfab9dc59b9fbecef6d5ba9ec6850835e4c832d5cc2fafd431306806f2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e725eabb3544b4c68590d3690506370989351054c3928384dfe16a27fb9af4de42ab4128bf95feb1735ff10cbdb90f6ad9cdf5f002b0cf7972b421f65c35a470
|
|
7
|
+
data.tar.gz: e03dfdea16e6dae387c2e3cd3f9c3b242b6bf2e69b6947afa074cbb227fa106f69dc947463ef09aefc601074f40c2ac2c8ca2d11e7a9fb4e76d1a1a15e6e0cf1
|
data/README.md
CHANGED
|
@@ -14,6 +14,8 @@ You can preview the theme [here](https://moodule.github.io/jekyll-theme-consulti
|
|
|
14
14
|
|
|
15
15
|
> **Customizable**: theme colors, menu, social items can be changed from a central config file
|
|
16
16
|
|
|
17
|
+
> **Many Widgets**: tabs, mini-posts, spotlight, feature listings, and more can be easily inserted without worrying about their internals
|
|
18
|
+
|
|
17
19
|
> **Many templates**: contact forms, navigation menus, and others can be easily inserted thanks to custom Jekyll includes
|
|
18
20
|
|
|
19
21
|
> **Vector images**: the theme images are vectorized, render smoothly on any display and can be dynamically styled
|
data/_includes/contact.html
CHANGED
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
</div>
|
|
19
19
|
<div class="col-6 col-12-medium col-12-small col-12-xsmall">
|
|
20
20
|
<ul class="contact">
|
|
21
|
-
<li class="icon solid fa-envelope"><a href="
|
|
22
|
-
<li class="icon solid fa-phone">{{ site.phone }}</li>
|
|
21
|
+
<li class="icon solid fa-envelope"><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
|
|
22
|
+
<li class="icon solid fa-phone"><a href="tel:{{ site.phone }}">{{ site.phone }}</a></li>
|
|
23
23
|
<li class="icon solid fa-home">{{ site.street_address }}<br />
|
|
24
24
|
{{ site.zip_code }}, {{ site.city }}</li>
|
|
25
25
|
</ul>
|
data/_includes/tabs.html
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{%- assign show-title = include.show-title | default: true -%}
|
|
2
|
+
<div {% if include.id %}id="{{ include.id }}"{% endif %} class="vertical-tabset">
|
|
3
|
+
{%- for tab in include.tabs -%}
|
|
4
|
+
{%- capture tab-id -%}tab{{ forloop.index }}-{{ tab.id | default: tab.title | slugify }}{%- endcapture -%}
|
|
5
|
+
<div id="{{ tab-id }}" class="vertical-tab">
|
|
6
|
+
{%- if forloop.first == true -%}
|
|
7
|
+
<input type="radio" name="{{ include.id }}" id="option-{{ tab-id }}" checked>
|
|
8
|
+
{%- else -%}
|
|
9
|
+
<input type="radio" name="{{ include.id }}" id="option-{{ tab-id }}">
|
|
10
|
+
{%- endif -%}
|
|
11
|
+
<label for="option-{{ tab-id }}" style="width: {{ include.header-width | default: 30 }}%;">{{ tab.title }}</label>
|
|
12
|
+
<section class="tab-panel" style="left: {{ include.header-width | default: 30 }}%;">
|
|
13
|
+
{% if show-title == true %}<h2>{{ tab.title }}</h2>{% endif %}
|
|
14
|
+
<p>{{ tab.content }}</p>
|
|
15
|
+
</section>
|
|
16
|
+
</div>
|
|
17
|
+
{%- endfor -%}
|
|
18
|
+
</div>
|
data/_sass/main.scss
CHANGED
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Hide the radio buttons
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
.horizontal-tabset > input[type="radio"] {
|
|
6
|
+
position: absolute;
|
|
7
|
+
left: -200vw;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/*
|
|
11
|
+
Toggle
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
.horizontal-tabset .tab-panel {
|
|
15
|
+
display: none;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.horizontal-tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
|
|
19
|
+
.horizontal-tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
|
|
20
|
+
.horizontal-tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
|
|
21
|
+
.horizontal-tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
|
|
22
|
+
.horizontal-tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
|
|
23
|
+
.horizontal-tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
|
|
24
|
+
display: block;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/*
|
|
28
|
+
Common style
|
|
29
|
+
*/
|
|
30
|
+
|
|
31
|
+
.horizontal-tabset > input[type="radio"] + label {
|
|
32
|
+
position: relative;
|
|
33
|
+
display: inline-block;
|
|
34
|
+
margin: 0 !important;
|
|
35
|
+
padding: 15px 15px 25px !important;
|
|
36
|
+
border: 2px solid transparent;
|
|
37
|
+
border-bottom: 0;
|
|
38
|
+
cursor: pointer;
|
|
39
|
+
font-weight: bold;
|
|
40
|
+
z-index: 100;
|
|
41
|
+
|
|
42
|
+
&::before {
|
|
43
|
+
display: none !important;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&::after {
|
|
47
|
+
content: "";
|
|
48
|
+
position: absolute;
|
|
49
|
+
left: 15px;
|
|
50
|
+
bottom: 10px;
|
|
51
|
+
width: 22px;
|
|
52
|
+
height: 4px;
|
|
53
|
+
background: _palette(border);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.horizontal-tabset .tab-panels .tab-panel {
|
|
58
|
+
padding: 30px 0;
|
|
59
|
+
border-top: 2px solid _palette(accent);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/*
|
|
63
|
+
Active style
|
|
64
|
+
*/
|
|
65
|
+
|
|
66
|
+
.horizontal-tabset > label:hover,
|
|
67
|
+
.horizontal-tabset > input[type="radio"]:focus + label {
|
|
68
|
+
color: _palette(accent);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.horizontal-tabset > label:hover::after,
|
|
72
|
+
.horizontal-tabset > input[type="radio"]:focus + label::after,
|
|
73
|
+
.horizontal-tabset > input[type="radio"]:checked + label::after {
|
|
74
|
+
background: _palette(accent);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.horizontal-tabset > input[type="radio"]:checked + label {
|
|
78
|
+
border-color: _palette(accent);
|
|
79
|
+
border-bottom: 2px solid _palette(bg);
|
|
80
|
+
margin: 0 0 -2px 0 !important;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/*
|
|
84
|
+
Inverted
|
|
85
|
+
*/
|
|
86
|
+
|
|
87
|
+
.inverted .horizontal-tabset > input[type="radio"] + label {
|
|
88
|
+
color: _palette(fg-inverted);
|
|
89
|
+
|
|
90
|
+
&::after {
|
|
91
|
+
background: _palette(border-inverted);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
/*
|
|
96
|
+
Inverted & active
|
|
97
|
+
*/
|
|
98
|
+
|
|
99
|
+
.inverted .horizontal-tabset > label:hover,
|
|
100
|
+
.inverted .horizontal-tabset > input[type="radio"]:focus + label {
|
|
101
|
+
color: _palette(accent);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.inverted .horizontal-tabset > label:hover::after,
|
|
105
|
+
.inverted .horizontal-tabset > input[type="radio"]:focus + label::after,
|
|
106
|
+
.inverted .horizontal-tabset > input[type="radio"]:checked + label::after {
|
|
107
|
+
background: _palette(accent);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.inverted .horizontal-tabset > input[type="radio"]:checked + label {
|
|
111
|
+
border-bottom: 2px solid _palette(bg-alt-inverted);
|
|
112
|
+
}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Hide the radio buttons
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
.vertical-tabset input[type="radio"] {
|
|
6
|
+
position: absolute;
|
|
7
|
+
left: -200vw;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/*
|
|
11
|
+
Toggle
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
.vertical-tabset .vertical-tab .tab-panel {
|
|
15
|
+
display: none;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.vertical-tabset .vertical-tab input[type="radio"]:checked ~ .tab-panel {
|
|
19
|
+
display: block;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/*
|
|
23
|
+
Common style
|
|
24
|
+
*/
|
|
25
|
+
|
|
26
|
+
.vertical-tabset {
|
|
27
|
+
position: relative;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.vertical-tabset .vertical-tab {
|
|
31
|
+
display: block;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.vertical-tabset input[type="radio"] + label {
|
|
35
|
+
position: relative;
|
|
36
|
+
display: inline-block;
|
|
37
|
+
margin: 0 !important;
|
|
38
|
+
padding: 15px 15px 25px !important;
|
|
39
|
+
border: 2px solid transparent;
|
|
40
|
+
border-right: 0;
|
|
41
|
+
cursor: pointer;
|
|
42
|
+
font-weight: bold;
|
|
43
|
+
width: 40%;
|
|
44
|
+
z-index:100;
|
|
45
|
+
|
|
46
|
+
&::before {
|
|
47
|
+
display: none !important;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
&::after {
|
|
51
|
+
content: "";
|
|
52
|
+
position: absolute;
|
|
53
|
+
left: 15px;
|
|
54
|
+
bottom: 10px;
|
|
55
|
+
width: 22px;
|
|
56
|
+
height: 4px;
|
|
57
|
+
background: _palette(border);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.vertical-tabset .vertical-tab .tab-panel {
|
|
62
|
+
position: absolute;
|
|
63
|
+
top: 0;
|
|
64
|
+
left: 40%;
|
|
65
|
+
padding: 0 30px;
|
|
66
|
+
margin: 0 0 0 -2px;
|
|
67
|
+
border-left: 2px solid _palette(accent);
|
|
68
|
+
height: 100%;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/*
|
|
72
|
+
Active
|
|
73
|
+
*/
|
|
74
|
+
|
|
75
|
+
.vertical-tabset label:hover,
|
|
76
|
+
.vertical-tabset input[type="radio"]:focus + label {
|
|
77
|
+
color: _palette(accent);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.vertical-tabset label:hover::after,
|
|
81
|
+
.vertical-tabset input[type="radio"]:focus + label::after,
|
|
82
|
+
.vertical-tabset input[type="radio"]:checked + label::after {
|
|
83
|
+
background: _palette(accent);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.vertical-tabset input[type="radio"]:checked + label {
|
|
87
|
+
border-color: _palette(accent);
|
|
88
|
+
border-right: 2px solid _palette(bg);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
/*
|
|
92
|
+
Inverted
|
|
93
|
+
*/
|
|
94
|
+
|
|
95
|
+
.inverted .vertical-tabset input[type="radio"] + label {
|
|
96
|
+
color: _palette(fg-inverted);
|
|
97
|
+
|
|
98
|
+
&::after {
|
|
99
|
+
background: _palette(border-inverted);
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
/*
|
|
104
|
+
Inverted & active
|
|
105
|
+
*/
|
|
106
|
+
|
|
107
|
+
.inverted .vertical-tabset input[type="radio"] label:hover,
|
|
108
|
+
.inverted .vertical-tabset input[type="radio"]:focus + label {
|
|
109
|
+
color: _palette(accent);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.inverted .vertical-tabset input[type="radio"] label:hover::after,
|
|
113
|
+
.inverted .vertical-tabset input[type="radio"]:focus + label::after,
|
|
114
|
+
.inverted .vertical-tabset input[type="radio"]:checked + label::after {
|
|
115
|
+
background: _palette(accent);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.inverted .vertical-tabset input[type="radio"]:checked + label {
|
|
119
|
+
border-right: 2px solid _palette(bg-alt-inverted);
|
|
120
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-consulting
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.9.4
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Moodule
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2020-07-
|
|
11
|
+
date: 2020-07-30 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -91,6 +91,7 @@ files:
|
|
|
91
91
|
- _includes/search.html
|
|
92
92
|
- _includes/sidebar.html
|
|
93
93
|
- _includes/social.html
|
|
94
|
+
- _includes/tabs.html
|
|
94
95
|
- _includes/thread.html
|
|
95
96
|
- _includes/toggle.html
|
|
96
97
|
- _includes/waves/bottom.html
|
|
@@ -151,6 +152,7 @@ files:
|
|
|
151
152
|
- _sass/main/components/_facts.scss
|
|
152
153
|
- _sass/main/components/_features.scss
|
|
153
154
|
- _sass/main/components/_form.scss
|
|
155
|
+
- _sass/main/components/_horizontal-tabs.scss
|
|
154
156
|
- _sass/main/components/_icon.scss
|
|
155
157
|
- _sass/main/components/_icons.scss
|
|
156
158
|
- _sass/main/components/_image.scss
|
|
@@ -162,6 +164,7 @@ files:
|
|
|
162
164
|
- _sass/main/components/_row.scss
|
|
163
165
|
- _sass/main/components/_section.scss
|
|
164
166
|
- _sass/main/components/_table.scss
|
|
167
|
+
- _sass/main/components/_vertical-tabs.scss
|
|
165
168
|
- _sass/main/layout/_banner.scss
|
|
166
169
|
- _sass/main/layout/_footer.scss
|
|
167
170
|
- _sass/main/layout/_header.scss
|