solar-flair 0.2.15 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|