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.
Files changed (25) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/blog_archive.html +9 -0
  3. data/_includes/cards.html +1 -1
  4. data/_includes/flow.html +19 -0
  5. data/_includes/header.html +23 -17
  6. data/_includes/{latest-posts.html → latest_posts.html} +3 -2
  7. data/_includes/navbar.html +1 -1
  8. data/_layouts/default.html +1 -1
  9. data/_layouts/flow.html +1 -19
  10. data/_layouts/page.html +15 -3
  11. data/_layouts/post.html +1 -1
  12. data/_sass/_fontello.scss +6 -2
  13. data/_sass/_header.scss +8 -0
  14. data/_sass/_navbar.scss +111 -118
  15. data/_sass/_theme.scss +69 -61
  16. data/_sass/_variables.scss +1 -1
  17. data/assets/css/dist.scss +1 -0
  18. data/assets/fonts/fontello/fontello.eot +0 -0
  19. data/assets/fonts/fontello/fontello.svg +4 -0
  20. data/assets/fonts/fontello/fontello.ttf +0 -0
  21. data/assets/fonts/fontello/fontello.woff +0 -0
  22. data/assets/fonts/fontello/fontello.woff2 +0 -0
  23. data/assets/images/{abstract-bg.jpg → placeholder.jpg} +0 -0
  24. data/assets/js/app/main.js +1 -1
  25. metadata +20 -4
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a270bf71e08ad384a71534c7419a84970596b3b2ca7f53bbb570aff708faae54
4
- data.tar.gz: 694eb14c319a0b5e0eb8f41eb5228b3109b1b6629b0ee294fab03f933ff32c6d
3
+ metadata.gz: 9679f705bb22e996d8e7ade59acd5d9cd5d03f7e88502bf4ae642e558f795766
4
+ data.tar.gz: b06849820c4d7eb47ca34c3952fc4d0b381197aaadc2e59931706d2ccab286f8
5
5
  SHA512:
6
- metadata.gz: 72f0fcba32180930728ad0dee72e2d1d0ecd2c5813dc9ed3d08d1c8100805812e8f3e9c6ecc2d5aff2a7e7cc50ef307e9f4427e702b9cfd78ffbcdd39a0175a1
7
- data.tar.gz: '0608f325ea0419a2357ea4550631f30974dc1a92a3abcaccc981f640f7a61d9cc7014b1c65979c98e4692fa5f5ac5ffe87950b73b3f211ce6b0fd9b67ef13c65'
6
+ metadata.gz: 597c490bda109e5b9ce182157cdb645d263a0f149cfd9fa6a93aaeccc6bdb16d224f0a031a62913bbf7a7692bbb101559913ac4356e3b9586d234b707fa53e8a
7
+ data.tar.gz: 4810a760127ad71ae74769683ae207d8dd5d67df9783a1d6f0b05009b9302433f529483254cc867501952cef54b3c35c94361531fca3ef4aec231735f6017012
data/_includes/blog_archive.html ADDED
@@ -0,0 +1,9 @@
1
+ <ul class="list-group">
2
+ {% for post in site.posts %}
3
+ <li class="list-group-item">
4
+ <a href="{{post.url}}" >
5
+ {{post.title}} - <small class="text-muted">{{post.date | date: "%A, %B %-d, %Y"}}</small>
6
+ </a>
7
+ </li>
8
+ {% endfor %}
9
+ </ul>
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
- {% 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 %}
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
- <small>{{include.object.date | date: "%A, %B %-d, %Y" }}</small>
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>
data/_includes/{latest-posts.html → latest_posts.html} RENAMED
@@ -6,8 +6,8 @@
6
6
  </div>
7
7
  </div>
8
8
  <div class="row">
9
- {% for post in site.posts limit: include.object.number_of_posts %}
10
- <div class="col-md-3">
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
@@ -1,4 +1,4 @@
1
1
  ---
2
- layout: flow
2
+ layout: page
3
3
  ---
4
4
  {{ content }}
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
- <div class="container-fluid content" id="main_container">
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: default
2
+ layout: base
3
3
  ---
4
-
5
- {{ content }}
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
@@ -2,7 +2,7 @@
2
2
  layout: base
3
3
  ---
4
4
  {% include header.html object=page %}
5
- <div class="container-fluid content" id="main_container">
5
+ <div class="container-fluid content not_top" id="main_container">
6
6
  <div class="row" id="main_content">
7
7
  <div class="container">
8
8
  {{content}}
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?53614618#fontello') format('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
@@ -3,5 +3,13 @@ header {
3
3
  h1 {
4
4
  padding-top:100px;
5
5
  }
6
+ span.author {
7
+ a {
8
+ color: $secondary;
9
+ &:hover {
10
+ color: $primary;
11
+ }
12
+ }
13
+ }
6
14
  }
