jekyll-agency 1.0.8 → 1.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (48) hide show
  1. checksums.yaml +4 -4
  2. data/404.html +6 -2
  3. data/LICENSE.txt +21 -21
  4. data/README.md +184 -87
  5. data/_data/navigation.yml +58 -18
  6. data/_data/sitetext.yml +322 -137
  7. data/_data/style.yml +10 -8
  8. data/_includes/about.html +16 -16
  9. data/_includes/clients.html +5 -5
  10. data/_includes/contact.html +54 -40
  11. data/_includes/footer.html +50 -31
  12. data/_includes/head.html +20 -15
  13. data/_includes/modals.html +47 -0
  14. data/_includes/nav.html +46 -29
  15. data/_includes/navheader.html +20 -15
  16. data/_includes/portfolio_grid.html +6 -36
  17. data/_includes/services.html +6 -6
  18. data/_includes/team.html +5 -5
  19. data/_includes/timeline.html +26 -13
  20. data/_layouts/default.html +26 -26
  21. data/_layouts/home.html +12 -11
  22. data/_layouts/page.html +14 -8
  23. data/_sass/base/_mixins.scss +12 -4
  24. data/_sass/base/_page.scss +1 -1
  25. data/_sass/components/_buttons.scss +1 -1
  26. data/_sass/components/_navbar.scss +1 -1
  27. data/_sass/components/client-scroll.scss +11 -0
  28. data/_sass/layout/_masthead.scss +1 -1
  29. data/_sass/layout/_portfolio.scss +2 -2
  30. data/_sass/layout/_timeline.scss +6 -6
  31. data/assets/css/agency.scss +1 -0
  32. data/assets/img/team/500x500.jpg +0 -0
  33. data/assets/js/contact_me.js +5 -4
  34. data/assets/js/jqBootstrapValidation.js +470 -314
  35. data/index.md +1 -1
  36. data/legal.md +39 -37
  37. metadata +16 -18
  38. data/assets/img/portfolio/01-full.jpg +0 -0
  39. data/assets/img/portfolio/01-thumbnail.jpg +0 -0
  40. data/assets/img/portfolio/02-full.jpg +0 -0
  41. data/assets/img/portfolio/02-thumbnail.jpg +0 -0
  42. data/assets/img/portfolio/03-full.jpg +0 -0
  43. data/assets/img/portfolio/03-thumbnail.jpg +0 -0
  44. data/assets/img/portfolio/04-full.jpg +0 -0
  45. data/assets/img/portfolio/05-full.jpg +0 -0
  46. data/assets/img/portfolio/06-full.jpg +0 -0
  47. data/assets/img/team/1.jpg +0 -0
  48. data/assets/img/team/3.jpg +0 -0
@@ -1,27 +1,27 @@
1
- <!DOCTYPE html>
2
- <html>
3
-
4
- {% include head.html %}
5
-
6
- <body id="page-top">
7
-
8
- {{ content }}
9
-
10
- {% include footer.html %}
11
-
12
- <!-- Bootstrap core JavaScript -->
13
- <script src="assets/js/jquery.min.js"></script>
14
- <script src="assets/js/bootstrap.bundle.min.js"></script>
15
-
16
- <!-- Plugin JavaScript -->
17
- <script src="assets/js/jquery.easing.min.js"></script>
18
-
19
- <!-- Contact form JavaScript -->
20
- <script src="assets/js/jqBootstrapValidation.js"></script>
21
- <script src="assets/js/contact_me.js"></script>
22
-
23
- <!-- Custom scripts for this template -->
24
- <script src="assets/js/agency.min.js"></script>
25
-
26
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="{{ site.locale | slice: 0,2 | default: "en" }}">
3
+
4
+ {% include head.html %}
5
+
6
+ <body id="page-top">
7
+
8
+ {{ content }}
9
+
10
+ {% include footer.html %}
11
+
12
+ <!-- Bootstrap core JavaScript -->
13
+ <script src="assets/js/jquery.min.js"></script>
14
+ <script src="assets/js/bootstrap.bundle.min.js"></script>
15
+
16
+ <!-- Plugin JavaScript -->
17
+ <script src="assets/js/jquery.easing.min.js"></script>
18
+
19
+ <!-- Contact form JavaScript -->
20
+ <script src="assets/js/jqBootstrapValidation.js"></script>
21
+ <script src="assets/js/contact_me.js"></script>
22
+
23
+ <!-- Custom scripts for this template -->
24
+ <script src="assets/js/agency.min.js"></script>
25
+
26
+ </body>
27
27
  </html>
