seriously_simple_static_starter 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (142) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +39 -0
  4. data/_includes/cards.html +27 -0
  5. data/_includes/feature-block.html +24 -0
  6. data/_includes/footer.html +11 -0
  7. data/_includes/ga-lite.html +5 -0
  8. data/_includes/head.html +39 -0
  9. data/_includes/header.html +34 -0
  10. data/_includes/latest-posts.html +28 -0
  11. data/_includes/navbar.html +40 -0
  12. data/_includes/slider.html +41 -0
  13. data/_layouts/base.html +22 -0
  14. data/_layouts/default.html +4 -0
  15. data/_layouts/flow.html +25 -0
  16. data/_layouts/page.html +5 -0
  17. data/_layouts/post.html +11 -0
  18. data/_sass/_animation.scss +68 -0
  19. data/_sass/_feature-block.scss +5 -0
  20. data/_sass/_fontello.scss +46 -0
  21. data/_sass/_header.scss +7 -0
  22. data/_sass/_highlighter.scss +84 -0
  23. data/_sass/_inherited.scss +39 -0
  24. data/_sass/_navbar.scss +188 -0
  25. data/_sass/_theme.scss +397 -0
  26. data/_sass/_variables.scss +3 -0
  27. data/_sass/animate.scss +3625 -0
  28. data/_sass/bootstrap/_alert.scss +51 -0
  29. data/_sass/bootstrap/_badge.scss +47 -0
  30. data/_sass/bootstrap/_breadcrumb.scss +38 -0
  31. data/_sass/bootstrap/_button-group.scss +166 -0
  32. data/_sass/bootstrap/_buttons.scss +143 -0
  33. data/_sass/bootstrap/_card.scss +270 -0
  34. data/_sass/bootstrap/_carousel.scss +191 -0
  35. data/_sass/bootstrap/_close.scss +34 -0
  36. data/_sass/bootstrap/_code.scss +56 -0
  37. data/_sass/bootstrap/_custom-forms.scss +297 -0
  38. data/_sass/bootstrap/_dropdown.scss +131 -0
  39. data/_sass/bootstrap/_forms.scss +333 -0
  40. data/_sass/bootstrap/_functions.scss +86 -0
  41. data/_sass/bootstrap/_grid.scss +52 -0
  42. data/_sass/bootstrap/_images.scss +42 -0
  43. data/_sass/bootstrap/_input-group.scss +159 -0
  44. data/_sass/bootstrap/_jumbotron.scss +16 -0
  45. data/_sass/bootstrap/_list-group.scss +115 -0
  46. data/_sass/bootstrap/_media.scss +8 -0
  47. data/_sass/bootstrap/_mixins.scss +42 -0
  48. data/_sass/bootstrap/_modal.scss +168 -0
  49. data/_sass/bootstrap/_nav.scss +118 -0
  50. data/_sass/bootstrap/_navbar.scss +311 -0
  51. data/_sass/bootstrap/_pagination.scss +77 -0
  52. data/_sass/bootstrap/_popover.scss +183 -0
  53. data/_sass/bootstrap/_print.scss +124 -0
  54. data/_sass/bootstrap/_progress.scss +33 -0
  55. data/_sass/bootstrap/_reboot.scss +482 -0
  56. data/_sass/bootstrap/_root.scss +19 -0
  57. data/_sass/bootstrap/_tables.scss +180 -0
  58. data/_sass/bootstrap/_tooltip.scss +115 -0
  59. data/_sass/bootstrap/_transitions.scss +36 -0
  60. data/_sass/bootstrap/_type.scss +125 -0
  61. data/_sass/bootstrap/_utilities.scss +14 -0
  62. data/_sass/bootstrap/_variables.scss +894 -0
  63. data/_sass/bootstrap/bootstrap-grid.scss +32 -0
  64. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  65. data/_sass/bootstrap/bootstrap.scss +42 -0
  66. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  67. data/_sass/bootstrap/mixins/_background-variant.scss +21 -0
  68. data/_sass/bootstrap/mixins/_badge.scss +12 -0
  69. data/_sass/bootstrap/mixins/_border-radius.scss +35 -0
  70. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  71. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  72. data/_sass/bootstrap/mixins/_buttons.scss +109 -0
  73. data/_sass/bootstrap/mixins/_caret.scss +65 -0
  74. data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
  75. data/_sass/bootstrap/mixins/_float.scss +11 -0
  76. data/_sass/bootstrap/mixins/_forms.scss +137 -0
  77. data/_sass/bootstrap/mixins/_gradients.scss +45 -0
  78. data/_sass/bootstrap/mixins/_grid-framework.scss +67 -0
  79. data/_sass/bootstrap/mixins/_grid.scss +52 -0
  80. data/_sass/bootstrap/mixins/_hover.scss +39 -0
  81. data/_sass/bootstrap/mixins/_image.scss +36 -0
  82. data/_sass/bootstrap/mixins/_list-group.scss +21 -0
  83. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  84. data/_sass/bootstrap/mixins/_nav-divider.scss +10 -0
  85. data/_sass/bootstrap/mixins/_navbar-align.scss +10 -0
  86. data/_sass/bootstrap/mixins/_pagination.scss +22 -0
  87. data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
  88. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  89. data/_sass/bootstrap/mixins/_screen-reader.scss +35 -0
  90. data/_sass/bootstrap/mixins/_size.scss +6 -0
  91. data/_sass/bootstrap/mixins/_table-row.scss +30 -0
  92. data/_sass/bootstrap/mixins/_text-emphasis.scss +14 -0
  93. data/_sass/bootstrap/mixins/_text-hide.scss +9 -0
  94. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  95. data/_sass/bootstrap/mixins/_transition.scss +9 -0
  96. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  97. data/_sass/bootstrap/utilities/_align.scss +8 -0
  98. data/_sass/bootstrap/utilities/_background.scss +19 -0
  99. data/_sass/bootstrap/utilities/_borders.scss +59 -0
  100. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  101. data/_sass/bootstrap/utilities/_display.scss +38 -0
  102. data/_sass/bootstrap/utilities/_embed.scss +52 -0
  103. data/_sass/bootstrap/utilities/_flex.scss +46 -0
  104. data/_sass/bootstrap/utilities/_float.scss +9 -0
  105. data/_sass/bootstrap/utilities/_position.scss +36 -0
  106. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  107. data/_sass/bootstrap/utilities/_sizing.scss +12 -0
  108. data/_sass/bootstrap/utilities/_spacing.scss +51 -0
  109. data/_sass/bootstrap/utilities/_text.scss +52 -0
  110. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  111. data/assets/css/critical.scss +5 -0
  112. data/assets/css/dist.scss +47 -0
  113. data/assets/fonts/fontello/fontello.eot +0 -0
  114. data/assets/fonts/fontello/fontello.svg +12 -0
  115. data/assets/fonts/fontello/fontello.ttf +0 -0
  116. data/assets/fonts/fontello/fontello.woff +0 -0
  117. data/assets/fonts/fontello/fontello.woff2 +0 -0
  118. data/assets/fonts/lato/bold/bold.eot +0 -0
  119. data/assets/fonts/lato/bold/bold.svg +2835 -0
  120. data/assets/fonts/lato/bold/bold.ttf +0 -0
  121. data/assets/fonts/lato/bold/bold.woff +0 -0
  122. data/assets/fonts/lato/bold/bold.woff2 +0 -0
  123. data/assets/fonts/lato/regular/regular.eot +0 -0
  124. data/assets/fonts/lato/regular/regular.svg +435 -0
  125. data/assets/fonts/lato/regular/regular.ttf +0 -0
  126. data/assets/fonts/lato/regular/regular.woff +0 -0
  127. data/assets/fonts/lato/regular/regular.woff2 +0 -0
  128. data/assets/images/abstract-bg.jpg +0 -0
  129. data/assets/images/abstract-lines.jpg +0 -0
  130. data/assets/images/marketing.jpg +0 -0
  131. data/assets/images/ssss-resized.png +0 -0
  132. data/assets/images/ssss.png +0 -0
  133. data/assets/images/tech-1495181_1920.jpg +0 -0
  134. data/assets/js/app/main.js +64 -0
  135. data/assets/js/bundle.js +7 -0
  136. data/assets/js/vendor/_popper.js +5 -0
  137. data/assets/js/vendor/bootstrap.js +7 -0
  138. data/assets/js/vendor/clipboard.js +7 -0
  139. data/assets/js/vendor/jquery.js +2 -0
  140. data/assets/js/vendor/lazysizes.min.js +1 -0
  141. data/assets/js/vendor/ls.unveilhooks.min.js +2 -0
  142. metadata +283 -0