7
15
  }
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-color: #36a1f0;
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
- img.navbar-brand {
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
- border-radius: 0;
64
- -webkit-transition: all 0.3s ease-out;
65
- -moz-transition: all 0.3s ease-out;
66
- -o-transition: all 0.3s ease-out;
67
- transition: all 0.3s ease-out;
68
- background-color: transparent;
69
- @include media-breakpoint-down(sm) {
70
- a.dropdown-item {
71
- padding: 1rem 0.5rem;
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
- .nav-link {
75
- font-size: 1.4rem;
76
- &.dropdown-toggle{
77
- &:hover + .dropdown-menu {
78
- -webkit-animation-name: fadeInUp;
79
- animation-name: fadeInUp;
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
- opacity: 0;
90
- -webkit-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
91
- -moz-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
92
- box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
93
- &:hover {
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
- padding-top: 30px;
113
- padding-bottom: 30px;
114
- .dropdown-toggle::after {
115
- display: none;
116
- }
117
- }
118
- .icon-bar {
119
- width: 22px;
120
- height: 2px;
121
- background-color: #fff;
122
- display: block;
123
- transition: all 0.2s;
124
- margin-top: 4px
125
- }
126
- nav.navbar.navbar-dark.navbar-expand-md.fixed-top.bg-faded:hover {
127
- background-color:$primary;
128
- }
129
- .navbar-toggler {
130
- border: none;
131
- background: transparent !important;
132
- }
133
-
134
- .navbar-toggler .top-bar {
135
- transform: rotate(45deg);
136
- transform-origin: 10% 10%;
137
- }
138
-
139
- .navbar-toggler .middle-bar {
140
- opacity: 0;
141
- }
142
-
143
- .navbar-toggler .bottom-bar {
144
- transform: rotate(-45deg);
145
- transform-origin: 10% 90%;
146
- }
147
-
148
- .navbar-toggler.collapsed .top-bar {
149
- transform: rotate(0);
150
- }
151
-
152
- .navbar-toggler.collapsed .middle-bar {
153
- opacity: 1;
154
- }
155
-
156
- .navbar-toggler.collapsed .bottom-bar {
157
- transform: rotate(0);
158
- }
159
- .affix {
160
- position: fixed;
161
- top: 0;
162
- right: 0;
163
- left: 0;
164
- z-index: 1030;
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
- .card {
14
- .card-img-top {
15
- overflow: hidden;
16
- }
6
+ }
7
+ .card {
8
+ margin-top:20px;
9
+ .card-img-top {
17
10
  overflow: hidden;
18
- &:hover {
19
- margin-top: 25px;
20
- -webkit-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
21
- -moz-box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
22
- box-shadow: 0px 0px 27px -7px rgba(0,0,0,0.75);
23
- img {
24
- filter: brightness(100%);
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
- &:hover {
29
- filter: brightness(100%);
22
+ filter: brightness(100%);
30
23
  }
31
- filter: brightness(90%);
32
- transition: all 1s ease-in-out;
24
+ }
25
+ img {
26
+ &:hover {
27
+ filter: brightness(100%);
33
28
  }
34
- transition: all 300ms ease-in-out;
29
+ filter: brightness(90%);
30
+ transition: all 1s ease-in-out;
35
31
  }
32
+ transition: all 300ms ease-in-out;
36
33
  }
37
- .padded {
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: 'Dosis';
36
+ font-family: 'Lato', sans-serif !important;
51
37
  background-color: #fff;
52
- }
53
- .dropdown-menu {
54
- margin-top: -1px;
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: #212528;
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: #212529;
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 h3 {
269
- color:#e9e9e9;
270
- margin-top: 20px;
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: 999999;
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
@@ -1,3 +1,3 @@
1
- $primary: #36a1f0 !default;
1
+ $primary: #000 !default;
2
2
  // Fonts
3
3
  $font-family-sans-serif: 'Lato', Arial, sans-serif;
data/assets/css/dist.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  ---
2
2
  ---
3
3
  @charset 'UTF-8';
4
+ @import "variables";
4
5
  @import "bootstrap/functions";
5
6
  @import "bootstrap/variables";
6
7
  @import "bootstrap/mixins";
data/assets/fonts/fontello/fontello.eot CHANGED
Binary file
data/assets/fonts/fontello/fontello.svg CHANGED
@@ -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="&#xe800;" 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="&#xe801;" 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="&#xe802;" 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>
data/assets/fonts/fontello/fontello.ttf CHANGED
Binary file
data/assets/fonts/fontello/fontello.woff CHANGED
Binary file
data/assets/fonts/fontello/fontello.woff2 CHANGED
Binary file
data/assets/images/{abstract-bg.jpg → placeholder.jpg} RENAMED
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 + '"><img src="https://clipboardjs.com/assets/images/clippy.svg" width="13" alt="Copy to clipboard"></button>';
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.1.2
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-17 00:00:00.000000000 Z
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/latest-posts.html
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