solar-flair 0.2.11 → 0.2.12
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/footer.html +40 -21
- data/_includes/head.html +14 -0
- data/_layouts/timeline.html +238 -0
- data/_sass/solar-flair.scss +1 -0
- data/_sass/solar-flair/_headers.scss +3 -3
- data/_sass/solar-flair/_timeliner-overrides.scss +72 -0
- data/assets/images/timeline_century_tick.gif +0 -0
- data/assets/images/timeline_decade_tick.gif +0 -0
- metadata +6 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f347a4ce76b530b1906b215cd42c3a46f12a3cfd2b3757876d752a1fbb4cd73a
|
|
4
|
+
data.tar.gz: 84b2062913bc535a8f31b44a9560c7797e6ddd8b93e712f0ef4f1b78399f1c78
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 06724de6991d2a54c3b8bc36353a70e31f5ccbb098f8b8469667c16846022672fe3d56e22c3d877431c5edb43c2688ba29a60c49e9cc99e1bb3987da138ae889
|
|
7
|
+
data.tar.gz: 14e5adb76b8cc29bcc9bcd52c785033535586c203ef53ce80fcddeafa30a0f7b9028dc83317d632c6d0b13be5486cace574a2ed7a18b97512905ced0145374ce
|
data/_includes/footer.html
CHANGED
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
|
|
28
28
|
<div class="container-fluid py-5">
|
|
29
29
|
<div class="row justify-content-center">
|
|
30
|
-
<div class="col-md-4 col text-center my-auto">
|
|
30
|
+
<div class="col-md-4 col text-center my-auto sr-easeInOut">
|
|
31
31
|
|
|
32
32
|
<!-- <h4><small>This site was brought to you by</small></h4> -->
|
|
33
33
|
<a href="{{ site.footer-brand_url }}">
|
|
@@ -46,55 +46,55 @@
|
|
|
46
46
|
<div class="row">
|
|
47
47
|
<div class="col-3 py-2">
|
|
48
48
|
<a target="_blank" alt="Twitter" href="https://twitter.com/{{ site.twitter }}">
|
|
49
|
-
<i class="fab fa-twitter-square fa-3x icon-grey" aria-hidden="true"></i>
|
|
49
|
+
<i class="fab fa-twitter-square fa-3x icon-grey sr-pop-a" aria-hidden="true"></i>
|
|
50
50
|
</a>
|
|
51
51
|
</div>
|
|
52
52
|
<div class="col-3 py-2">
|
|
53
53
|
<a class="grey" target="_blank" alt="Pinterest" href="https://www.pinterest.com/{{ site.pinterest }}/">
|
|
54
|
-
<i class="fab fa-pinterest fa-3x" aria-hidden="true"></i>
|
|
54
|
+
<i class="fab fa-pinterest fa-3x sr-pop-b" aria-hidden="true"></i>
|
|
55
55
|
</a>
|
|
56
56
|
</div>
|
|
57
57
|
<div class="col-3 py-2">
|
|
58
58
|
<a target="_blank" alt="Facebook" href="https://www.facebook.com/{{ site.facebook }}/">
|
|
59
|
-
<i class="fab fa-facebook-square fa-3x icon-grey" aria-hidden="true"></i>
|
|
59
|
+
<i class="fab fa-facebook-square fa-3x icon-grey sr-pop-c" aria-hidden="true"></i>
|
|
60
60
|
</a>
|
|
61
61
|
</div>
|
|
62
62
|
<div class="col-3 py-2">
|
|
63
63
|
<a class="grey" target="_blank" alt="Instagram" href="https://www.instagram.com/{{ site.instagram }}/">
|
|
64
|
-
<i class="fab fa-instagram fa-3x" aria-hidden="true"></i>
|
|
64
|
+
<i class="fab fa-instagram fa-3x sr-pop-d" aria-hidden="true "></i>
|
|
65
65
|
</a>
|
|
66
66
|
</div>
|
|
67
67
|
<div class="col-3 py-2">
|
|
68
68
|
<a class="grey" target="_blank" alt="Houzz" href="https://www.houzz.com/pro/{{ site.houzz }}">
|
|
69
|
-
<i class="fab fa-houzz fa-3x" aria-hidden="true"></i>
|
|
69
|
+
<i class="fab fa-houzz fa-3x sr-pop-a" aria-hidden="true"></i>
|
|
70
70
|
</a>
|
|
71
71
|
</div>
|
|
72
72
|
<div class="col-3 py-2">
|
|
73
73
|
<a target="_blank" alt="LinkedIn" href="https://www.linkedin.com/company/{{ site.linkedin }}/">
|
|
74
|
-
<i class="fab fa-linkedin fa-3x icon-grey" aria-hidden="true"></i>
|
|
74
|
+
<i class="fab fa-linkedin fa-3x icon-grey sr-pop-b" aria-hidden="true"></i>
|
|
75
75
|
</a>
|
|
76
76
|
</div>
|
|
77
77
|
<div class="col-3 py-2">
|
|
78
78
|
<a class="grey" target="_blank" alt="Youtube" href="https://www.youtube.com/channel/{{ site.youtube }}">
|
|
79
|
-
<i class="fab fa-youtube fa-3x" aria-hidden="true"></i>
|
|
79
|
+
<i class="fab fa-youtube fa-3x sr-pop-c" aria-hidden="true"></i>
|
|
80
80
|
</a>
|
|
81
81
|
</div>
|
|
82
82
|
<div class="col-3 py-2">
|
|
83
83
|
<a target="_blank" alt="Google Plus" href="https://plus.google.com/+{{ site.google_plus }}/">
|
|
84
|
-
<i class="fab fa-google-plus-square fa-3x icon-grey" aria-hidden="true"></i>
|
|
84
|
+
<i class="fab fa-google-plus-square fa-3x icon-grey sr-pop-d" aria-hidden="true"></i>
|
|
85
85
|
</a>
|
|
86
86
|
</div>
|
|
87
87
|
</div>
|
|
88
88
|
</div>
|
|
89
89
|
</div>
|
|
90
|
-
<div class="py-2 col-12 order-1 order-md-2 col-md-4 my-auto text-center">
|
|
90
|
+
<div class="py-2 col-12 order-1 order-md-2 col-md-4 my-auto text-center sr-button">
|
|
91
91
|
<address>
|
|
92
92
|
<p class="grey">{{ site.address_1 }}<br>{{ site.address_2 }}</p>
|
|
93
93
|
</address>
|
|
94
94
|
<a href="tel:{{ site.phone }}">{{ site.phone }}</a>
|
|
95
95
|
</div>
|
|
96
96
|
<div class="py-2 col-12 order-2 order-md-3 col-md-4 my-auto">
|
|
97
|
-
<ul class="list-unstyled">
|
|
97
|
+
<ul class="list-unstyled sr-icons">
|
|
98
98
|
|
|
99
99
|
{% assign nav-section = site.footer-nav | sort: 'weight' %}
|
|
100
100
|
{% for section in nav-section %}
|
|
@@ -139,17 +139,36 @@
|
|
|
139
139
|
|
|
140
140
|
{% else %}
|
|
141
141
|
{% if jekyll.environment == "production" %}
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
142
|
+
<script src="https://flair.planning.solar/assets/jquery/dist/jquery.min.js" media="nope!" onload="this.media='all'"></script>
|
|
143
|
+
<script src="https://flair.planning.solar/assets/jquery.easing/jquery.easing.min.js" media="nope!" onload="this.media='all'"></script>
|
|
144
|
+
<script src="https://flair.planning.solar/assets/bootstrap/dist/js/bootstrap.bundle.min.js" media="nope!" onload="this.media='all'"></script>
|
|
145
|
+
<script src="https://flair.planning.solar/assets//scrollreveal/dist/scrollreveal.min.js" media="nope!" onload="this.media='all'"></script>
|
|
146
|
+
<script src="https://flair.planning.solar/assets/solar-flair.min.js" media="nope!" onload="this.media='all'"></script>
|
|
147
|
+
|
|
148
|
+
{% if page.layout == "timeline" %}
|
|
149
|
+
<!-- Timeline Dependentcies -->
|
|
150
|
+
<script src="https://flair.planning.solar/assets/timeliner/js/timeliner.min.js" media="nope!" onload="this.media='all'"></script>
|
|
151
|
+
<script>
|
|
152
|
+
$(document).ready(function() {
|
|
153
|
+
$.timeliner({});
|
|
154
|
+
});
|
|
155
|
+
</script>
|
|
156
|
+
{% endif %}
|
|
147
157
|
{% else %}
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
158
|
+
<script src="/assets/jquery/dist/jquery.js" media="nope!" onload="this.media='all'"></script>
|
|
159
|
+
<script src="/assets/jquery.easing/jquery.easing.js" media="nope!" onload="this.media='all'"></script>
|
|
160
|
+
<script src="/assets/bootstrap/dist/js/bootstrap.bundle.js" media="nope!" onload="this.media='all'"></script>
|
|
161
|
+
<script src="/assets//scrollreveal/dist/scrollreveal.js" media="nope!" onload="this.media='all'"></script>
|
|
162
|
+
<script src="/assets/solar-flair.js" media="nope!" onload="this.media='all'"></script>
|
|
163
|
+
{% if page.layout == "timeline" %}
|
|
164
|
+
<!-- Timeline Dependentcies -->
|
|
165
|
+
<script src="https://flair.planning.solar/assets/timeliner/js/timeliner.js" media="nope!" onload="this.media='all'"></script>
|
|
166
|
+
<script>
|
|
167
|
+
$(document).ready(function() {
|
|
168
|
+
$.timeliner({});
|
|
169
|
+
});
|
|
170
|
+
</script>
|
|
171
|
+
{% endif %}
|
|
153
172
|
{% endif %}
|
|
154
173
|
{% endif %}
|
|
155
174
|
|
data/_includes/head.html
CHANGED
|
@@ -79,9 +79,23 @@
|
|
|
79
79
|
{% if jekyll.environment == "production" %}
|
|
80
80
|
<link async rel="stylesheet" href="https://flair.planning.solar/assets/bootstrap/dist/css/bootstrap.min.css" media="none" onload="if(media!=='all')media='all'">
|
|
81
81
|
<link async rel="stylesheet" href="https://flair.planning.solar/assets/font-awesome/web-fonts-with-css/css/fontawesome-all.min.css" media="none" onload="if(media!=='all')media='all'">
|
|
82
|
+
|
|
83
|
+
{% if page.layout == "timeline" %}
|
|
84
|
+
<!-- Timeline Dependentcies -->
|
|
85
|
+
<link async rel="stylesheet" href="https://flair.planning.solar/assets/timeliner/css/timeliner.min.css" media="none" onload="if(media!=='all')media='all'">
|
|
86
|
+
<!-- <link async rel="stylesheet" href="https://flair.planning.solar/assets/timeliner/css/responsive.css" media="none" onload="if(media!=='all')media='all'"> -->
|
|
87
|
+
{% endif %}
|
|
88
|
+
|
|
89
|
+
|
|
82
90
|
{% else %}
|
|
83
91
|
<link rel="stylesheet" href="https://flair.planning.solar/assets/bootstrap/dist/css/bootstrap.css" media="nope!" onload="this.media='all'">
|
|
84
92
|
<link rel="stylesheet" href="https://flair.planning.solar/assets/font-awesome/web-fonts-with-css/css/fontawesome-all.css" media="nope!" onload="this.media='all'">
|
|
93
|
+
|
|
94
|
+
{% if page.layout == "timeline" %}
|
|
95
|
+
<!-- Timeline Dependentcies -->
|
|
96
|
+
<link async rel="stylesheet" href="/assets/timeliner/css/timeliner.css" media="none" onload="if(media!=='all')media='all'">
|
|
97
|
+
<!-- <link async rel="stylesheet" href="/assets/timeliner/css/responsive.css" media="none" onload="if(media!=='all')media='all'"> -->
|
|
98
|
+
{% endif %}
|
|
85
99
|
{% endif %}
|
|
86
100
|
{% endif %}
|
|
87
101
|
|
|
@@ -0,0 +1,238 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% if page.cover %}
|
|
6
|
+
<div class="jumbotron cover jumbotron-fluid mb-5" style="background-image:url('{{ page.cover }}');">
|
|
7
|
+
<div class="container" >
|
|
8
|
+
<div class="row">
|
|
9
|
+
<div class="offset-1 col-11">
|
|
10
|
+
<h1 class="display-3 text-uppercase">{{ page.long_title | escape }}</h1>
|
|
11
|
+
<p class="lead" style="font-weight:400; padding:1% 0;">{{ page.description }}</p>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
{% endif %}
|
|
17
|
+
|
|
18
|
+
<main class="container mt-10" aria-label="Content">
|
|
19
|
+
|
|
20
|
+
<article class="row">
|
|
21
|
+
|
|
22
|
+
{% if page.cover == null %}
|
|
23
|
+
<div class="col-12">
|
|
24
|
+
<h1 class="display-5 text-uppercase">{{ page.long_title | escape }}</h1>
|
|
25
|
+
<p class="lead" style="font-weight:400; padding:1% 0;">{{ page.description }}</p>
|
|
26
|
+
</div>
|
|
27
|
+
{% endif %}
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
{% if content %}
|
|
32
|
+
<div class="col" id="content">
|
|
33
|
+
|
|
34
|
+
{{ content | inject_anchors }}
|
|
35
|
+
</div>
|
|
36
|
+
{% endif %}
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
{% if page.toc or site.resources %}
|
|
40
|
+
<div class="col-12 col-md-4">
|
|
41
|
+
{% if site.resources %}
|
|
42
|
+
{% include resources.html %}
|
|
43
|
+
{% endif %}
|
|
44
|
+
|
|
45
|
+
{% if page.toc %}
|
|
46
|
+
<h4>Contents</h4>
|
|
47
|
+
{{ content | toc_only }}
|
|
48
|
+
{% endif %}
|
|
49
|
+
|
|
50
|
+
{% assign ad = page.ad | default: false %}
|
|
51
|
+
{% if ad %}
|
|
52
|
+
{% include ad.html %}
|
|
53
|
+
{% endif %}
|
|
54
|
+
|
|
55
|
+
</div>
|
|
56
|
+
{% endif %}
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
<div class="col-12 pt-3" id="content">
|
|
61
|
+
<h2>Timeline</h2>
|
|
62
|
+
<div id="timeline" class="timeline-container container-fluid pl-0">
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
<div class="row pt-3 border-top">
|
|
66
|
+
<div class="col-12">
|
|
67
|
+
<button type="button" class="timeline-toggle btn btn-dark float-right">+ expand all</button>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
|
|
71
|
+
<br class="clear">
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
{% assign timeline = site.timeline | group_by: 'group' %}
|
|
75
|
+
{% for group in timeline %}
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
<div class="timeline-wrapper row">
|
|
79
|
+
<h2 class="timeline-time col-12"><span>{{ group.name }}</span></h2>
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
{% for event in group.items %}
|
|
83
|
+
<!-- {{ event }} -->
|
|
84
|
+
<dl class="timeline-series col-12">
|
|
85
|
+
<span class="tick tick-before"></span>
|
|
86
|
+
<dt id="{{ event.css-id }}" class="timeline-event"><a>
|
|
87
|
+
|
|
88
|
+
{% case event.type %}
|
|
89
|
+
{% when "milestone" %}
|
|
90
|
+
<i class="fas fa-birthday-cake fa-fw"></i>
|
|
91
|
+
{% when "event" %}
|
|
92
|
+
<i class="fas fa-flag-checkered fa-fw"></i>
|
|
93
|
+
<!-- <i class="fas fa-clipboard-list"></i> -->
|
|
94
|
+
{% when "product" %}
|
|
95
|
+
<i class="far fa-lightbulb fa-fw"></i>
|
|
96
|
+
<!-- <i class="fas fa-puzzle-piece"></i> -->
|
|
97
|
+
{% when "media" %}
|
|
98
|
+
<i class="far fa-newspaper fa-fw"></i>
|
|
99
|
+
{% endcase %}
|
|
100
|
+
<span class="ml-1">
|
|
101
|
+
{{ event.title }}
|
|
102
|
+
</span>
|
|
103
|
+
</a></dt>
|
|
104
|
+
<span class="tick tick-after"></span>
|
|
105
|
+
<dd class="timeline-event-content" id="{{ event.css-id }}EX">
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
{{ event.content }}
|
|
110
|
+
|
|
111
|
+
{% if event.image %}
|
|
112
|
+
<img src="{{ event.image }}" alt="TODO: alt" class="img-fluid">
|
|
113
|
+
{% endif %}
|
|
114
|
+
<br class="clear">
|
|
115
|
+
</dd>
|
|
116
|
+
</dl>
|
|
117
|
+
{% endfor %}
|
|
118
|
+
</div>
|
|
119
|
+
{% endfor %}
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
<!-- <div class="timeline-wrapper row">
|
|
130
|
+
<h2 class="timeline-time col-12"><span>April 1998</span></h2> -->
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
<!-- <div class="timeline-wrapper">
|
|
138
|
+
<h2 class="timeline-time"><span>May 2001</span></h2>
|
|
139
|
+
<dl class="timeline-series">
|
|
140
|
+
<span class="tick tick-before"></span>
|
|
141
|
+
<dt id="cars" class="timeline-event"><a>Event</a></dt>
|
|
142
|
+
<span class="tick tick-after"></span>
|
|
143
|
+
<dd class="timeline-event-content" id="carsEX">
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
<p>Cu latine volumus eum. Errem legendos evertitur has an. Mea verear liberavisse id, ex eum iuvaret docendi nominati. Ea sea suas solum. Ei duo vocibus officiis, te dico luptatum qui.</p>
|
|
147
|
+
<p>Erant eloquentiam per eu, usu audiam forensibus te. Mazim tincidunt quo ex. Sea te iisque epicuri, duo reque sanctus ex. Copiosae ponderum mel at, facilisis accusamus cu duo. Cum veri perfecto ne, ius cu agam rationibus.</p>
|
|
148
|
+
<img src="http://via.placeholder.com/450x150" alt="flying car">
|
|
149
|
+
|
|
150
|
+
<br class="clear">
|
|
151
|
+
</dd>
|
|
152
|
+
|
|
153
|
+
<span class="tick tick-before"></span>
|
|
154
|
+
<dt id="urbanity" class="timeline-event"><a>News Article</a></dt>
|
|
155
|
+
<span class="tick tick-after"></span>
|
|
156
|
+
<dd class="timeline-event-content" id="urbanityEX">
|
|
157
|
+
<div class="media">
|
|
158
|
+
<img src="http://via.placeholder.com/350x150" alt="jam packed city fuels tempers">
|
|
159
|
+
</div>
|
|
160
|
+
|
|
161
|
+
<p>From <i>Home and Garden</i> magazine's "<a href="#" class="venobox" data-type="iframe">Title of article referenced</a>":</p>
|
|
162
|
+
|
|
163
|
+
<blockquote><small>
|
|
164
|
+
<p>Has ut platonem consequuntur definitionem, numquam tibique scriptorem has ne. Oblique tibique accusam sea et, vix quem splendide vituperatoribus ad. Et adversarium contentiones mel. </p>
|
|
165
|
+
<p>Eos veri mutat concludaturque at, mea odio inani te. Ne usu fugit libris, nam id quidam omnesque perfecto.</p>
|
|
166
|
+
</small></blockquote>
|
|
167
|
+
|
|
168
|
+
<br class="clear">
|
|
169
|
+
</dd>
|
|
170
|
+
|
|
171
|
+
|
|
172
|
+
</dl>
|
|
173
|
+
</div>
|
|
174
|
+
|
|
175
|
+
<div class="timeline-wrapper">
|
|
176
|
+
<h2 class="timeline-time"><span>August 2005</span></h2>
|
|
177
|
+
<dl class="timeline-series">
|
|
178
|
+
<span class="tick tick-before"></span>
|
|
179
|
+
<dt id="teleport" class="timeline-event"><a>New Product</a></dt>
|
|
180
|
+
<span class="tick tick-after"></span>
|
|
181
|
+
<dd class="timeline-event-content" id="teleportEX">
|
|
182
|
+
|
|
183
|
+
<div class="media">
|
|
184
|
+
<img src="http://via.placeholder.com/350x150" alt="teleporting humans">
|
|
185
|
+
</div>
|
|
186
|
+
|
|
187
|
+
<p>Pri ut appetere praesent, et mei purto vivendo neglegentur, ubique tibique nominati pri at. Est eu posse decore commune, ei elitr exerci pri. His ne dicit meliore omittantur, sed ei oblique principes definitiones. Duo graeco indoctum pertinacia in, vix scriptorem scribentur no.</p>
|
|
188
|
+
|
|
189
|
+
<p>Learn more on <a href="#" target="_blank">PRODUCT</a>.</p>
|
|
190
|
+
|
|
191
|
+
<br class="clear">
|
|
192
|
+
</dd>
|
|
193
|
+
</dl>
|
|
194
|
+
|
|
195
|
+
</div>
|
|
196
|
+
|
|
197
|
+
<div class="timeline-wrapper">
|
|
198
|
+
<h2 class="timeline-time"><span>October 2017</span></h2>
|
|
199
|
+
<dl class="timeline-series">
|
|
200
|
+
<span class="tick tick-before"></span>
|
|
201
|
+
<dt id="singularity" class="timeline-event"><a>Person Onboarded</a></dt>
|
|
202
|
+
<span class="tick tick-after"></span>
|
|
203
|
+
<dd class="timeline-event-content" id="singularityEX">
|
|
204
|
+
|
|
205
|
+
<div class="media">
|
|
206
|
+
<img src="http://via.placeholder.com/350x150" alt="teleporting humans">
|
|
207
|
+
</div>
|
|
208
|
+
|
|
209
|
+
<p>Id vim feugiat tractatos facilisis, ex vim iuvaret neglegentur. Vix consul fastidii ea, tempor voluptua id quo. Modo velit inimicus ne sed, dicta ceteros scriptorem est te, dolorem insolens ut sit. Epicurei phaedrum ei quo. An quot singulis vituperata eos, aeque clita adipisci ne usu.</p>
|
|
210
|
+
|
|
211
|
+
<br class="clear">
|
|
212
|
+
</dd>
|
|
213
|
+
</dl>
|
|
214
|
+
</div> -->
|
|
215
|
+
|
|
216
|
+
<button type="button" class="timeline-toggle btn btn-dark float-right">+ expand all</button>
|
|
217
|
+
|
|
218
|
+
<br class="clear">
|
|
219
|
+
|
|
220
|
+
|
|
221
|
+
|
|
222
|
+
|
|
223
|
+
|
|
224
|
+
|
|
225
|
+
</div>
|
|
226
|
+
</div>
|
|
227
|
+
|
|
228
|
+
|
|
229
|
+
<!-- <header class="col-12">
|
|
230
|
+
<h1 class="page-title">{{ page.title | escape }}</h1>
|
|
231
|
+
</header> -->
|
|
232
|
+
|
|
233
|
+
|
|
234
|
+
|
|
235
|
+
</article>
|
|
236
|
+
|
|
237
|
+
</main>
|
|
238
|
+
|
data/_sass/solar-flair.scss
CHANGED
|
@@ -51,7 +51,7 @@ body > main > article > div.col-12.col-md-4 > h4
|
|
|
51
51
|
line-height: 110%;
|
|
52
52
|
word-spacing: .05em;
|
|
53
53
|
color: darken($color-grey, 20);
|
|
54
|
-
margin-bottom: .
|
|
54
|
+
margin-bottom: .1rem;
|
|
55
55
|
font-size: 1.7em;
|
|
56
56
|
font-weight: 300;
|
|
57
57
|
|
|
@@ -75,7 +75,7 @@ body > main > article > div.col-12.col-md-4 > h4
|
|
|
75
75
|
line-height: 110%;
|
|
76
76
|
word-spacing: .05em;
|
|
77
77
|
color: darken($color-grey, 20);
|
|
78
|
-
margin-bottom:
|
|
78
|
+
margin-bottom: 0px;
|
|
79
79
|
font-size: 1.3em;
|
|
80
80
|
font-weight: 400;
|
|
81
81
|
|
|
@@ -99,7 +99,7 @@ body > main > article > div.col-12.col-md-4 > h4
|
|
|
99
99
|
line-height: 110%;
|
|
100
100
|
word-spacing: .05em;
|
|
101
101
|
color: darken($color-grey, 5);
|
|
102
|
-
margin-bottom:
|
|
102
|
+
margin-bottom: 0px;
|
|
103
103
|
font-size: 1em;
|
|
104
104
|
font-weight: 800;
|
|
105
105
|
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
// Taken from Bootstrap dark button
|
|
2
|
+
.timeline-toggle {
|
|
3
|
+
background: #343a40;
|
|
4
|
+
border-color: #343a40;
|
|
5
|
+
-webkit-border-radius: 4px;
|
|
6
|
+
-moz-border-radius: 4px;
|
|
7
|
+
border-radius: 4px;
|
|
8
|
+
color: #fff;
|
|
9
|
+
cursor: pointer;
|
|
10
|
+
float: none;
|
|
11
|
+
font-size: 16px;
|
|
12
|
+
margin-right: 0;
|
|
13
|
+
padding: 6px 12px;
|
|
14
|
+
white-space: nowrap;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.timeline-wrapper h2 span {
|
|
18
|
+
// background: lighten($color-grey, 30);
|
|
19
|
+
|
|
20
|
+
background:
|
|
21
|
+
linear-gradient(
|
|
22
|
+
to bottom right,
|
|
23
|
+
rgba(lighten($color-grey, 35%), 1),
|
|
24
|
+
rgba(lighten($color-grey, 40%), .90)
|
|
25
|
+
);
|
|
26
|
+
border: 2px solid lighten($color-grey, 35%);
|
|
27
|
+
|
|
28
|
+
font-family: $header-font-family;
|
|
29
|
+
-webkit-border-radius: 4px;
|
|
30
|
+
-moz-border-radius: 4px;
|
|
31
|
+
border-radius: 4px;
|
|
32
|
+
color: darken($color-grey, 30%);
|
|
33
|
+
letter-spacing: 0.1em;
|
|
34
|
+
line-height: 1.7em;
|
|
35
|
+
padding: 3px 20px 1px;
|
|
36
|
+
// width: 100%;
|
|
37
|
+
// display: inline-block;
|
|
38
|
+
// text-align: right;
|
|
39
|
+
}
|
|
40
|
+
.timeline-event-content p{
|
|
41
|
+
width:100%;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.timeline-series dt {
|
|
45
|
+
background: url(/assets/images/timeline_decade_tick.gif) left center no-repeat;
|
|
46
|
+
clear: left;
|
|
47
|
+
font-size: 1.6em;
|
|
48
|
+
list-style-type: none;
|
|
49
|
+
line-height: 1.2em;
|
|
50
|
+
margin: 0 0 12px;
|
|
51
|
+
padding: 0 0 0 24px;
|
|
52
|
+
white-space: nowrap;
|
|
53
|
+
text-transform: none;
|
|
54
|
+
color: darken($color-grey, 25%);
|
|
55
|
+
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.timeline-event-content .media img {
|
|
59
|
+
border: 2px solid lighten($color-grey, 10%);
|
|
60
|
+
-webkit-border-radius: 4px;
|
|
61
|
+
-moz-border-radius: 4px;
|
|
62
|
+
border-radius: 4px;
|
|
63
|
+
margin: 0;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.timeline-container, .timeline-wrapper, .timeline-series{
|
|
67
|
+
width: inherit;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.border-top{
|
|
71
|
+
border-top: solid #ccc 2px!important;
|
|
72
|
+
}
|
|
Binary file
|
|
Binary file
|
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.2.
|
|
4
|
+
version: 0.2.12
|
|
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-03-
|
|
11
|
+
date: 2018-03-26 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -76,6 +76,7 @@ files:
|
|
|
76
76
|
- _layouts/post.html
|
|
77
77
|
- _layouts/styleguide.html
|
|
78
78
|
- _layouts/teaser.html
|
|
79
|
+
- _layouts/timeline.html
|
|
79
80
|
- _sass/solar-flair.scss
|
|
80
81
|
- _sass/solar-flair/_base.scss
|
|
81
82
|
- _sass/solar-flair/_gradients.scss
|
|
@@ -88,6 +89,7 @@ files:
|
|
|
88
89
|
- _sass/solar-flair/_lists.scss
|
|
89
90
|
- _sass/solar-flair/_promo.scss
|
|
90
91
|
- _sass/solar-flair/_syntax-highlighting.scss
|
|
92
|
+
- _sass/solar-flair/_timeliner-overrides.scss
|
|
91
93
|
- _sass/solar-flair/_typeography.scss
|
|
92
94
|
- assets/fonts/Montserrat/Montserrat-Black.ttf
|
|
93
95
|
- assets/fonts/Montserrat/Montserrat-BlackItalic.ttf
|
|
@@ -125,6 +127,8 @@ files:
|
|
|
125
127
|
- assets/images/paisley.jpg
|
|
126
128
|
- assets/images/pattern.svg
|
|
127
129
|
- assets/images/squares.jpg
|
|
130
|
+
- assets/images/timeline_century_tick.gif
|
|
131
|
+
- assets/images/timeline_decade_tick.gif
|
|
128
132
|
- assets/images/white-horizontal.svg
|
|
129
133
|
- assets/main.scss
|
|
130
134
|
- assets/solar-flair.js
|