seriously_simple_static_starter 0.1.2 → 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/blog_archive.html +9 -0
- data/_includes/cards.html +1 -1
- data/_includes/flow.html +19 -0
- data/_includes/header.html +23 -17
- data/_includes/{latest-posts.html → latest_posts.html} +3 -2
- data/_includes/navbar.html +1 -1
- data/_layouts/default.html +1 -1
- data/_layouts/flow.html +1 -19
- data/_layouts/page.html +15 -3
- data/_layouts/post.html +1 -1
- data/_sass/_fontello.scss +6 -2
- data/_sass/_header.scss +8 -0
- data/_sass/_navbar.scss +111 -118
- data/_sass/_theme.scss +69 -61
- data/_sass/_variables.scss +1 -1
- data/assets/css/dist.scss +1 -0
- data/assets/fonts/fontello/fontello.eot +0 -0
- data/assets/fonts/fontello/fontello.svg +4 -0
- data/assets/fonts/fontello/fontello.ttf +0 -0
- data/assets/fonts/fontello/fontello.woff +0 -0
- data/assets/fonts/fontello/fontello.woff2 +0 -0
- data/assets/images/{abstract-bg.jpg → placeholder.jpg} +0 -0
- data/assets/js/app/main.js +1 -1
- metadata +20 -4
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 9679f705bb22e996d8e7ade59acd5d9cd5d03f7e88502bf4ae642e558f795766
|
|
4
|
+
data.tar.gz: b06849820c4d7eb47ca34c3952fc4d0b381197aaadc2e59931706d2ccab286f8
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 597c490bda109e5b9ce182157cdb645d263a0f149cfd9fa6a93aaeccc6bdb16d224f0a031a62913bbf7a7692bbb101559913ac4356e3b9586d234b707fa53e8a
|
|
7
|
+
data.tar.gz: 4810a760127ad71ae74769683ae207d8dd5d67df9783a1d6f0b05009b9302433f529483254cc867501952cef54b3c35c94361531fca3ef4aec231735f6017012
|
data/_includes/cards.html
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div class="container">
|
|
3
3
|
<div class="row">
|
|
4
4
|
{% for card in include.object.items %}
|
|
5
|
-
<div class="col-md-{{include.object.card_width}}">
|
|
5
|
+
<div class="col-md-{{include.object.card_width}} d-flex align-items-stretch">
|
|
6
6
|
<div class="card text-center">
|
|
7
7
|
{% assign card_image = card.image.path | replace: '/assets/images/','' %}
|
|
8
8
|
<a href="{{card.url}}">
|
data/_includes/flow.html
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<div class="container-fluid content {% if page.header %}not_top{% endif %}" id="main_container">
|
|
2
|
+
{% for section in include.flow %}
|
|
3
|
+
{% if section.type == "main-content" %}
|
|
4
|
+
<div class="row" id="main_content">
|
|
5
|
+
<div class="container">
|
|
6
|
+
{{content}}
|
|
7
|
+
</div>
|
|
8
|
+
</div>
|
|
9
|
+
{% elsif section.type == "slider" %}
|
|
10
|
+
{% include slider.html object=section %}
|
|
11
|
+
{% elsif section.type == "latest-posts" %}
|
|
12
|
+
{% include latest_posts.html limit=section.number_of_posts %}
|
|
13
|
+
{% elsif section.type == "feature-block" %}
|
|
14
|
+
{% include feature-block.html object=section %}
|
|
15
|
+
{% elsif section.type == "cards" %}
|
|
16
|
+
{% include cards.html object=section %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
{% endfor %}
|
|
19
|
+
</div>
|
data/_includes/header.html
CHANGED
|
@@ -6,28 +6,34 @@
|
|
|
6
6
|
<div class="container">
|
|
7
7
|
<div class="jumbotron text-white d-flex flex-column">
|
|
8
8
|
{% if include.object.items %}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
9
|
+
{% for section in include.object.items %}
|
|
10
|
+
{% if section.type == "title" %}
|
|
11
|
+
<h1 class="display-3 font-weight-bold">{{section.content}}</h1>
|
|
12
|
+
{% elsif section.type == "para" %}
|
|
13
|
+
<p class="lead font-weight-bold">
|
|
14
|
+
{{section.content}}
|
|
15
|
+
</p>
|
|
16
|
+
{% elsif section.type == "buttons" %}
|
|
17
|
+
<p class="lead">
|
|
18
|
+
{% for btn in section.content %}
|
|
19
|
+
<a class="btn {% if btn.class %}{{btn.class}}{% endif %}"
|
|
20
|
+
href="{{btn.url}}" role="button">{{btn.title}}</a>
|
|
21
|
+
{% endfor %}
|
|
22
|
+
</p>
|
|
23
|
+
{% endif %}
|
|
24
|
+
{% endfor %}
|
|
25
25
|
{% else %}
|
|
26
26
|
<h1 class="display-3 font-weight-bold">{{include.object.title}}</h1>
|
|
27
27
|
<p class="lead font-weight-bold">
|
|
28
28
|
{{include.object.description}}
|
|
29
29
|
</p>
|
|
30
|
-
|
|
30
|
+
{% assign author = site.data.authors[page.author] %}
|
|
31
|
+
{% if author %}
|
|
32
|
+
<span class="author">
|
|
33
|
+
Posted by <a href="{{ author.web }}" target="_blank">{{ author.name }}</a> on
|
|
34
|
+
{{include.object.date | date: "%A, %B %-d, %Y" }}
|
|
35
|
+
</span>
|
|
36
|
+
{% endif %}
|
|
31
37
|
{% endif %}
|
|
32
38
|
</div>
|
|
33
39
|
</div>
|
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
</div>
|
|
7
7
|
</div>
|
|
8
8
|
<div class="row">
|
|
9
|
-
{% for post in site.posts limit: include.
|
|
10
|
-
<div class="col-md-
|
|
9
|
+
{% for post in site.posts limit: include.limit %}
|
|
10
|
+
<div class="col-md-4 d-flex align-items-stretch">
|
|
11
11
|
<div class="card text-center">
|
|
12
12
|
{% assign post_image = post.image.path | replace: '/assets/images/','' %}
|
|
13
13
|
<a href="{{post.url | prepend: site.baseurl }}">
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
</a>
|
|
16
16
|
<div class="card-body">
|
|
17
17
|
<h5 class="card-title">{{post.title}}</h5>
|
|
18
|
+
<h6 class="card-subtitle mb-2 text-muted">{{post.date | date: "%A, %B %-d, %Y"}}</h6>
|
|
18
19
|
<p class="card-text">
|
|
19
20
|
{{post.content | truncatewords: 20, "..."}}
|
|
20
21
|
</p>
|
data/_includes/navbar.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<nav class="navbar navbar-dark navbar-expand-md fixed-top bg-faded" data-toggle="affix">
|
|
1
|
+
<nav class="navbar navbar-dark navbar-expand-md fixed-top {% if page.header or page.is_post %}bg-faded{% endif %}" data-toggle="affix">
|
|
2
2
|
<div class="container">
|
|
3
3
|
<a class="navbar-brand" href="{{"/" | prepend: site.baseurl }}">
|
|
4
4
|
{% if site.brand_logo %}
|
data/_layouts/default.html
CHANGED
data/_layouts/flow.html
CHANGED
|
@@ -4,22 +4,4 @@ layout: base
|
|
|
4
4
|
{% if page.header %}
|
|
5
5
|
{% include header.html object=page.header %}
|
|
6
6
|
{% endif %}
|
|
7
|
-
|
|
8
|
-
{% for section in page.sections %}
|
|
9
|
-
{% if section.type == "main-content" %}
|
|
10
|
-
<div class="row" id="main_content">
|
|
11
|
-
<div class="container">
|
|
12
|
-
{{content}}
|
|
13
|
-
</div>
|
|
14
|
-
</div>
|
|
15
|
-
{% elsif section.type == "slider" %}
|
|
16
|
-
{% include slider.html object=section %}
|
|
17
|
-
{% elsif section.type == "latest-posts" %}
|
|
18
|
-
{% include latest-posts.html object=section %}
|
|
19
|
-
{% elsif section.type == "feature-block" %}
|
|
20
|
-
{% include feature-block.html object=section %}
|
|
21
|
-
{% elsif section.type == "cards" %}
|
|
22
|
-
{% include cards.html object=section %}
|
|
23
|
-
{% endif %}
|
|
24
|
-
{% endfor %}
|
|
25
|
-
</div>
|
|
7
|
+
{% include flow.html flow=page.sections %}
|
data/_layouts/page.html
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
---
|
|
2
|
-
layout:
|
|
2
|
+
layout: base
|
|
3
3
|
---
|
|
4
|
-
|
|
5
|
-
{
|
|
4
|
+
{% if page.header %}
|
|
5
|
+
{% include header.html object=page.header %}
|
|
6
|
+
{% endif %}
|
|
7
|
+
{% if page.sections %}
|
|
8
|
+
{% include flow.html flow=page.sections %}
|
|
9
|
+
{% else %}
|
|
10
|
+
<div class="container-fluid content {% if page.header %}not_top{% endif %}" id="main_container">
|
|
11
|
+
<div class="row" id="main_content">
|
|
12
|
+
<div class="container">
|
|
13
|
+
{{content}}
|
|
14
|
+
</div>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
{% endif %}
|
data/_layouts/post.html
CHANGED
data/_sass/_fontello.scss
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
|
|
1
2
|
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
|
|
2
3
|
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
|
|
3
4
|
/*
|
|
4
5
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
5
6
|
@font-face {
|
|
6
7
|
font-family: 'fontello';
|
|
7
|
-
src: url('../font/fontello.svg?
|
|
8
|
+
src: url('../font/fontello.svg?14717988#fontello') format('svg');
|
|
8
9
|
}
|
|
9
10
|
}
|
|
10
11
|
*/
|
|
@@ -14,6 +15,7 @@
|
|
|
14
15
|
font-style: normal;
|
|
15
16
|
font-weight: normal;
|
|
16
17
|
speak: none;
|
|
18
|
+
|
|
17
19
|
display: inline-block;
|
|
18
20
|
text-decoration: inherit;
|
|
19
21
|
width: 1em;
|
|
@@ -43,4 +45,6 @@
|
|
|
43
45
|
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
|
44
46
|
}
|
|
45
47
|
|
|
46
|
-
.icon-up-open:before { content: '\e800'; } /* '' */
|
|
48
|
+
.icon-up-open:before { content: '\e800'; } /* '' */
|
|
49
|
+
.icon-clipboard:before { content: '\e801'; } /* '' */
|
|
50
|
+
.icon-search-outline:before { content: '\e802'; } /* '' */
|
data/_sass/_header.scss
CHANGED
data/_sass/_navbar.scss
CHANGED
|
@@ -3,9 +3,7 @@ header {
|
|
|
3
3
|
overflow:hidden;
|
|
4
4
|
height: auto;
|
|
5
5
|
background-color: $primary;
|
|
6
|
-
background-
|
|
7
|
-
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%202560%201600%22%20version%3D%221.1%22%20viewBox%3D%220%200%202560%201600%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bfill%3A%2336a1f0%3B%7D%0D%0A%20%20%20%20.st1%7Bfill%3Aurl%28%23a%29%3B%7D%0D%0A%20%20%20%20polygon%7Bfill%3A%2352a7e7%7D%3B%0D%0A%3C%2Fstyle%3E%0D%0A%3Cpattern%20id%3D%22a%22%20width%3D%22319.998%22%20height%3D%22319.998%22%20overflow%3D%22visible%22%20patternUnits%3D%22userSpaceOnUse%22%20viewBox%3D%220%20-399.997%20319.998%20319.998%22%3E%0D%0A%09%09%3Crect%20class%3D%22st0%22%20y%3D%22-400%22%20width%3D%22320%22%20height%3D%22320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22240%20-79.999%20240%200%20160%20-79.999%20160%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22320%20-160%20240%20-79.999%20240%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%2279.999%20-79.999%2079.999%200%200%20-79.999%200%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22160%20-160%2079.999%20-79.999%2079.999%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22320%20-240%20320%20-160%20240%20-240%20240%20-320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22160%20-240%20160%20-160%2079.999%20-240%2079.999%20-320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22240%20-320%20160%20-240%20160%20-320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22240%20-240%20240%20-160%20160%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%2279.999%20-320%200%20-240%200%20-320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%2279.999%20-240%2079.999%20-160%200%20-160%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22240%20-400%20240%20-320%20160%20-400%20160%20-480%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22320%20-400%20320%20-320%20240%20-320%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%2279.999%20-400%2079.999%20-320%200%20-400%200%20-480%22%2F%3E%0D%0A%09%09%09%3Cpolygon%20points%3D%22160%20-400%20160%20-320%2079.999%20-320%22%2F%3E%0D%0A%3C%2Fpattern%3E%0D%0A%3Crect%20class%3D%22st1%22%20width%3D%222560%22%20height%3D%221600%22%2F%3E%0D%0A%3C%2Fsvg%3E");
|
|
8
|
-
.jumbotron {
|
|
6
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 2560 1600' version='1.1' viewBox='0 0 2560 1600' xml:space='preserve'%3E%3Cstyle xmlns='http://www.w3.org/2000/svg' type='text/css'%3E .st0%7Bfill:%23000;%7D .st1%7Bfill:url(%23a);%7D polygon%7Bfill:%231b1b1b%7D;%0A%3C/style%3E%3Cpattern id='a' width='319.998' height='319.998' overflow='visible' patternUnits='userSpaceOnUse' viewBox='0 -399.997 319.998 319.998'%3E%3Crect class='st0' y='-400' width='320' height='320'/%3E%3Cpolygon points='240 -79.999 240 0 160 -79.999 160 -160'/%3E%3Cpolygon points='320 -160 240 -79.999 240 -160'/%3E%3Cpolygon points='79.999 -79.999 79.999 0 0 -79.999 0 -160'/%3E%3Cpolygon points='160 -160 79.999 -79.999 79.999 -160'/%3E%3Cpolygon points='320 -240 320 -160 240 -240 240 -320'/%3E%3Cpolygon points='160 -240 160 -160 79.999 -240 79.999 -320'/%3E%3Cpolygon points='240 -320 160 -240 160 -320'/%3E%3Cpolygon points='240 -240 240 -160 160 -160'/%3E%3Cpolygon points='79.999 -320 0 -240 0 -320'/%3E%3Cpolygon points='79.999 -240 79.999 -160 0 -160'/%3E%3Cpolygon points='240 -400 240 -320 160 -400 160 -480'/%3E%3Cpolygon points='320 -400 320 -320 240 -320'/%3E%3Cpolygon points='79.999 -400 79.999 -320 0 -400 0 -480'/%3E%3Cpolygon points='160 -400 160 -320 79.999 -320'/%3E%3C/pattern%3E%3Crect class='st1' width='2560' height='1600'/%3E%3C/svg%3E"); .jumbotron {
|
|
9
7
|
background-color: transparent;
|
|
10
8
|
padding-left: 0px;
|
|
11
9
|
padding-right:0px;
|
|
@@ -22,11 +20,7 @@ header {
|
|
|
22
20
|
}
|
|
23
21
|
}
|
|
24
22
|
}
|
|
25
|
-
|
|
26
|
-
height: 40px;
|
|
27
|
-
padding: 0 0;
|
|
28
|
-
}
|
|
29
|
-
|
|
23
|
+
// Animations for the dropdown menu
|
|
30
24
|
@-webkit-keyframes fadeInUp {
|
|
31
25
|
from {
|
|
32
26
|
opacity: 0;
|
|
@@ -54,124 +48,123 @@ img.navbar-brand {
|
|
|
54
48
|
transform: translate3d(0, 0, 0);
|
|
55
49
|
}
|
|
56
50
|
}
|
|
57
|
-
|
|
58
|
-
#main_container {
|
|
59
|
-
padding-top: 70px;
|
|
60
|
-
background-color: #fff;
|
|
61
|
-
}
|
|
62
51
|
.navbar {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
52
|
+
background-color: $primary;
|
|
53
|
+
border-radius: 0;
|
|
54
|
+
-webkit-transition: all 0.3s ease-out;
|
|
55
|
+
-moz-transition: all 0.3s ease-out;
|
|
56
|
+
-o-transition: all 0.3s ease-out;
|
|
57
|
+
transition: all 0.3s ease-out;
|
|
58
|
+
background-color: $primary;
|
|
59
|
+
&.bg-faded:hover {
|
|
60
|
+
background-color:$primary;
|
|
72
61
|
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
62
|
+
&.bg-faded {
|
|
63
|
+
background-color:transparent;
|
|
64
|
+
}
|
|
65
|
+
&.affix {
|
|
66
|
+
position: fixed;
|
|
67
|
+
top: 0;
|
|
68
|
+
right: 0;
|
|
69
|
+
left: 0;
|
|
70
|
+
z-index: 1030;
|
|
71
|
+
padding-top: 15px;
|
|
72
|
+
padding-bottom: 15px;
|
|
73
|
+
background-color: $primary;
|
|
74
|
+
.nav-item > a, .navbar-brand {
|
|
75
|
+
color: #fff;
|
|
81
76
|
}
|
|
82
|
-
}
|
|
83
|
-
.dropdown.show {
|
|
84
|
-
.dropdown-menu {
|
|
85
|
-
opacity: 1;
|
|
86
77
|
}
|
|
78
|
+
|
|
79
|
+
@include media-breakpoint-down(sm) {
|
|
80
|
+
a.dropdown-item {
|
|
81
|
+
padding: 1rem 0.5rem;
|
|
82
|
+
}
|
|
83
|
+
.collapse.show {
|
|
84
|
+
background-color: $primary;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
img.navbar-brand {
|
|
88
|
+
height: 40px;
|
|
89
|
+
padding: 0 0;
|
|
90
|
+
}
|
|
91
|
+
.nav-link {
|
|
92
|
+
font-size: 1.4rem;
|
|
93
|
+
&.dropdown-toggle {
|
|
94
|
+
&:hover + .dropdown-menu {
|
|
95
|
+
-webkit-animation-name: fadeInUp;
|
|
96
|
+
animation-name: fadeInUp;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
.dropdown.show {
|
|
101
|
+
.dropdown-menu {
|
|
102
|
+
opacity: 1;
|
|
103
|
+
}
|
|
87
104
|
}
|
|
88
105
|
.dropdown-menu {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
106
|
+
opacity: 0;
|
|
107
|
+
-webkit-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
|
|
108
|
+
-moz-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
|
|
109
|
+
box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
|
|
110
|
+
margin-top: -2px;
|
|
111
|
+
&:hover {
|
|
94
112
|
opacity: 1;
|
|
95
|
-
}
|
|
96
|
-
&::before {
|
|
97
|
-
border-color: rgba(184, 184, 184, 0);
|
|
98
|
-
border-bottom-color: #b8b8b8;
|
|
99
|
-
border-width: 6px;
|
|
100
|
-
background-clip: padding-box;
|
|
101
|
-
bottom: 100%;
|
|
102
|
-
right: 15px;
|
|
103
|
-
border: solid transparent;
|
|
104
|
-
content: " ";
|
|
105
|
-
height: 0;
|
|
106
|
-
width: 0;
|
|
107
|
-
position: absolute;
|
|
108
|
-
pointer-events: none;
|
|
109
|
-
}
|
|
110
113
|
}
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
.
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
padding-top: 15px;
|
|
166
|
-
padding-bottom: 15px;
|
|
167
|
-
}
|
|
168
|
-
/* fixed to top styles */
|
|
169
|
-
.affix.navbar {
|
|
170
|
-
background-color: $primary;
|
|
171
|
-
}
|
|
172
|
-
.affix.navbar .nav-item>a,
|
|
173
|
-
.affix.navbar .navbar-brand {
|
|
174
|
-
color: #fff;
|
|
114
|
+
&::before {
|
|
115
|
+
border-color: rgba(184, 184, 184, 0);
|
|
116
|
+
border-bottom-color: #b8b8b8;
|
|
117
|
+
border-width: 6px;
|
|
118
|
+
background-clip: padding-box;
|
|
119
|
+
bottom: 100%;
|
|
120
|
+
right: 15px;
|
|
121
|
+
border: solid transparent;
|
|
122
|
+
content: " ";
|
|
123
|
+
height: 0;
|
|
124
|
+
width: 0;
|
|
125
|
+
position: absolute;
|
|
126
|
+
pointer-events: none;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
padding-top: 30px;
|
|
130
|
+
padding-bottom: 30px;
|
|
131
|
+
.dropdown-toggle::after {
|
|
132
|
+
display: none;
|
|
133
|
+
}
|
|
134
|
+
.navbar-toggler {
|
|
135
|
+
border: none;
|
|
136
|
+
background: transparent !important;
|
|
137
|
+
.icon-bar {
|
|
138
|
+
width: 22px;
|
|
139
|
+
height: 2px;
|
|
140
|
+
background-color: #fff;
|
|
141
|
+
display: block;
|
|
142
|
+
transition: all 0.2s;
|
|
143
|
+
margin-top: 4px;
|
|
144
|
+
&.top-bar {
|
|
145
|
+
transform: rotate(45deg);
|
|
146
|
+
transform-origin: 10% 10%;
|
|
147
|
+
}
|
|
148
|
+
&.middle-bar {
|
|
149
|
+
opacity: 0;
|
|
150
|
+
}
|
|
151
|
+
&.bottom-bar {
|
|
152
|
+
transform: rotate(-45deg);
|
|
153
|
+
transform-origin: 10% 90%;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
&.collapsed {
|
|
157
|
+
.top-bar {
|
|
158
|
+
transform: rotate(0);
|
|
159
|
+
}
|
|
160
|
+
.middle-bar {
|
|
161
|
+
opacity: 1;
|
|
162
|
+
}
|
|
163
|
+
.bottom-bar {
|
|
164
|
+
transform: rotate(0);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
175
168
|
}
|
|
176
169
|
/* navbar collapsing */
|
|
177
170
|
@media(max-width:34em) {
|
data/_sass/_theme.scss
CHANGED
|
@@ -1,57 +1,68 @@
|
|
|
1
1
|
::-moz-selection { background: $primary; }
|
|
2
2
|
::selection { background: $primary; }
|
|
3
3
|
|
|
4
|
-
// .btn {
|
|
5
|
-
// font-size: 1rem;
|
|
6
|
-
// padding: 10px 30px;
|
|
7
|
-
// }
|
|
8
|
-
.card {
|
|
9
|
-
margin-top:30px;
|
|
10
|
-
}
|
|
11
4
|
.card__block {
|
|
12
5
|
padding: 0 50px;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
6
|
+
}
|
|
7
|
+
.card {
|
|
8
|
+
margin-top:20px;
|
|
9
|
+
.card-img-top {
|
|
17
10
|
overflow: hidden;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
11
|
+
height: 200px;
|
|
12
|
+
object-fit: cover;
|
|
13
|
+
}
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
&:hover {
|
|
16
|
+
position: relative;
|
|
17
|
+
transform: translateY(-5px);
|
|
18
|
+
-webkit-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
|
|
19
|
+
-moz-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
|
|
20
|
+
box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
|
|
27
21
|
img {
|
|
28
|
-
|
|
29
|
-
filter: brightness(100%);
|
|
22
|
+
filter: brightness(100%);
|
|
30
23
|
}
|
|
31
|
-
|
|
32
|
-
|
|
24
|
+
}
|
|
25
|
+
img {
|
|
26
|
+
&:hover {
|
|
27
|
+
filter: brightness(100%);
|
|
33
28
|
}
|
|
34
|
-
|
|
29
|
+
filter: brightness(90%);
|
|
30
|
+
transition: all 1s ease-in-out;
|
|
35
31
|
}
|
|
32
|
+
transition: all 300ms ease-in-out;
|
|
36
33
|
}
|
|
37
|
-
|
|
38
|
-
padding: 50px 15px;
|
|
39
|
-
}
|
|
40
|
-
section.container ul {
|
|
41
|
-
font-size: 20px;
|
|
42
|
-
}
|
|
43
|
-
section.container p {
|
|
44
|
-
font-size: 22px;
|
|
45
|
-
}
|
|
46
|
-
.container {
|
|
47
|
-
max-width: 1200px !important;
|
|
48
|
-
}
|
|
34
|
+
|
|
49
35
|
body{
|
|
50
|
-
font-family: '
|
|
36
|
+
font-family: 'Lato', sans-serif !important;
|
|
51
37
|
background-color: #fff;
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
38
|
+
#wrapper {
|
|
39
|
+
#main_container {
|
|
40
|
+
padding-top: 110px;
|
|
41
|
+
background-color: #fff;
|
|
42
|
+
padding-bottom: 20px;
|
|
43
|
+
&.not_top {
|
|
44
|
+
padding-top:20px;
|
|
45
|
+
#main_content {
|
|
46
|
+
padding-top: 0px;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
#main_content {
|
|
50
|
+
padding-top: 20px;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
.padded {
|
|
54
|
+
padding: 50px 15px;
|
|
55
|
+
}
|
|
56
|
+
section.container ul {
|
|
57
|
+
font-size: 20px;
|
|
58
|
+
}
|
|
59
|
+
section.container p {
|
|
60
|
+
font-size: 22px;
|
|
61
|
+
}
|
|
62
|
+
.container {
|
|
63
|
+
max-width: 1200px !important;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
55
66
|
}
|
|
56
67
|
.container .col-md-4 a:hover {
|
|
57
68
|
text-decoration: none;
|
|
@@ -68,7 +79,7 @@ div#main-container {
|
|
|
68
79
|
background-color: white;
|
|
69
80
|
}
|
|
70
81
|
#wrapper .site-footer {
|
|
71
|
-
background-color:
|
|
82
|
+
background-color: $primary;
|
|
72
83
|
height: 100%;
|
|
73
84
|
}
|
|
74
85
|
#wrapper .site-footer {
|
|
@@ -104,7 +115,7 @@ div#main-container {
|
|
|
104
115
|
position: absolute;
|
|
105
116
|
right: -5px;
|
|
106
117
|
bottom: -15px;
|
|
107
|
-
background:
|
|
118
|
+
background: darken($primary, 10%);
|
|
108
119
|
padding: 20px;
|
|
109
120
|
color: white;
|
|
110
121
|
text-align: center;
|
|
@@ -134,23 +145,9 @@ div#main-container {
|
|
|
134
145
|
-webkit-transition: 0.5s;
|
|
135
146
|
-o-transition: 0.5s;
|
|
136
147
|
}
|
|
137
|
-
body{
|
|
138
|
-
font-family: 'Lato', sans-serif !important;
|
|
139
|
-
}
|
|
140
|
-
//Scroll Bar
|
|
141
|
-
body::-webkit-scrollbar {
|
|
142
|
-
width: 1em;
|
|
143
|
-
}
|
|
144
|
-
body::-webkit-scrollbar-track {
|
|
145
|
-
background-color: #000;
|
|
146
|
-
}
|
|
147
|
-
body::-webkit-scrollbar-thumb {
|
|
148
|
-
background-color: $gray-900;
|
|
149
|
-
}
|
|
150
148
|
.dropdown-menu.collapsing {
|
|
151
149
|
display:block;
|
|
152
150
|
}
|
|
153
|
-
|
|
154
151
|
/* ANIMATED X */
|
|
155
152
|
.navbar-toggler {
|
|
156
153
|
border-color: none;
|
|
@@ -265,9 +262,17 @@ button.navbar-toggler {
|
|
|
265
262
|
display: block;
|
|
266
263
|
line-height: 23px;
|
|
267
264
|
}
|
|
268
|
-
.site-footer
|
|
269
|
-
|
|
270
|
-
|
|
265
|
+
.site-footer {
|
|
266
|
+
h3 {
|
|
267
|
+
color:#e9e9e9;
|
|
268
|
+
margin-top: 20px;
|
|
269
|
+
}
|
|
270
|
+
a {
|
|
271
|
+
color: lighten($primary, 20%);
|
|
272
|
+
&:hover {
|
|
273
|
+
color: $secondary;
|
|
274
|
+
}
|
|
275
|
+
}
|
|
271
276
|
}
|
|
272
277
|
|
|
273
278
|
ul.services-list li {
|
|
@@ -385,10 +390,13 @@ img.img-fluid.team.lazyloaded {
|
|
|
385
390
|
.highlighter-rouge button.btn {
|
|
386
391
|
position: absolute;
|
|
387
392
|
bottom: 0px;
|
|
388
|
-
z-index:
|
|
393
|
+
z-index: 999;
|
|
389
394
|
right: 0px;
|
|
395
|
+
border-bottom-right-radius: 0px;
|
|
390
396
|
border-left: 1px solid white;
|
|
391
397
|
border-top: 1px solid white;
|
|
398
|
+
border-bottom-left-radius: 0px;
|
|
399
|
+
border-top-right-radius: 0px;
|
|
392
400
|
}
|
|
393
401
|
.highlighter-rouge button:focus {outline:0 !important;}
|
|
394
402
|
.highlighter-rouge button.btn:hover {
|
data/_sass/_variables.scss
CHANGED
data/assets/css/dist.scss
CHANGED
|
Binary file
|
|
@@ -7,6 +7,10 @@
|
|
|
7
7
|
<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
|
|
8
8
|
<missing-glyph horiz-adv-x="1000" />
|
|
9
9
|
<glyph glyph-name="up-open" unicode="" d="M939 107l-92-92q-11-10-26-10t-25 10l-296 297-296-297q-11-10-25-10t-25 10l-93 92q-11 11-11 26t11 25l414 414q11 10 25 10t25-10l414-414q11-11 11-25t-11-26z" horiz-adv-x="1000" />
|
|
10
|
+
|
|
11
|
+
<glyph glyph-name="clipboard" unicode="" d="M678 819q65 0 110-46t46-110l0-625q0-65-46-111t-110-46l-522 0q-65 0-110 46t-46 111l0 625q0 65 46 110t110 46l522 0z m-418-104l0-52q0-21 16-37t37-16l208 0q22 0 37 16t15 37l0 52-313 0z m469-677l0 625q0 21-15 37t-36 15l-53 0 0-52q0-43-30-73t-74-31l-208 0q-43 0-74 31t-30 73l0 52-53 0q-21 0-37-15t-15-37l0-625q0-21 15-37t37-16l522 0q21 0 36 16t15 37z m-104 52l-416 0q-26 0-26 25 0 12 7 19t19 8l416 0q11 0 19-8t7-19q0-25-26-25z m0 157l-416 0q-11 0-19 7t-7 19q0 25 26 25l416 0q26 0 26-25 0-11-7-19t-19-7z m0 156l-416 0q-26 0-26 25 0 11 7 19t19 7l416 0q11 0 19-7t7-19q0-25-26-25z" horiz-adv-x="834" />
|
|
12
|
+
|
|
13
|
+
<glyph glyph-name="search-outline" unicode="" d="M511 580q-65 0-110-46t-46-110 46-111 110-45 111 45 46 111-46 110-111 46z m0 51q87 0 147-60t61-147-61-148-147-61-147 61-61 148 61 147 147 60z m-511-555q0 68 48 115l117 119q-19 54-19 114 0 151 107 257t258 107 258-107 106-257-106-258-258-107q-53 0-113 19l-125-124q-49-42-110-42-68 0-115 49t-48 115z m336 88q-51 34-85 85l-130-131q-17-15-17-42 0-25 17-42t42-18q22 0 42 18z m175-1q108 0 184 76t76 185-76 184-184 76-184-76-77-184 77-185 184-76z" horiz-adv-x="875" />
|
|
10
14
|
</font>
|
|
11
15
|
</defs>
|
|
12
16
|
</svg>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
File without changes
|
data/assets/js/app/main.js
CHANGED
|
@@ -23,7 +23,7 @@ $(function(){
|
|
|
23
23
|
var currentId = "codeblock" + (i + 1);
|
|
24
24
|
$(this).attr('id', currentId);
|
|
25
25
|
//trigger
|
|
26
|
-
var clipButton = '<button data-toggle="tooltip" data-placement="left" title="Copied to Clipboard" class="btn" data-clipboard-target="#' + currentId + '"
|
|
26
|
+
var clipButton = '<button data-toggle="tooltip" data-placement="left" title="Copied to Clipboard" class="btn" data-clipboard-target="#' + currentId + '"> <i aria-hidden="true" class="icon-clipboard"></i></button>';
|
|
27
27
|
$(this).append(clipButton);
|
|
28
28
|
});
|
|
29
29
|
var cb = new Clipboard('.highlighter-rouge .btn');
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: seriously_simple_static_starter
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.2.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Kyle Kirkby
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2019-06-
|
|
11
|
+
date: 2019-06-18 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -80,6 +80,20 @@ dependencies:
|
|
|
80
80
|
- - '='
|
|
81
81
|
- !ruby/object:Gem::Version
|
|
82
82
|
version: 2.4.0
|
|
83
|
+
- !ruby/object:Gem::Dependency
|
|
84
|
+
name: jekyll-feed
|
|
85
|
+
requirement: !ruby/object:Gem::Requirement
|
|
86
|
+
requirements:
|
|
87
|
+
- - ">="
|
|
88
|
+
- !ruby/object:Gem::Version
|
|
89
|
+
version: '0'
|
|
90
|
+
type: :runtime
|
|
91
|
+
prerelease: false
|
|
92
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
93
|
+
requirements:
|
|
94
|
+
- - ">="
|
|
95
|
+
- !ruby/object:Gem::Version
|
|
96
|
+
version: '0'
|
|
83
97
|
- !ruby/object:Gem::Dependency
|
|
84
98
|
name: jekyll-4-picture-tag
|
|
85
99
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -117,13 +131,15 @@ extra_rdoc_files: []
|
|
|
117
131
|
files:
|
|
118
132
|
- LICENSE.txt
|
|
119
133
|
- README.md
|
|
134
|
+
- _includes/blog_archive.html
|
|
120
135
|
- _includes/cards.html
|
|
121
136
|
- _includes/feature-block.html
|
|
137
|
+
- _includes/flow.html
|
|
122
138
|
- _includes/footer.html
|
|
123
139
|
- _includes/ga-lite.html
|
|
124
140
|
- _includes/head.html
|
|
125
141
|
- _includes/header.html
|
|
126
|
-
- _includes/
|
|
142
|
+
- _includes/latest_posts.html
|
|
127
143
|
- _includes/navbar.html
|
|
128
144
|
- _includes/slider.html
|
|
129
145
|
- _layouts/base.html
|
|
@@ -241,9 +257,9 @@ files:
|
|
|
241
257
|
- assets/fonts/lato/regular/regular.ttf
|
|
242
258
|
- assets/fonts/lato/regular/regular.woff
|
|
243
259
|
- assets/fonts/lato/regular/regular.woff2
|
|
244
|
-
- assets/images/abstract-bg.jpg
|
|
245
260
|
- assets/images/abstract-lines.jpg
|
|
246
261
|
- assets/images/marketing.jpg
|
|
262
|
+
- assets/images/placeholder.jpg
|
|
247
263
|
- assets/images/ssss-resized.png
|
|
248
264
|
- assets/images/ssss.png
|
|
249
265
|
- assets/images/tech-1495181_1920.jpg
|