seriously_simple_static_starter 0.1.2 → 0.2.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|