data/_layouts/home.html CHANGED
@@ -1,11 +1,12 @@
1
- ---
2
- layout: default
3
- ---
4
- {% include navheader.html %}
5
-
6
- {% include services.html %}
7
- {% include portfolio_grid.html %}
8
- {% include timeline.html %}
9
- {% include team.html %}
10
- {% include clients.html %}
11
- {% include contact.html %}
1
+ ---
2
+ layout: default
3
+ ---
4
+ {% include navheader.html %}
5
+
6
+ {% include services.html %}
7
+ {% include portfolio_grid.html %}
8
+ {% include about.html %}
9
+ {% include timeline.html %}
10
+ {% include team.html %}
11
+ {% include clients.html %}
12
+ {% include contact.html %}
data/_layouts/page.html CHANGED
@@ -1,8 +1,14 @@
1
- ---
2
- layout: default
3
- ---
4
- {% include nav.html %}
5
-
6
- <div class="container" id="pagecontainer">
7
- {{ content }}
8
- </div>
1
+ ---
2
+ layout: default
3
+ ---
4
+ {% include nav.html %}
5
+
6
+ {% if page.background == "grey" or page.background == "gray" %}
7
+ <script>
8
+ document.getElementById("page-top").className="bg-light";
9
+ </script>
10
+ {% endif %}
11
+
12
+ <div class="container" id="pagecontainer">
13
+ {{ content }}
14
+ </div>
@@ -1,13 +1,21 @@
1
1
  // Font Mixins
2
2
  @mixin serif-font {
3
- font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
3
+ font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
4
+ Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
5
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
4
6
  }
5
7
  @mixin script-font {
6
- font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
8
+ font-family: "Kaushan Script", -apple-system, BlinkMacSystemFont, "Segoe UI",
9
+ Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
10
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7
11
  }
8
12
  @mixin body-font {
9
- font-family: /*'Roboto Slab',*/ -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
13
+ font-family: /*'Roboto Slab',*/ -apple-system, BlinkMacSystemFont, "Segoe UI",
14
+ Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
15
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
10
16
  }
11
17
  @mixin heading-font {
12
- font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
18
+ font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
19
+ Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
20
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
13
21
  }
@@ -45,7 +45,7 @@ h6 {
45
45
  @include serif-font;
46
46
  }
47
47
  }
48
- @media(min-width:768px) {
48
+ @media (min-width: 768px) {
49
49
  section {
50
50
  padding: 150px 0;
51
51
  }
@@ -21,6 +21,6 @@
21
21
  }
22
22
  &:active,
23
23
  &:focus {
24
- box-shadow: 0 0 0 0.2rem rgba(254, 209, 55,.5) !important;
24
+ box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
25
25
  }
26
26
  }
@@ -38,7 +38,7 @@
38
38
  }
39
39
  }
40
40
  }
41
- @media(min-width:992px) {
41
+ @media (min-width: 992px) {
42
42
  #mainNav {
43
43
  padding-top: 25px;
44
44
  padding-bottom: 25px;
@@ -0,0 +1,11 @@
1
+ // Styling for the horizontally scrolling clients section
2
+ #scrolling-clients {
3
+ display: flex;
4
+ flex-wrap: nowrap;
5
+ overflow-x: scroll;
6
+ overflow-y: hidden;
7
+ }
8
+
9
+ #col-md-3 col-sm-6 {
10
+ flex: 0 0 auto;
11
+ }
@@ -26,7 +26,7 @@ header.masthead {
26
26
  }
27
27
  }
28
28
  }