@@ -0,0 +1,270 @@
1
+ //
2
+ // Base styles
3
+ //
4
+
5
+ .card {
6
+ position: relative;
7
+ display: flex;
8
+ flex-direction: column;
9
+ min-width: 0;
10
+ word-wrap: break-word;
11
+ background-color: $card-bg;
12
+ background-clip: border-box;
13
+ border: $card-border-width solid $card-border-color;
14
+ @include border-radius($card-border-radius);
15
+
16
+ > hr {
17
+ margin-right: 0;
18
+ margin-left: 0;
19
+ }
20
+
21
+ > .list-group:first-child {
22
+ .list-group-item:first-child {
23
+ @include border-top-radius($card-border-radius);
24
+ }
25
+ }
26
+
27
+ > .list-group:last-child {
28
+ .list-group-item:last-child {
29
+ @include border-bottom-radius($card-border-radius);
30
+ }
31
+ }
32
+ }
33
+
34
+ .card-body {
35
+ // Enable `flex-grow: 1` for decks and groups so that card blocks take up
36
+ // as much space as possible, ensuring footers are aligned to the bottom.
37
+ flex: 1 1 auto;
38
+ padding: $card-spacer-x;
39
+ }
40
+
41
+ .card-title {
42
+ margin-bottom: $card-spacer-y;
43
+ }
44
+
45
+ .card-subtitle {
46
+ margin-top: -($card-spacer-y / 2);
47
+ margin-bottom: 0;
48
+ }
49
+
50
+ .card-text:last-child {
51
+ margin-bottom: 0;
52
+ }
53
+
54
+ .card-link {
55
+ @include hover {
56
+ text-decoration: none;
57
+ }
58
+
59
+ + .card-link {
60
+ margin-left: $card-spacer-x;
61
+ }
62
+ }
63
+
64
+ //
65
+ // Optional textual caps
66
+ //
67
+
68
+ .card-header {
69
+ padding: $card-spacer-y $card-spacer-x;
70
+ margin-bottom: 0; // Removes the default margin-bottom of <hN>
71
+ background-color: $card-cap-bg;
72
+ border-bottom: $card-border-width solid $card-border-color;
73
+
74
+ &:first-child {
75
+ @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
76
+ }
77
+
78
+ + .list-group {
79
+ .list-group-item:first-child {
80
+ border-top: 0;
81
+ }
82
+ }
83
+ }
84
+
85
+ .card-footer {
86
+ padding: $card-spacer-y $card-spacer-x;
87
+ background-color: $card-cap-bg;
88
+ border-top: $card-border-width solid $card-border-color;
89
+
90
+ &:last-child {
91
+ @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
92
+ }
93
+ }
94
+
95
+
96
+ //
97
+ // Header navs
98
+ //
99
+
100
+ .card-header-tabs {
101
+ margin-right: -($card-spacer-x / 2);
102
+ margin-bottom: -$card-spacer-y;
103
+ margin-left: -($card-spacer-x / 2);
104
+ border-bottom: 0;
105
+ }
106
+
107
+ .card-header-pills {
108
+ margin-right: -($card-spacer-x / 2);
109
+ margin-left: -($card-spacer-x / 2);
110
+ }
111
+
112
+ // Card image
113
+ .card-img-overlay {
114
+ position: absolute;
115
+ top: 0;
116
+ right: 0;
117
+ bottom: 0;
118
+ left: 0;
119
+ padding: $card-img-overlay-padding;
120
+ }
121
+
122
+ .card-img {
123
+ width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
124
+ @include border-radius($card-inner-border-radius);
125
+ }
126
+
127
+ // Card image caps
128
+ .card-img-top {
129
+ width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
130
+ @include border-top-radius($card-inner-border-radius);
131
+ }
132
+
133
+ .card-img-bottom {
134
+ width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
135
+ @include border-bottom-radius($card-inner-border-radius);
136
+ }
137
+
138
+
139
+ // Card deck
140
+
141
+ .card-deck {
142
+ display: flex;
143
+ flex-direction: column;
144
+
145
+ .card {
146
+ margin-bottom: $card-deck-margin;
147
+ }
148
+
149
+ @include media-breakpoint-up(sm) {
150
+ flex-flow: row wrap;
151
+ margin-right: -$card-deck-margin;
152
+ margin-left: -$card-deck-margin;
153
+
154
+ .card {
155
+ display: flex;
156
+ // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
157
+ flex: 1 0 0%;
158
+ flex-direction: column;
159
+ margin-right: $card-deck-margin;
160
+ margin-bottom: 0; // Override the default
161
+ margin-left: $card-deck-margin;
162
+ }
163
+ }
164
+ }
165
+
166
+
167
+ //
168
+ // Card groups
169
+ //
170
+
171
+ .card-group {
172
+ display: flex;
173
+ flex-direction: column;
174
+
175
+ // The child selector allows nested `.card` within `.card-group`
176
+ // to display properly.
177
+ > .card {
178
+ margin-bottom: $card-group-margin;
179
+ }
180
+
181
+ @include media-breakpoint-up(sm) {
182
+ flex-flow: row wrap;
183
+ // The child selector allows nested `.card` within `.card-group`
184
+ // to display properly.
185
+ > .card {
186
+ // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
187
+ flex: 1 0 0%;
188
+ margin-bottom: 0;
189
+
190
+ + .card {
191
+ margin-left: 0;
192
+ border-left: 0;
193
+ }
194
+
195
+ // Handle rounded corners
196
+ @if $enable-rounded {
197
+ &:first-child {
198
+ @include border-right-radius(0);
199
+
200
+ .card-img-top,
201
+ .card-header {
202
+ border-top-right-radius: 0;
203
+ }
204
+ .card-img-bottom,
205
+ .card-footer {
206
+ border-bottom-right-radius: 0;
207
+ }
208
+ }
209
+
210
+ &:last-child {
211
+ @include border-left-radius(0);
212
+
213
+ .card-img-top,
214
+ .card-header {
215
+ border-top-left-radius: 0;
216
+ }
217
+ .card-img-bottom,
218
+ .card-footer {
219
+ border-bottom-left-radius: 0;
220
+ }
221
+ }
222
+
223
+ &:only-child {
224
+ @include border-radius($card-border-radius);
225
+
226
+ .card-img-top,
227
+ .card-header {
228
+ @include border-top-radius($card-border-radius);
229
+ }
230
+ .card-img-bottom,
231
+ .card-footer {
232
+ @include border-bottom-radius($card-border-radius);
233
+ }
234
+ }
235
+
236
+ &:not(:first-child):not(:last-child):not(:only-child) {
237
+ @include border-radius(0);
238
+
239
+ .card-img-top,
240
+ .card-img-bottom,
241
+ .card-header,
242
+ .card-footer {
243
+ @include border-radius(0);
244
+ }
245
+ }
246
+ }
247
+ }
248
+ }
249
+ }
250
+
251
+
252
+ //
253
+ // Columns
254
+ //
255
+
256
+ .card-columns {
257
+ .card {
258
+ margin-bottom: $card-columns-margin;
259
+ }
260
+
261
+ @include media-breakpoint-up(sm) {
262
+ column-count: $card-columns-count;
263
+ column-gap: $card-columns-gap;
264
+
265
+ .card {
266
+ display: inline-block; // Don't let them vertically span multiple columns
267
+ width: 100%; // Don't let their width change
268
+ }
269
+ }
270
+ }
@@ -0,0 +1,191 @@
1
+ // Wrapper for the slide container and indicators
2
+ .carousel {
3
+ position: relative;
4
+ }
5
+
6
+ .carousel-inner {
7
+ position: relative;
8
+ width: 100%;
9
+ overflow: hidden;
10
+ }
11
+
12
+ .carousel-item {
13
+ position: relative;
14
+ display: none;
15
+ align-items: center;
16
+ width: 100%;
17
+ @include transition($carousel-transition);
18
+ backface-visibility: hidden;
19
+ perspective: 1000px;
20
+ }
21
+
22
+ .carousel-item.active,
23
+ .carousel-item-next,
24
+ .carousel-item-prev {
25
+ display: block;
26
+ }
27
+
28
+ .carousel-item-next,
29
+ .carousel-item-prev {
30
+ position: absolute;
31
+ top: 0;
32
+ }
33
+
34
+ // CSS3 transforms when supported by the browser
35
+ .carousel-item-next.carousel-item-left,
36
+ .carousel-item-prev.carousel-item-right {
37
+ transform: translateX(0);
38
+
39
+ @supports (transform-style: preserve-3d) {
40
+ transform: translate3d(0, 0, 0);
41
+ }
42
+ }
43
+
44
+ .carousel-item-next,
45
+ .active.carousel-item-right {
46
+ transform: translateX(100%);
47
+
48
+ @supports (transform-style: preserve-3d) {
49
+ transform: translate3d(100%, 0, 0);
50
+ }
51
+ }
52
+
53
+ .carousel-item-prev,
54
+ .active.carousel-item-left {
55
+ transform: translateX(-100%);
56
+
57
+ @supports (transform-style: preserve-3d) {
58
+ transform: translate3d(-100%, 0, 0);
59
+ }
60
+ }
61
+
62
+
63
+ //
64
+ // Left/right controls for nav
65
+ //
66
+
67
+ .carousel-control-prev,
68
+ .carousel-control-next {
69
+ position: absolute;
70
+ top: 0;
71
+ bottom: 0;
72
+ // Use flex for alignment (1-3)
73
+ display: flex; // 1. allow flex styles
74
+ align-items: center; // 2. vertically center contents
75
+ justify-content: center; // 3. horizontally center contents
76
+ width: $carousel-control-width;
77
+ color: $carousel-control-color;
78
+ text-align: center;
79
+ opacity: $carousel-control-opacity;
80
+ // We can't have a transition here because WebKit cancels the carousel
81
+ // animation if you trip this while in the middle of another animation.
82
+
83
+ // Hover/focus state
84
+ @include hover-focus {
85
+ color: $carousel-control-color;
86
+ text-decoration: none;
87
+ outline: 0;
88
+ opacity: .9;
89
+ }
90
+ }
91
+ .carousel-control-prev {
92
+ left: 0;
93
+ @if $enable-gradients {
94
+ background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
95
+ }
96
+ }
97
+ .carousel-control-next {
98
+ right: 0;
99
+ @if $enable-gradients {
100
+ background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
101
+ }
102
+ }
103
+
104
+ // Icons for within
105
+ .carousel-control-prev-icon,
106
+ .carousel-control-next-icon {
107
+ display: inline-block;
108
+ width: $carousel-control-icon-width;
109
+ height: $carousel-control-icon-width;
110
+ background: transparent no-repeat center center;
111
+ background-size: 100% 100%;
112
+ }
113
+ .carousel-control-prev-icon {
114
+ background-image: $carousel-control-prev-icon-bg;
115
+ }
116
+ .carousel-control-next-icon {
117
+ background-image: $carousel-control-next-icon-bg;
118
+ }
119
+
120
+
121
+ // Optional indicator pips
122
+ //
123
+ // Add an ordered list with the following class and add a list item for each
124
+ // slide your carousel holds.
125
+
126
+ .carousel-indicators {
127
+ position: absolute;
128
+ right: 0;
129
+ bottom: 10px;
130
+ left: 0;
131
+ z-index: 15;
132
+ display: flex;
133
+ justify-content: center;
134
+ padding-left: 0; // override <ol> default
135
+ // Use the .carousel-control's width as margin so we don't overlay those
136
+ margin-right: $carousel-control-width;
137
+ margin-left: $carousel-control-width;
138
+ list-style: none;
139
+
140
+ li {
141
+ position: relative;
142
+ flex: 0 1 auto;
143
+ width: $carousel-indicator-width;
144
+ height: $carousel-indicator-height;
145
+ margin-right: $carousel-indicator-spacer;
146
+ margin-left: $carousel-indicator-spacer;
147
+ text-indent: -999px;
148
+ background-color: rgba($carousel-indicator-active-bg, .5);
149
+
150
+ // Use pseudo classes to increase the hit area by 10px on top and bottom.
151
+ &::before {
152
+ position: absolute;
153
+ top: -10px;
154
+ left: 0;
155
+ display: inline-block;
156
+ width: 100%;
157
+ height: 10px;
158
+ content: "";
159
+ }
160
+ &::after {
161
+ position: absolute;
162
+ bottom: -10px;
163
+ left: 0;
164
+ display: inline-block;
165
+ width: 100%;
166
+ height: 10px;
167
+ content: "";
168
+ }
169
+ }
170
+
171
+ .active {
172
+ background-color: $carousel-indicator-active-bg;
173
+ }
174
+ }
175
+
176
+
177
+ // Optional captions
178
+ //
179
+ //
180
+
181
+ .carousel-caption {
182
+ position: absolute;
183
+ right: ((100% - $carousel-caption-width) / 2);
184
+ bottom: 20px;
185
+ left: ((100% - $carousel-caption-width) / 2);
186
+ z-index: 10;
187
+ padding-top: 20px;
188
+ padding-bottom: 20px;
189
+ color: $carousel-caption-color;
190
+ text-align: center;
191
+ }