solar-flair 0.2.15 → 0.3.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.
- checksums.yaml +5 -5
- data/_includes/footer.html +4 -0
- data/_includes/head.html +24 -3
- data/_includes/header.html +8 -6
- data/_layouts/default.html +2 -2
- data/_layouts/home.html +1 -1
- data/_layouts/styleguide.html +3 -0
- data/_layouts/teaser.html +1 -4
- data/_sass/solar-flair.scss +3 -1
- data/_sass/solar-flair/_background-utilities.scss +49 -0
- data/_sass/solar-flair/_home.scss +5 -5
- data/_sass/solar-flair/_navbar.scss +0 -0
- data/assets/main.scss +3 -2
- metadata +5 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
2
|
+
SHA1:
|
|
3
|
+
metadata.gz: 094d828efea2c8815fca71d611a5802264d9dc56
|
|
4
|
+
data.tar.gz: 0dcd84f2594241285c4c02b538ec05015604fbc1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 61dcede5270a43f754e293fefcbae3c6d24945f951fcbdfd5a6cbdf9fca32ec76c8e961f1454cb293fc79148ea72ac2047e368b4879fa80780891ff92432924a
|
|
7
|
+
data.tar.gz: 0ba856ff4a2312260b1cb34914581fc2d2bff0c932cd47bd368b862d1fe1424439273e1f4bce70086887351c9752123b8eeef054e7f0cdcfdf3abc33d5a95bcf
|
data/_includes/footer.html
CHANGED
|
@@ -44,16 +44,20 @@
|
|
|
44
44
|
<div py-2 class="col-12 order-3 order-md-1 col-md-4 my-auto">
|
|
45
45
|
<div class="container-fluid text-center list-unstyled">
|
|
46
46
|
<div class="row">
|
|
47
|
+
{% if site.twitter %}
|
|
47
48
|
<div class="col-3 py-2">
|
|
48
49
|
<a target="_blank" alt="Twitter" href="https://twitter.com/{{ site.twitter }}">
|
|
49
50
|
<i class="fab fa-twitter-square fa-3x icon-grey sr-pop-a" aria-hidden="true"></i>
|
|
50
51
|
</a>
|
|
51
52
|
</div>
|
|
53
|
+
{% endif %}
|
|
54
|
+
{% if site.pinterest %}
|
|
52
55
|
<div class="col-3 py-2">
|
|
53
56
|
<a class="grey" target="_blank" alt="Pinterest" href="https://www.pinterest.com/{{ site.pinterest }}/">
|
|
54
57
|
<i class="fab fa-pinterest fa-3x sr-pop-b" aria-hidden="true"></i>
|
|
55
58
|
</a>
|
|
56
59
|
</div>
|
|
60
|
+
{% endif %}
|
|
57
61
|
<div class="col-3 py-2">
|
|
58
62
|
<a target="_blank" alt="Facebook" href="https://www.facebook.com/{{ site.facebook }}/">
|
|
59
63
|
<i class="fab fa-facebook-square fa-3x icon-grey sr-pop-c" aria-hidden="true"></i>
|
data/_includes/head.html
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
<head>
|
|
2
|
-
{% assign
|
|
3
|
-
{% assign favicon = site.data.theme[
|
|
2
|
+
{% assign theme_style = page.theme_style | default: site.theme_style %}
|
|
3
|
+
{% assign favicon = site.data.theme[theme_style].favicon %}
|
|
4
|
+
{% assign color = site.data.theme[theme_style].color %}
|
|
5
|
+
|
|
4
6
|
|
|
5
7
|
{% if site.gtm_id %}
|
|
6
8
|
<!-- Google Tag Manager -->
|
|
@@ -24,7 +26,26 @@
|
|
|
24
26
|
<!-- Meta Tags -->
|
|
25
27
|
<title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
|
|
26
28
|
<meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
|
|
27
|
-
|
|
29
|
+
|
|
30
|
+
<!-- Favicons -->
|
|
31
|
+
<link rel="apple-touch-icon" sizes="180x180" href="{{ favicon }}/apple-touch-icon.png">
|
|
32
|
+
<link rel="icon" type="image/png" sizes="32x32" href="{{ favicon }}/favicon-32x32.png">
|
|
33
|
+
<link rel="icon" type="image/png" sizes="16x16" href="{{ favicon }}/favicon-16x16.png">
|
|
34
|
+
<link rel="manifest" href="{{ favicon }}/site.webmanifest">
|
|
35
|
+
<link rel="mask-icon" href="{{ favicon }}/safari-pinned-tab.svg" color="{{ color }}">
|
|
36
|
+
<link rel="shortcut icon" href="{{ favicon }}/favicon.ico">
|
|
37
|
+
<meta name="msapplication-TileColor" content="{{ color }}">
|
|
38
|
+
<meta name="msapplication-config" content="{{ favicon }}/browserconfig.xml">
|
|
39
|
+
<meta name="theme-color" content="{{ color }}">
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
<!-- <link rel="apple-touch-icon" sizes="180x180" href="{{ favicon }}/apple-touch-icon.png">
|
|
43
|
+
<link rel="icon" type="image/png" sizes="32x32" href="{{ favicon }}/favicon-32x32.png">
|
|
44
|
+
<link rel="icon" type="image/png" sizes="16x16" href="{{ favicon }}/favicon-16x16.png">
|
|
45
|
+
<link rel="manifest" href="{{ favicon }}/site.webmanifest">
|
|
46
|
+
<link rel="mask-icon" href="{{ favicon }}/safari-pinned-tab.svg" color="{{ color }}">
|
|
47
|
+
<meta name="msapplication-TileColor" content="{{ color }}">
|
|
48
|
+
<meta name="theme-color" content="#ffffff"> -->
|
|
28
49
|
|
|
29
50
|
<!-- Open Graph Tags -->
|
|
30
51
|
<meta content="{{ site.title }}" property="og:site_name">
|
data/_includes/header.html
CHANGED
|
@@ -3,16 +3,18 @@
|
|
|
3
3
|
{% assign default_paths = pages | map: "path" %}
|
|
4
4
|
{% assign page_paths = site.header_pages | default: default_paths %}
|
|
5
5
|
|
|
6
|
-
{% assign
|
|
7
|
-
{% assign favicon = site.data.theme[
|
|
6
|
+
{% assign theme_style = page.theme_style | default: site.theme_style %}
|
|
7
|
+
{% assign favicon = site.data.theme[theme_style].favicon %}
|
|
8
|
+
{% assign logo = site.data.theme[theme_style].logo %}
|
|
9
|
+
{% assign navBG = site.data.theme[theme_style].navbar-bg %}
|
|
10
|
+
{% assign navColor = site.data.theme[theme_style].navbar-color %}
|
|
8
11
|
|
|
9
12
|
{% if page_paths %}
|
|
10
|
-
|
|
11
|
-
<nav id="mainNav" class="navbar navbar-expand-lg justify-content-between navbar-light fixed-top">
|
|
13
|
+
<nav id="mainNav" class="navbar navbar-expand-lg justify-content-between fixed-top navbar-{{ navColor }} bg-{{ navBG }}">
|
|
12
14
|
<a class="navbar-brand" href="{{ site.brand_url }}">
|
|
13
|
-
<img src="{{
|
|
15
|
+
<img src="{{ logo }}" height="30" alt=""></a>
|
|
14
16
|
{% if site.title_1 && site.title_2 %}
|
|
15
|
-
<a class="nav-link sitename" href="/"><span class="bold {{
|
|
17
|
+
<a class="nav-link sitename" href="/"><span class="bold {{ theme_style }} ">{{ site.title_1 }}</span> <span class="grey">{{ site.title_2 }}</span> <span class="sr-only">(current)</span>
|
|
16
18
|
{% else %}
|
|
17
19
|
<a class="nav-link sitename" href="/"><span class="bold">{{ site.title }}</span> <span class="sr-only">(current)</span>
|
|
18
20
|
{% endif %}
|
data/_layouts/default.html
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
|
|
3
|
-
{% assign
|
|
3
|
+
{% assign theme_style = page.theme_style | default: site.theme_style %}
|
|
4
4
|
|
|
5
5
|
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
|
6
6
|
|
|
7
7
|
{% include head.html %}
|
|
8
8
|
|
|
9
|
-
<body class="{{
|
|
9
|
+
<body class="{{ theme_style }}">
|
|
10
10
|
{% if site.gtm_id %}
|
|
11
11
|
<!-- Google Tag Manager (noscript) -->
|
|
12
12
|
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ site.gtm_id }}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
data/_layouts/home.html
CHANGED
|
@@ -6,7 +6,7 @@ layout: default
|
|
|
6
6
|
{% assign favicon = site.data.theme[color].favicon %}
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
<div class="jumbotron jumbotron-fluid eq-height home-{{ color }} vh{{ site.vertical_height }}" >
|
|
9
|
+
<div class="jumbotron jumbotron-fluid eq-height home-{{ color }} vh{{ site.vertical_height }} mb-0" >
|
|
10
10
|
<div class="container bottom text-center py-5">
|
|
11
11
|
<h1 class="display-5 mb-0 sr-contact">{{ site.title}}</h1>
|
|
12
12
|
<p class="lead p-1 bold sr-contact" >{{ site.slug }}</p>
|
data/_layouts/styleguide.html
CHANGED
|
@@ -38,6 +38,9 @@ layout: default
|
|
|
38
38
|
</tr>
|
|
39
39
|
|
|
40
40
|
{% for theme in site.data.theme %}
|
|
41
|
+
{% if theme[0] != 'one' and theme[0] != 'two' and theme[0] != 'three' and theme[0] != 'four' and theme[0] != 'grey' %}
|
|
42
|
+
{% continue %}
|
|
43
|
+
{% endif %}
|
|
41
44
|
<tr>
|
|
42
45
|
<td class="text-center text-l30-{{ theme[0] }}">
|
|
43
46
|
<i class="fas fa-square fa-4x "></i><br><code class="output "></code>
|
data/_layouts/teaser.html
CHANGED
|
@@ -10,16 +10,13 @@ layout: default
|
|
|
10
10
|
<h1 class="display-3 mb-0 sr-contact">{{ site.title}}</h1>
|
|
11
11
|
<p class="lead p-1 bold sr-contact" >{{ slug }}</p>
|
|
12
12
|
|
|
13
|
-
<button type="button" class="btn btn-outline-light sr-button" onclick="location.href = '
|
|
14
|
-
|
|
13
|
+
<button type="button" class="btn btn-outline-light sr-button" onclick="location.href = '{{ page.cta-url }}';" >{{ page.cta-text }}</button>
|
|
15
14
|
|
|
16
15
|
</div>
|
|
17
16
|
</div>
|
|
18
17
|
|
|
19
18
|
|
|
20
19
|
|
|
21
|
-
{{ content }}
|
|
22
|
-
|
|
23
20
|
|
|
24
21
|
|
|
25
22
|
|
data/_sass/solar-flair.scss
CHANGED
|
@@ -54,7 +54,9 @@ $on-laptop: 800px !default;
|
|
|
54
54
|
"solar-flair/lists",
|
|
55
55
|
"solar-flair/jumbotron",
|
|
56
56
|
"solar-flair/headers",
|
|
57
|
-
"solar-flair/home"
|
|
57
|
+
"solar-flair/home",
|
|
58
|
+
"solar-flair/navbar",
|
|
59
|
+
"solar-flair/background-utilities"
|
|
58
60
|
// "solar-flair/layout",
|
|
59
61
|
// "solar-flair/syntax-highlighting"
|
|
60
62
|
;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
// @each $color, $value in $theme-colors {
|
|
2
|
+
// @include bg-variant(".bg-#{$color}", $value);
|
|
3
|
+
// }
|
|
4
|
+
|
|
5
|
+
.bg-one{
|
|
6
|
+
background: $color-one;
|
|
7
|
+
background:
|
|
8
|
+
linear-gradient(
|
|
9
|
+
to bottom right,
|
|
10
|
+
rgba(lighten($color-one, 2%), 1),
|
|
11
|
+
rgba(darken($color-one, 2%), 1)
|
|
12
|
+
);
|
|
13
|
+
}
|
|
14
|
+
.bg-two{
|
|
15
|
+
background: $color-two;
|
|
16
|
+
background:
|
|
17
|
+
linear-gradient(
|
|
18
|
+
to bottom right,
|
|
19
|
+
rgba(lighten($color-two, 2%), 1),
|
|
20
|
+
rgba(darken($color-two, 2%), 1)
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
.bg-three{
|
|
24
|
+
background: $color-three;
|
|
25
|
+
background:
|
|
26
|
+
linear-gradient(
|
|
27
|
+
to bottom right,
|
|
28
|
+
rgba(lighten($color-three, 2%), 1),
|
|
29
|
+
rgba(darken($color-three, 2%), 1)
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
.bg-four{
|
|
33
|
+
background: $color-four;
|
|
34
|
+
background:
|
|
35
|
+
linear-gradient(
|
|
36
|
+
to bottom right,
|
|
37
|
+
rgba(lighten($color-four, 2%), 1),
|
|
38
|
+
rgba(darken($color-four, 2%), 1)
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
.bg-grey{
|
|
42
|
+
background: $color-grey;
|
|
43
|
+
background:
|
|
44
|
+
linear-gradient(
|
|
45
|
+
to bottom right,
|
|
46
|
+
rgba(lighten($color-grey, 2%), 1),
|
|
47
|
+
rgba(darken($color-grey, 2%), 1)
|
|
48
|
+
);
|
|
49
|
+
}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
rgba(lighten($color-grey, 10%), .7),
|
|
31
31
|
rgba($color-grey, 1)
|
|
32
32
|
),
|
|
33
|
-
url(
|
|
33
|
+
url(#{$pattern});
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.home-one{
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
rgba(lighten($color-one, 10%), .7),
|
|
46
46
|
rgba($color-one, 1)
|
|
47
47
|
),
|
|
48
|
-
url(
|
|
48
|
+
url(#{$pattern});
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.home-two{
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
rgba(lighten($color-two, 10%), .7),
|
|
61
61
|
rgba($color-two, 1)
|
|
62
62
|
),
|
|
63
|
-
url(
|
|
63
|
+
url(#{$pattern});
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
.home-three{
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
rgba(lighten($color-three, 10%), .7),
|
|
76
76
|
rgba($color-three, 1)
|
|
77
77
|
),
|
|
78
|
-
url(
|
|
78
|
+
url(#{$pattern});
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
.home-four{
|
|
@@ -90,5 +90,5 @@
|
|
|
90
90
|
rgba(lighten($color-four, 10%), .7),
|
|
91
91
|
rgba($color-four, 1)
|
|
92
92
|
),
|
|
93
|
-
url(
|
|
93
|
+
url(#{$pattern});
|
|
94
94
|
}
|
|
File without changes
|
data/assets/main.scss
CHANGED
|
@@ -8,8 +8,9 @@
|
|
|
8
8
|
// $color-three: #14A1AF !default;
|
|
9
9
|
// $color-four: #9E1D58 !default;
|
|
10
10
|
// $color-grey: #828282 !default;
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
{% if site.data.theme['pattern'] %}
|
|
12
|
+
$pattern: {{ site.data.theme['pattern'].path }} +"."+ {{ site.data.theme['pattern'].ext }};
|
|
13
|
+
{% endif %}
|
|
13
14
|
{% if site.data.theme['one'] %}
|
|
14
15
|
$color-one: {{ site.data.theme['one'].color }};
|
|
15
16
|
{% endif %}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: solar-flair
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.3.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Nicholas D. Kline
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2018-
|
|
11
|
+
date: 2018-04-02 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -78,6 +78,7 @@ files:
|
|
|
78
78
|
- _layouts/teaser.html
|
|
79
79
|
- _layouts/timeline.html
|
|
80
80
|
- _sass/solar-flair.scss
|
|
81
|
+
- _sass/solar-flair/_background-utilities.scss
|
|
81
82
|
- _sass/solar-flair/_base.scss
|
|
82
83
|
- _sass/solar-flair/_gradients.scss
|
|
83
84
|
- _sass/solar-flair/_headers.scss
|
|
@@ -87,6 +88,7 @@ files:
|
|
|
87
88
|
- _sass/solar-flair/_layout.scss
|
|
88
89
|
- _sass/solar-flair/_links.scss
|
|
89
90
|
- _sass/solar-flair/_lists.scss
|
|
91
|
+
- _sass/solar-flair/_navbar.scss
|
|
90
92
|
- _sass/solar-flair/_promo.scss
|
|
91
93
|
- _sass/solar-flair/_syntax-highlighting.scss
|
|
92
94
|
- _sass/solar-flair/_timeliner-overrides.scss
|
|
@@ -153,7 +155,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
153
155
|
version: '0'
|
|
154
156
|
requirements: []
|
|
155
157
|
rubyforge_project:
|
|
156
|
-
rubygems_version: 2.
|
|
158
|
+
rubygems_version: 2.2.2
|
|
157
159
|
signing_key:
|
|
158
160
|
specification_version: 4
|
|
159
161
|
summary: Solar Flair is a flexible Jekyll theme allowing users to compile colorful
|