29
- @media(min-width:768px) {
29
+ @media (min-width: 768px) {
30
30
  header.masthead {
31
31
  .intro-text {
32
32
  padding-top: 300px;
@@ -17,7 +17,7 @@
17
17
  -moz-transition: all ease 0.5s;
18
18
  transition: all ease 0.5s;
19
19
  opacity: 0;
20
- background: fade-out($primary, .1);
20
+ background: fade-out($primary, 0.1);
21
21
  &:hover {
22
22
  opacity: 1;
23
23
  }
@@ -62,7 +62,7 @@
62
62
  z-index: 2;
63
63
  }
64
64
  }
65
- @media(min-width:767px) {
65
+ @media (min-width: 767px) {
66
66
  #portfolio {
67
67
  .portfolio-item {
68
68
  margin: 0 0 30px;
@@ -10,7 +10,7 @@
10
10
  left: 40px;
11
11
  width: 2px;
12
12
  margin-left: -1.5px;
13
- content: '';
13
+ content: "";
14
14
  background-color: $gray-200;
15
15
  }
16
16
  > li {
@@ -20,7 +20,7 @@
20
20
  &:after,
21
21
  &:before {
22
22
  display: table;
23
- content: ' ';
23
+ content: " ";
24
24
  }
25
25
  &:after {
26
26
  clear: both;
@@ -93,13 +93,13 @@
93
93
  }
94
94
  }
95
95
  .timeline-body {
96
- > ul,
96
+ > ul,
97
97
  > p {
98
98
  margin-bottom: 0;
99
99
  }
100
100
  }
101
101
  }
102
- @media(min-width:768px) {
102
+ @media (min-width: 768px) {
103
103
  .timeline {
104
104
  &:before {
105
105
  left: 50%;
@@ -132,7 +132,7 @@
132
132
  }
133
133
  }
134
134
  }
135
- @media(min-width:992px) {
135
+ @media (min-width: 992px) {
136
136
  .timeline {
137
137
  > li {
138
138
  min-height: 150px;
@@ -155,7 +155,7 @@
155
155
  }
156
156
  }
157
157
  }
158
- @media(min-width:1200px) {
158
+ @media (min-width: 1200px) {
159
159
  .timeline {
160
160
  > li {
161
161
  min-height: 170px;
@@ -20,6 +20,7 @@ $contact-image: "{{ site.data.style.contact-image }}";
20
20
  // Components
21
21
  @import "components/buttons.scss";
22
22
  @import "components/navbar.scss";
23
+ @import "components/client-scroll.scss";
23
24
 
24
25
  // Layout
25
26
  @import "layout/masthead.scss";
Binary file
@@ -10,7 +10,7 @@ $(function() {
10
10
  submitSuccess: function($form, event) {
11
11
  event.preventDefault(); // prevent default submit behaviour
12
12
  // get values from FORM
13
- var url = "https://formspree.io/" + "{{ site.email }}";
13
+ var url = "https://formspree.io/" + "{% if site.formspree_form_path %}{{ site.formspree_form_path }}{% else %}{{ site.email }}{% endif %}";
14
14
  var name = $("input#name").val();
15
15
  var email = $("input#email").val();
16
16
  var phone = $("input#phone").val();
@@ -25,6 +25,7 @@ $(function() {
25
25
  $.ajax({
26
26
  url: url,
27
27
  type: "POST",
28
+ dataType: "json",
28
29
  data: {
29
30
  name: name,
30
31
  phone: phone,
@@ -32,7 +33,7 @@ $(function() {
32
33
  message: message
33
34
  },
34
35
  cache: false,
35
-
36
+
36
37
  success: function() {
37
38
  // Success message
38
39
  $('#success').html("<div class='alert alert-success'>");
@@ -45,7 +46,7 @@ $(function() {
45
46
  //clear all fields
46
47
  $('#contactForm').trigger("reset");
47
48
  },
48
-
49
+
49
50
  error: function() {
50
51
  // Fail message
51
52
  $('#success').html("<div class='alert alert-danger'>");
@@ -56,7 +57,7 @@ $(function() {
56
57
  //clear all fields
57
58
  $('#contactForm').trigger("reset");
58
59
  },
59
-
60
+
60
61
  complete: function() {
61
62
  setTimeout(function() {
62
63
  $this.prop("disabled", false); // Re-enable submit button when AJAX call is complete