daiblogs 0.1.5 → 0.2.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 +4 -4
- data/_includes/footer.html +67 -1
- data/_includes/head.html +3 -0
- data/_includes/header.html +8 -0
- data/_layouts/default.html +1 -10
- data/_layouts/home.html +40 -5
- data/_layouts/post.html +2 -2
- data/_sass/layout.scss +193 -22
- data/_sass/legacy.scss +6 -5
- data/assets/js/progress.js +2 -2
- metadata +6 -6
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f5bae96256f45a0a171cbe903883c30de23fd75c9d895d476ce9615c6808c613
|
|
4
|
+
data.tar.gz: 90f33dcdee70a04914a8bab7b2d0fcae0c3751e287f6d4f11ebbd47c103167d9
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c20a7b4dc53475c2ccc9f7fc07e11b3f0f166a6b7edf44449ec135f58f2f725d2ec5be88a519b8b77833525019c21ec8b8922514a9d93a2260cc274e9368a1fc
|
|
7
|
+
data.tar.gz: 825ee3d9123a0a06303abc04ac1e0a3ce530a7df5f285fa5a0177d50244fbc943a64399b10d65542766f95b94af42317cd27e5e229a4bf8efcf0c97a887694fd
|
data/_includes/footer.html
CHANGED
|
@@ -1,6 +1,72 @@
|
|
|
1
|
+
{%- assign author = site.data.experts | where_exp:"expert", "expert.name == page.author" -%}
|
|
2
|
+
<div class="post-footer--wrap">
|
|
3
|
+
<div class="post-footer">
|
|
4
|
+
<div class="footer--author-image">
|
|
5
|
+
{%- if author.size > 0 -%}
|
|
6
|
+
<img src="{{author.[0].image}}" alt="">
|
|
7
|
+
{%- endif -%}
|
|
8
|
+
</div>
|
|
9
|
+
<div class="footer--author-details">
|
|
10
|
+
{%- if author.size > 0 -%}
|
|
11
|
+
<h3>{{author.[0].name}}</h3>
|
|
12
|
+
<p>{{author.[0].title}}</p>
|
|
13
|
+
{%- else -%}
|
|
14
|
+
<h3>{{post.author}}</h3>
|
|
15
|
+
{%- endif -%}
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
{%- if page.path contains '_posts' -%}
|
|
20
|
+
<div class="recent related">
|
|
21
|
+
<div class="featured--title">
|
|
22
|
+
<h2><span>RECENT</span> <span class="emphasize">ARTICLES</span></h2>
|
|
23
|
+
<hr class="bar">
|
|
24
|
+
</div>
|
|
25
|
+
<div class="shadow-wrap">
|
|
26
|
+
<div class="main-carousel">
|
|
27
|
+
{%- comment -%} This loop will have to be re-written once we can pull in more real posts, for right now we're just
|
|
28
|
+
looping through the same 3 {%- endcomment -%}
|
|
29
|
+
{%- assign recent = site.posts -%}
|
|
30
|
+
{%- for post in recent limit:6 -%}
|
|
31
|
+
<div class="carousel-cell">
|
|
32
|
+
<div class="recent-blog">
|
|
33
|
+
<span>{{post.publication}}<span />
|
|
34
|
+
</div>
|
|
35
|
+
<div class="recent-image">
|
|
36
|
+
<img src="{{post.featured-image}}" />
|
|
37
|
+
</div>
|
|
38
|
+
<div class="featured-other--author">
|
|
39
|
+
{%- assign author = site.data.experts | where_exp:"expert", "expert.name == post.author" -%}
|
|
40
|
+
{%- if author.size > 0 -%}
|
|
41
|
+
<div class="featured-other--author-pic">
|
|
42
|
+
<img src="{{ author[0].image }}" alt="">
|
|
43
|
+
<span><a href="{{ author[0].link }}">{{ author[0].name }}</a></span>
|
|
44
|
+
</div>
|
|
45
|
+
{%- else -%}
|
|
46
|
+
<div class="featured-other--author-pic">
|
|
47
|
+
<img src="/uploads/author-placeholder.jpg" alt="">
|
|
48
|
+
<span>{{ post.author | markdownify | remove:"<p>" | remove:"</p>"}}</span>
|
|
49
|
+
</div>
|
|
50
|
+
{%- endif -%}
|
|
51
|
+
<div class="featured-other--author-data">
|
|
52
|
+
<p>{{ post.date | date: '%m/%d' }} | {% capture time %}{{ post.content | reading_time }}{% endcapture %} {{
|
|
53
|
+
time }} min read</p>
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
<h4 class="featured-other--title">{{ post.title | truncate: 84 }}
|
|
57
|
+
<hr class="bar">
|
|
58
|
+
</h4>
|
|
59
|
+
<p class="featured-other--summary">{{ post.summary | markdownify | remove:'<p>' | rmeove:'</p>' | truncate: 125}}</p>
|
|
60
|
+
<a href="{{ post.url }}" class="button">READ MORE</a>
|
|
61
|
+
</div>
|
|
62
|
+
{%- endfor -%}
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
{%- endif -%}
|
|
1
67
|
<footer>
|
|
2
68
|
<div class="footer-inner">
|
|
3
|
-
<p id="last"></p>
|
|
69
|
+
<p id="last"></p>
|
|
4
70
|
<p class="footer-bottom-links"><a href="/sign-up" class="footer-bottom-link">Sign Up</a>
|
|
5
71
|
<a href="/contact-us" class="footer-bottom-link">Contact Us</a>
|
|
6
72
|
<a href="/project-login" class="footer-bottom-link">Project Login</a>
|
data/_includes/head.html
CHANGED
|
@@ -26,4 +26,7 @@
|
|
|
26
26
|
<!-- RSS -->
|
|
27
27
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ site.baseurl}}/atom.xml">
|
|
28
28
|
{% include svg-defs.html %}
|
|
29
|
+
<script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
|
|
30
|
+
<script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.min.js"></script>
|
|
31
|
+
<!-- Lity (Lightweight, accessible and responsive lightbox) -->
|
|
29
32
|
</head>
|
data/_includes/header.html
CHANGED
|
@@ -53,4 +53,12 @@
|
|
|
53
53
|
</div>
|
|
54
54
|
</div>
|
|
55
55
|
</div>
|
|
56
|
+
{%- if page.layout == "post" -%}
|
|
57
|
+
<script src="assets/js/progress.js"></script>
|
|
58
|
+
<script type="text/javascript">
|
|
59
|
+
document.addEventListener("DOMContentLoaded", function (event) {
|
|
60
|
+
progressJS.start({ "css": "true" });
|
|
61
|
+
});
|
|
62
|
+
</script>
|
|
63
|
+
{%- endif -%}
|
|
56
64
|
</header>
|
data/_layouts/default.html
CHANGED
|
@@ -10,17 +10,8 @@
|
|
|
10
10
|
</div>
|
|
11
11
|
{% include footer.html %}
|
|
12
12
|
</div>
|
|
13
|
-
|
|
14
|
-
{%- if page.layout == "post" -%}
|
|
15
|
-
<script src="assets/js/progress.js"></script>
|
|
16
|
-
<script type="text/javascript">
|
|
17
|
-
document.addEventListener("DOMContentLoaded", function (event) {
|
|
18
|
-
progressJS.start({"css": "true"});
|
|
19
|
-
});
|
|
20
|
-
</script>
|
|
21
|
-
{%- endif -%}
|
|
22
13
|
</body>
|
|
23
|
-
{%- if page.layout == "home" -%}
|
|
14
|
+
{%- if page.layout == "home" or page.layout == "post"-%}
|
|
24
15
|
<script>
|
|
25
16
|
var elem = document.querySelector('.main-carousel');
|
|
26
17
|
var flkty = new Flickity( elem, {
|
data/_layouts/home.html
CHANGED
|
@@ -3,13 +3,48 @@ layout: default
|
|
|
3
3
|
---
|
|
4
4
|
<div class="blog-masthead">
|
|
5
5
|
<div class="blog-masthead--logo">
|
|
6
|
-
|
|
6
|
+
<h1 class="blog-masthead--title">{{site.title}}</h1>
|
|
7
|
+
<hr class="bar">
|
|
8
|
+
<h3 class="blog-masthead--tagline">{{site.description}}</h3>
|
|
7
9
|
</div>
|
|
8
10
|
<div class="blog-masthead--search">
|
|
9
|
-
|
|
11
|
+
<div class="aa-input-container" id="aa-input-container">
|
|
12
|
+
<input autofocus type="search" id="aa-search-input" class="aa-input-search" placeholder="Search" name="search"
|
|
13
|
+
autocomplete="off" />
|
|
14
|
+
<svg class="aa-input-icon search-icon" viewBox="654 -372 1664 1664">
|
|
15
|
+
<path
|
|
16
|
+
d="M1806,332c0-123.3-43.8-228.8-131.5-316.5C1586.8-72.2,1481.3-116,1358-116s-228.8,43.8-316.5,131.5 C953.8,103.2,910,208.7,910,332s43.8,228.8,131.5,316.5C1129.2,736.2,1234.7,780,1358,780s228.8-43.8,316.5-131.5 C1762.2,560.8,1806,455.3,1806,332z M2318,1164c0,34.7-12.7,64.7-38,90s-55.3,38-90,38c-36,0-66-12.7-90-38l-343-342 c-119.3,82.7-252.3,124-399,124c-95.3,0-186.5-18.5-273.5-55.5s-162-87-225-150s-113-138-150-225S654,427.3,654,332 s18.5-186.5,55.5-273.5s87-162,150-225s138-113,225-150S1262.7-372,1358-372s186.5,18.5,273.5,55.5s162,87,225,150s113,138,150,225 S2062,236.7,2062,332c0,146.7-41.3,279.7-124,399l343,343C2305.7,1098.7,2318,1128.7,2318,1164z" />
|
|
17
|
+
</svg>
|
|
18
|
+
</div>
|
|
19
|
+
<script>
|
|
20
|
+
var client = algoliasearch("R7MRY12BR6", "{{site.alg_key}}");
|
|
21
|
+
var index = client.initIndex('{{site.alg_index}}');
|
|
22
|
+
//initialize autocomplete on search input (ID selector must match)
|
|
23
|
+
autocomplete('#aa-search-input',
|
|
24
|
+
{ hint: false, debug: true, autoselect: true, keyboardShortcuts: ['s', '/'] }, {
|
|
25
|
+
source: autocomplete.sources.hits(index, { hitsPerPage: 12 }),
|
|
26
|
+
//value to be displayed in input control after user's suggestion selection
|
|
27
|
+
displayKey: 'my_attribute',
|
|
28
|
+
//hash of templates used when rendering dataset
|
|
29
|
+
templates: {
|
|
30
|
+
//'suggestion' templating function used to render a single suggestion
|
|
31
|
+
suggestion: function (suggestion) {
|
|
32
|
+
return '<span>' +
|
|
33
|
+
suggestion._highlightResult.title.value + '</span><span>';
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}).on('autocomplete:selected', function (event, suggestion, dataset) {
|
|
37
|
+
location.href = suggestion.url;
|
|
38
|
+
});
|
|
39
|
+
var nav = responsiveNav(".nav-collapse", {
|
|
40
|
+
animate: true,
|
|
41
|
+
transition: 284,
|
|
42
|
+
label: "MENU",
|
|
43
|
+
});
|
|
44
|
+
</script>
|
|
10
45
|
</div>
|
|
11
46
|
<div class="blog-masthead--subscribe">
|
|
12
|
-
<h3>Subscribe <input type="
|
|
47
|
+
<form action="https://formkeep.com/f/5c4082f5681c" accept-charset="UTF-8" enctype="multipart/form-data" method="POST" target="_blank"><h3>Subscribe <input type="email" id="email-address" name="email" placeholder="Email Address"></h3></form>
|
|
13
48
|
</div>
|
|
14
49
|
</div>
|
|
15
50
|
<div class="featured">
|
|
@@ -24,9 +59,9 @@ layout: default
|
|
|
24
59
|
<div class="featured-zero--blog">{{ site.title }}</div>
|
|
25
60
|
<div class="featured-zero--image" style="background-image: url({{ post.featured-image }});"></div>
|
|
26
61
|
<div class="featured-zero--post">
|
|
27
|
-
<div class="featured-zero--author">
|
|
62
|
+
<div class="featured-zero--author">
|
|
28
63
|
{%- assign author = site.data.experts | where_exp:"expert", "expert.name == post.author" -%}
|
|
29
|
-
{%- if author > 0 -%}
|
|
64
|
+
{%- if author.size > 0 -%}
|
|
30
65
|
<div class="featured-zero--author-pic">
|
|
31
66
|
<img src="{{ author[0].image }}" alt="">
|
|
32
67
|
<span><a href="{{ author[0].link }}">{{ author[0].name }}</a></span>
|
data/_layouts/post.html
CHANGED
|
@@ -4,14 +4,14 @@ layout: default
|
|
|
4
4
|
<div class="post-wrapper">
|
|
5
5
|
<div class="lead-wrap">
|
|
6
6
|
<div class="post-summary">
|
|
7
|
-
<h3 class="summary-publication">{{ page.publication }}</h3>
|
|
7
|
+
<h3 class="summary-publication without-style"><a href="{%- for link in site.data.global-nav -%}{%- if page.publication == link.text -%}{{ link.link }}{%- endif -%}{%- endfor -%}">{{ page.publication }}</a></h3>
|
|
8
8
|
<h1 class ="summary-title">{{ page.title }}
|
|
9
9
|
<hr class="bar">
|
|
10
10
|
</h1>
|
|
11
11
|
<div class="summary-details">
|
|
12
12
|
<p class="details-time">{% capture time %}{{ page.content | reading_time }}{% endcapture %} {{ time }} min read</p>
|
|
13
13
|
{%- assign author = site.data.experts | where_exp:"expert", "expert.name == page.author" -%}
|
|
14
|
-
{%- if author > 0 -%}
|
|
14
|
+
{%- if author.size > 0 -%}
|
|
15
15
|
<p class="details-author">By <a href="{{author[0].link}}">{{author[0].name}}</a></p>
|
|
16
16
|
{%- else -%}
|
|
17
17
|
<p class="details-author">By {{ page.author | markdownify | remove:"<p>" | remove:"</p>"}}</p>
|
data/_sass/layout.scss
CHANGED
|
@@ -11,10 +11,10 @@
|
|
|
11
11
|
background-color: #F9F9F9;
|
|
12
12
|
}
|
|
13
13
|
.inner-wrap.blogs-block{
|
|
14
|
-
@include responsive(
|
|
14
|
+
@include responsive(superish-wide-screens){
|
|
15
15
|
max-width: 1800px;
|
|
16
|
-
margin: auto;
|
|
17
|
-
|
|
16
|
+
margin-right: auto;
|
|
17
|
+
margin-left: auto;
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
.blogs-block{
|
|
@@ -39,12 +39,38 @@
|
|
|
39
39
|
// MASTHEAD
|
|
40
40
|
|
|
41
41
|
.header-flat--logo{
|
|
42
|
-
fill: $
|
|
42
|
+
fill: $ofc_slate;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.blog-masthead--logo{
|
|
46
|
-
background-color: $
|
|
47
|
-
|
|
46
|
+
background-color: $ofc_slate;
|
|
47
|
+
background-image: url(/uploads/digital-banner.png);
|
|
48
|
+
background-position: center;
|
|
49
|
+
background-size: cover;
|
|
50
|
+
height: 30rem;
|
|
51
|
+
padding: 6rem;
|
|
52
|
+
color: $emphasis;
|
|
53
|
+
.blog-masthead--title{
|
|
54
|
+
font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
|
|
55
|
+
margin-bottom: 0px;
|
|
56
|
+
font-weight: bold;
|
|
57
|
+
font-size: 3rem;
|
|
58
|
+
@include responsive(ultra-wide-screens){
|
|
59
|
+
font-size: 5rem;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
hr.bar{
|
|
63
|
+
border-bottom: solid 0.4rem $emphasis;
|
|
64
|
+
width: 3rem;
|
|
65
|
+
margin-bottom: 2rem;
|
|
66
|
+
}
|
|
67
|
+
.blog-masthead--tagline{
|
|
68
|
+
font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
|
|
69
|
+
width: 80%;
|
|
70
|
+
@include responsive(ultra-wide-screens){
|
|
71
|
+
width: 70%;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
48
74
|
}
|
|
49
75
|
|
|
50
76
|
.blog-masthead{
|
|
@@ -61,7 +87,7 @@
|
|
|
61
87
|
|
|
62
88
|
.blog-masthead--search{
|
|
63
89
|
width: 100%;
|
|
64
|
-
background-color: $
|
|
90
|
+
background-color: $text-white;
|
|
65
91
|
color: $ofc_lightblue;
|
|
66
92
|
@include responsive(wide-screens){
|
|
67
93
|
width: 50%;
|
|
@@ -76,10 +102,9 @@
|
|
|
76
102
|
color: $ofc_lightblue;
|
|
77
103
|
}
|
|
78
104
|
input{
|
|
79
|
-
margin-left: 1rem;
|
|
80
105
|
font-weight: 700;
|
|
106
|
+
margin-left: 1.5rem;
|
|
81
107
|
border: none;
|
|
82
|
-
background-color: $ofc-lightgray;
|
|
83
108
|
outline: none;
|
|
84
109
|
font-size: 1.2rem;
|
|
85
110
|
color: $ofc_lightblue;
|
|
@@ -88,7 +113,91 @@
|
|
|
88
113
|
}
|
|
89
114
|
}
|
|
90
115
|
}
|
|
91
|
-
|
|
116
|
+
// SEARCH ALGOLIA
|
|
117
|
+
.aa-input-container, input.aa-input-search{
|
|
118
|
+
width:92%;
|
|
119
|
+
@include responsive(tinyish-screens){
|
|
120
|
+
width: 93%;
|
|
121
|
+
}
|
|
122
|
+
@include responsive(small-screens){
|
|
123
|
+
width: 95%;
|
|
124
|
+
}
|
|
125
|
+
@include responsive(wide-screens){
|
|
126
|
+
width: 92%;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
.aa-input-container {
|
|
130
|
+
display: block;
|
|
131
|
+
position: relative;
|
|
132
|
+
}
|
|
133
|
+
span.algolia-autocomplete{
|
|
134
|
+
display: block !important;
|
|
135
|
+
}
|
|
136
|
+
.aa-input-search {
|
|
137
|
+
// width: 300px;
|
|
138
|
+
border: 1px solid rgba(228, 228, 228, 0.6);
|
|
139
|
+
padding-bottom: 5px;
|
|
140
|
+
box-sizing: border-box;
|
|
141
|
+
-webkit-appearance: none;
|
|
142
|
+
-moz-appearance: none;
|
|
143
|
+
appearance: none;
|
|
144
|
+
}
|
|
145
|
+
.aa-input-search::-webkit-search-decoration, .aa-input-search::-webkit-search-cancel-button, .aa-input-search::-webkit-search-results-button, .aa-input-search::-webkit-search-results-decoration {
|
|
146
|
+
display: none;
|
|
147
|
+
}
|
|
148
|
+
.aa-input-search{
|
|
149
|
+
outline: none;
|
|
150
|
+
}
|
|
151
|
+
.aa-input-icon {
|
|
152
|
+
height: 16px;
|
|
153
|
+
width: 16px;
|
|
154
|
+
position: absolute;
|
|
155
|
+
top: 12px;
|
|
156
|
+
left: 1px;
|
|
157
|
+
-webkit-transform: translateY(-50%);
|
|
158
|
+
transform: translateY(-50%);
|
|
159
|
+
fill: #e4e4e4; }
|
|
160
|
+
.aa-dropdown-menu {
|
|
161
|
+
width: 92%;
|
|
162
|
+
@include responsive(tinyish-screens){
|
|
163
|
+
width: 93%;
|
|
164
|
+
}
|
|
165
|
+
@include responsive(small-screens){
|
|
166
|
+
width: 95%;
|
|
167
|
+
}
|
|
168
|
+
@include responsive(wide-screens){
|
|
169
|
+
width: 110%;
|
|
170
|
+
}
|
|
171
|
+
color: $ofc_slate;
|
|
172
|
+
font-size: .9rem;
|
|
173
|
+
background: rgba(#FFFFFF,.98);
|
|
174
|
+
border-radius: 0 0 10px 10px;
|
|
175
|
+
border: 1px solid rgba(228, 228, 228, 0.6);
|
|
176
|
+
box-shadow: -5px 5px 5px rgba($nav-black, 0.1);
|
|
177
|
+
margin-top: 15px;
|
|
178
|
+
}
|
|
179
|
+
.aa-suggestion {
|
|
180
|
+
padding: 12px;
|
|
181
|
+
cursor: pointer;
|
|
182
|
+
}
|
|
183
|
+
.aa-suggestion + .aa-suggestion {
|
|
184
|
+
border-top: 1px solid rgba(228, 228, 228, 0.6);
|
|
185
|
+
}
|
|
186
|
+
.aa-suggestion:hover, .aa-suggestion.aa-cursor {
|
|
187
|
+
background-color: rgba(241, 241, 241, 0.35); }
|
|
188
|
+
.algolia__result-highlight{
|
|
189
|
+
font-weight: bold;
|
|
190
|
+
}
|
|
191
|
+
.ais-Highlight{
|
|
192
|
+
font-weight: bold;
|
|
193
|
+
}
|
|
194
|
+
.aa-suggestion.aa-cursor{
|
|
195
|
+
background-color: rgba($blue, 0.1);
|
|
196
|
+
}
|
|
197
|
+
.aa-suggestion+.aa-cursor{
|
|
198
|
+
background-color: rgba($blue, 0.1);
|
|
199
|
+
border-top: 1px solid $blue;
|
|
200
|
+
}
|
|
92
201
|
//SUBSCRIBE
|
|
93
202
|
|
|
94
203
|
.blog-masthead--subscribe{
|
|
@@ -162,8 +271,8 @@
|
|
|
162
271
|
@include responsive(extra-ultra-wide-screens){
|
|
163
272
|
background-size: 1100px;
|
|
164
273
|
}
|
|
165
|
-
|
|
166
|
-
background-size:
|
|
274
|
+
@include responsive(super-wide-screens){
|
|
275
|
+
background-size: 1300px;
|
|
167
276
|
}
|
|
168
277
|
&--title{
|
|
169
278
|
margin-left: 5rem;
|
|
@@ -173,7 +282,7 @@
|
|
|
173
282
|
}
|
|
174
283
|
}
|
|
175
284
|
h2{
|
|
176
|
-
color: $
|
|
285
|
+
color: $ofc_slate;
|
|
177
286
|
font-size: 2.1rem;
|
|
178
287
|
display: block;
|
|
179
288
|
width: 40%;
|
|
@@ -203,7 +312,7 @@
|
|
|
203
312
|
background-size: 1100px;
|
|
204
313
|
}
|
|
205
314
|
@include responsive(super-wide-screens){
|
|
206
|
-
background-size:
|
|
315
|
+
background-size: 1300px;
|
|
207
316
|
}
|
|
208
317
|
&--title{
|
|
209
318
|
margin-left: 5rem;
|
|
@@ -214,7 +323,7 @@
|
|
|
214
323
|
}
|
|
215
324
|
}
|
|
216
325
|
h2{
|
|
217
|
-
color: $
|
|
326
|
+
color: $ofc_slate;
|
|
218
327
|
font-size: 2.1rem;
|
|
219
328
|
display: block;
|
|
220
329
|
width: 40%;
|
|
@@ -337,7 +446,7 @@
|
|
|
337
446
|
background-size: 1100px;
|
|
338
447
|
}
|
|
339
448
|
@include responsive(super-wide-screens){
|
|
340
|
-
background-size:
|
|
449
|
+
background-size: 1300px;
|
|
341
450
|
}
|
|
342
451
|
width: 100%;
|
|
343
452
|
position: relative;
|
|
@@ -585,8 +694,8 @@
|
|
|
585
694
|
@include responsive(extra-ultra-wide-screens){
|
|
586
695
|
background-size: 1100px;
|
|
587
696
|
}
|
|
588
|
-
|
|
589
|
-
background-size:
|
|
697
|
+
@include responsive(super-wide-screens){
|
|
698
|
+
background-size: 1300px;
|
|
590
699
|
}
|
|
591
700
|
padding-top: 3rem;
|
|
592
701
|
.featured--title{
|
|
@@ -660,7 +769,7 @@
|
|
|
660
769
|
top: 91px;
|
|
661
770
|
left: 0;
|
|
662
771
|
width: 0%;
|
|
663
|
-
z-index:
|
|
772
|
+
z-index: 250;
|
|
664
773
|
@include responsive(small-screens){
|
|
665
774
|
top: 91px;
|
|
666
775
|
}
|
|
@@ -681,6 +790,10 @@
|
|
|
681
790
|
@include clearfix;
|
|
682
791
|
}
|
|
683
792
|
.post-image{
|
|
793
|
+
display: none;
|
|
794
|
+
@include responsive(wide-screens){
|
|
795
|
+
display: block;
|
|
796
|
+
}
|
|
684
797
|
width: 50%;
|
|
685
798
|
height: 20rem;
|
|
686
799
|
background-size: cover;
|
|
@@ -693,11 +806,15 @@
|
|
|
693
806
|
background-size: cover;
|
|
694
807
|
}
|
|
695
808
|
.post-summary{
|
|
696
|
-
width:
|
|
697
|
-
|
|
809
|
+
width: 100%;
|
|
810
|
+
@include responsive(wide-screens){
|
|
811
|
+
width: 50%;
|
|
812
|
+
float: right;
|
|
813
|
+
}
|
|
698
814
|
padding-top: 2rem;
|
|
699
815
|
padding-left: 3rem;
|
|
700
816
|
padding-right: 2rem;
|
|
817
|
+
padding-bottom: 1rem;
|
|
701
818
|
@include responsive(wide-screens){
|
|
702
819
|
padding-top: 4rem;
|
|
703
820
|
padding-left: 6rem;
|
|
@@ -721,7 +838,10 @@
|
|
|
721
838
|
}
|
|
722
839
|
}
|
|
723
840
|
.post-body{
|
|
724
|
-
width:
|
|
841
|
+
width: 80%;
|
|
842
|
+
@include responsive(ultra-wide-screens){
|
|
843
|
+
width: 50%;
|
|
844
|
+
}
|
|
725
845
|
margin-right: auto;
|
|
726
846
|
margin-left: auto;
|
|
727
847
|
padding-top: 3rem;
|
|
@@ -813,6 +933,57 @@
|
|
|
813
933
|
border-bottom: 1px solid $ofc_lightblue;
|
|
814
934
|
}
|
|
815
935
|
}
|
|
936
|
+
.post-footer--wrap{
|
|
937
|
+
width: 100%;
|
|
938
|
+
background-color: $ofc_slate;
|
|
939
|
+
color: #c8c6c2;
|
|
940
|
+
}
|
|
941
|
+
.post-footer{
|
|
942
|
+
@include clearfix;
|
|
943
|
+
padding: 1rem;
|
|
944
|
+
.footer--author-image{
|
|
945
|
+
float: left;
|
|
946
|
+
width: 5rem;
|
|
947
|
+
margin-right: .8rem;
|
|
948
|
+
img{
|
|
949
|
+
clip-path: circle(49%);
|
|
950
|
+
width: 5rem;
|
|
951
|
+
position: relative;
|
|
952
|
+
top: 4px;
|
|
953
|
+
@include responsive(ultra-wide-scrreens){
|
|
954
|
+
width: 12rem;
|
|
955
|
+
}
|
|
956
|
+
}
|
|
957
|
+
a{
|
|
958
|
+
font-weight: bold;
|
|
959
|
+
position: relative;
|
|
960
|
+
top: .1rem;
|
|
961
|
+
}
|
|
962
|
+
span{
|
|
963
|
+
margin-left: .5rem;
|
|
964
|
+
}
|
|
965
|
+
}
|
|
966
|
+
.footer--author-details{
|
|
967
|
+
width: 68%;
|
|
968
|
+
float: left;
|
|
969
|
+
@include responsive(ultra-wide-screens){
|
|
970
|
+
width: 73%;
|
|
971
|
+
}
|
|
972
|
+
h3{
|
|
973
|
+
font-size: 1rem;
|
|
974
|
+
color: #c8c6c2;
|
|
975
|
+
}
|
|
976
|
+
p{
|
|
977
|
+
font-size: .9rem;
|
|
978
|
+
}
|
|
979
|
+
}
|
|
980
|
+
}
|
|
981
|
+
.recent.related{
|
|
982
|
+
.main-carousel{
|
|
983
|
+
margin-right: auto;
|
|
984
|
+
margin-left: auto;
|
|
985
|
+
}
|
|
986
|
+
}
|
|
816
987
|
// FOOTER
|
|
817
988
|
|
|
818
989
|
.footer-flat--logo{
|
data/_sass/legacy.scss
CHANGED
|
@@ -42,7 +42,7 @@ Classes to pul: wrapper, #header, header-utility_nav, header-site_nav, header-in
|
|
|
42
42
|
body.st-ui-overlay-active{
|
|
43
43
|
overflow: visible !important;
|
|
44
44
|
}
|
|
45
|
-
.container, .header-inner, .footer-inner{
|
|
45
|
+
.container, .header-inner, .footer-inner, .post-footer{
|
|
46
46
|
@include width(4);
|
|
47
47
|
margin: auto;
|
|
48
48
|
@include responsive(small-screens){
|
|
@@ -70,7 +70,7 @@ body.st-ui-overlay-active{
|
|
|
70
70
|
header{
|
|
71
71
|
position: fixed;
|
|
72
72
|
width: 100%;
|
|
73
|
-
z-index:
|
|
73
|
+
z-index: 999;
|
|
74
74
|
}
|
|
75
75
|
.header-nav{
|
|
76
76
|
@include clearfix;
|
|
@@ -150,7 +150,7 @@ header{
|
|
|
150
150
|
display:none !important;
|
|
151
151
|
}
|
|
152
152
|
.header-utility_nav{
|
|
153
|
-
background-color
|
|
153
|
+
background-color:$ofc_slate;
|
|
154
154
|
height: 32px;
|
|
155
155
|
@include responsive(small-screens){
|
|
156
156
|
height: 44px;
|
|
@@ -238,6 +238,7 @@ header{
|
|
|
238
238
|
ul.dropdown{
|
|
239
239
|
visibility: hidden;
|
|
240
240
|
opacity: 0;
|
|
241
|
+
z-index: 999;
|
|
241
242
|
margin-top: -3px;
|
|
242
243
|
transition: visibility 0s linear 0.3s, opacity 0.3s ease-in-out, margin-top 0.3s ease-in-out;
|
|
243
244
|
list-style-type: none;
|
|
@@ -292,6 +293,7 @@ ul.dropdown{
|
|
|
292
293
|
li.has-dropdown:hover ul.dropdown{
|
|
293
294
|
visibility: visible;
|
|
294
295
|
opacity: 1;
|
|
296
|
+
z-index: 999;
|
|
295
297
|
margin-top: 0;
|
|
296
298
|
transition: opacity 0.3s ease-in-out, margin-top 0.3s ease-in-out;
|
|
297
299
|
}
|
|
@@ -300,9 +302,8 @@ li.has-dropdown:hover > a{
|
|
|
300
302
|
}
|
|
301
303
|
|
|
302
304
|
footer{
|
|
303
|
-
background-color
|
|
305
|
+
background-color:$ofc_slate;
|
|
304
306
|
padding-top: 2rem;
|
|
305
|
-
margin-top: 2rem;
|
|
306
307
|
}
|
|
307
308
|
.footer-inner{
|
|
308
309
|
min-height: 500px;
|
data/assets/js/progress.js
CHANGED
|
@@ -9,7 +9,7 @@ const progressJS = {
|
|
|
9
9
|
"bottom": 0,
|
|
10
10
|
"left": 0,
|
|
11
11
|
"right": 0,
|
|
12
|
-
"zIndex":
|
|
12
|
+
"zIndex": 200,
|
|
13
13
|
//bottom or top
|
|
14
14
|
"ontop": true,
|
|
15
15
|
//left to right
|
|
@@ -34,7 +34,7 @@ const progressJS = {
|
|
|
34
34
|
document.body.appendChild(progressJSelem);
|
|
35
35
|
//styles
|
|
36
36
|
progressJSelem.style.position = 'fixed';
|
|
37
|
-
progressJSelem.style.zIndex = '
|
|
37
|
+
progressJSelem.style.zIndex = '200';
|
|
38
38
|
progressJSelem.style.width = '0%';
|
|
39
39
|
//configurable options
|
|
40
40
|
//top or bottom
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: daiblogs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.2.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Bryan Schuetz
|
|
8
|
-
autorequire:
|
|
8
|
+
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2021-
|
|
11
|
+
date: 2021-03-02 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -52,7 +52,7 @@ dependencies:
|
|
|
52
52
|
- - "~>"
|
|
53
53
|
- !ruby/object:Gem::Version
|
|
54
54
|
version: '12.0'
|
|
55
|
-
description:
|
|
55
|
+
description:
|
|
56
56
|
email:
|
|
57
57
|
- bschuetz@gmail.com
|
|
58
58
|
executables: []
|
|
@@ -144,7 +144,7 @@ homepage: https://www.dai.com
|
|
|
144
144
|
licenses:
|
|
145
145
|
- MIT
|
|
146
146
|
metadata: {}
|
|
147
|
-
post_install_message:
|
|
147
|
+
post_install_message:
|
|
148
148
|
rdoc_options: []
|
|
149
149
|
require_paths:
|
|
150
150
|
- lib
|
|
@@ -160,7 +160,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
160
160
|
version: '0'
|
|
161
161
|
requirements: []
|
|
162
162
|
rubygems_version: 3.0.3
|
|
163
|
-
signing_key:
|
|
163
|
+
signing_key:
|
|
164
164
|
specification_version: 4
|
|
165
165
|
summary: A master theme to be used for all of DAI blogs
|
|
166
166
|
test_files: []
|