update seo, update page layouts css, update stackbit.yaml

Gemfile

@@ -1,4 +1,4 @@
 source "https://rubygems.org"
 
-gem "jekyll", "~> 4.1"
+gem "jekyll"
 gem "jekyll-environment-variables"

README.md

@@ -74,15 +74,21 @@ This theme has been tested to work with Github Pages (and Github Project Pages).
 
 For example the site https://zerostaticthemes.github.io/jekyll-serif-theme would have `baseurl: "/jekyll-serif-theme/"`
 
-## Other
+## License & Credits
 
 ### Credits
 
 - Beautiful royalty free Illustrations by Icons8 - https://icons8.com/illustrations/style--pixeltrue
+- Stock images by Unsplash - https://unsplash.com/
+- Feature icons by Noun Project - https://thenounproject.com/
 
 ### License
 
-This theme is open source under the MIT license. Please be respectful 🙏🏽
+This theme is open source under the MIT license. Please be respectful 🙏🏽 Leave me as an original author in the LICENSE file if you fork or copy this theme. 
 
-* If you fork or copy this theme please leave me as an original author in the LICENSE file on line 3 where I am listed as the author.
-* Please don't create ports of this theme without at least asking me. Yes this theme is open-source but I've had several people "port" this theme (with only minor changes) and then advertise the theme as their own. Then they don't update it and it starts to get old and break etc. Now lots of people are finding these old crappy versions of the theme.
+> Do not create ports of this theme. Do You can't re-distribute or re-sell this theme as a theme, stock, in a tool or as a template.
+
+### Other Versions
+
+- [Hugo Serif Theme](https://github.com/zerostaticthemes/hugo-serif-theme) (official)
+- [Gatsby Serif Theme](https://github.com/zerostaticthemes/gatsby-serif-theme) (official)

_config.yml

@@ -2,35 +2,29 @@ baseurl: '/'
 permalink: pretty
 title: 'Jekyll Serif'
 
-google_analytics_id: ""
-
-homepage:
-  show_call_box: true
-
 logo:
   mobile: "images/logo/logo-mobile.svg"
   desktop: "images/logo/logo.svg"
   desktop_height: "36px"
 
-footer:
-  copyright_text: 'Free Jekyll theme by <a class="zerostatic" href="https://www.zerostatic.io">www.zerostatic.io</a>'
-
-seo:
-  meta_og_title: "Jekyll Serif Theme"
-  meta_og_type: "website"
-  meta_og_url: "https://jekyll-serif.netlify.app"
-  meta_og_image: "https://raw.githubusercontent.com/zerostaticthemes/jekyll-serif-theme/master/screenshots/tn.png"
-  meta_og_description: "Jekyll Serif is a modern business theme for Hugo. It contains content types for the archetypical business website. The theme is fully responsive, blazing fast and artfully illustrated."
-  meta_twitter_card: "summary"
-  meta_twitter_site: "@zerostaticio"
-  meta_twitter_creator: "@zerostaticio"
-
 collections:
   services:
     output: true
   team:
     output: true
 
+defaults:
+  - scope:
+      path: ""
+      type: "services"
+    values:
+      layout: "service"
+  - scope:
+      path: ""
+      type: "team"
+    values:
+      layout: "team"
+
 sass:
   indentWidth: 4
   style: compact # possible values: nested expanded compact compressed

_data/seo.yml

@@ -0,0 +1,4 @@
+google_analytics_id: ""  
+meta_twitter_site: "@zerostaticio"
+meta_twitter_creator: "@zerostaticio"
+copyright_text: 'Free Jekyll theme by <a class="zerostatic" href="https://www.zerostatic.io">www.zerostatic.io</a>'

_includes/google-analytics.html

@@ -11,16 +11,16 @@
       gtag('js', new Date());
       gtag('config', '{{ $gid }}');
     </script>
-    {% elsif site.google_analytics_id %}
-    <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics_id }}"></script>
+    {% elsif site.data.seo.google_analytics_id %}
+    <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.data.seo.google_analytics_id }}"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
 
       function gtag() {
         dataLayer.push(arguments);
       }
       gtag('js', new Date());
-      gtag('config', '{{ site.google_analytics_id }}');
+      gtag('config', '{{ site.data.seo.google_analytics_id }}');
     </script>
     {% endif %}
 {% endif %}

_includes/sub-footer.html

@@ -6,8 +6,8 @@
           {% if site.data.social %}
             {% include social.html %}
           {% endif %}
-          {% if site.footer.copyright_text %}
-          <div class="copyright">{{ site.footer.copyright_text }}</div>
+          {% if site.data.seo.copyright_text %}
+          <div class="copyright">{{ site.data.seo.copyright_text }}</div>
           {% endif %}
         </div>
       </div>

_layouts/contact.html

@@ -1,7 +1,7 @@
 ---
 title: Contact
 layout: default
-bodyClass: page-contact
+bodyClass: "page-contact"
 ---
 
 <div class="container pb-6 pt-6 pt-md-10 pb-md-10">

_layouts/default.html

@@ -1,25 +1,27 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="utf-8">
   <title>{% if page.title %}{{page.title}}{% else %}{{ site.title | escape }}{% endif %}</title>
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="icon" type="image/png" href="{{ '/images/favicon-32x32.svg' | relative_url }}">
   <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
   <link href="{{ '/assets/css/style.css' | relative_url }}" rel="stylesheet">
-  {% if page.description %}
-  <meta name="description" content="{{ page.description }}" />
-  {% endif %}
-  <meta property="og:title" content="{{ site.seo.meta_og_title }}" />
-  <meta property="og:type" content="{{ site.seo.meta_og_type }}" />
-  <meta property="og:url" content="{{ site.seo.meta_og_url }}" />
-  <meta property="og:image" content="{{ site.seo.meta_og_image }}" />
-  <meta property="og:description" content="{{ site.seo.meta_og_description }}" />
-  <meta name="twitter:card" content="{{ site.seo.meta_twitter_card }}" />
-  <meta name="twitter:site" content="{{ site.seo.meta_twitter_site }}" />
-  <meta name="twitter:creator" content="{{ site.seo.meta_twitter_creator }}" />
+
+  {% if page.description %}<meta name="description" content="{{ page.description }}" />{% endif %}
+  {% if page.meta_title %}<meta property="og:title" content="{{ page.meta_title }}"/>{% else %}<meta property="og:title" content="{{ page.title }}"/>{% endif %}
+  <meta property="og:type" content="website"/>
+  <meta property="og:url" content="{{ url }}"/>
+  {% if page.image %}<meta property="og:image" content="{{ page.image | absolute_url }}"/>{% endif %}
+  {% if page.description %}<meta property="og:description" content="{{ page.description }}"/>{% endif %}
+  <meta name="twitter:card" content="summary"/>
+  {% if site.data.seo.meta_twitter_site %}<meta name="twitter:site" content="{{ site.seo.meta_twitter_site }}"/>{% endif %}
+  {% if site.data.seo.meta_twitter_creator %}<meta name="twitter:creator" content="{{ site.seo.meta_twitter_creator }}"/>{% endif %}
+
 </head>
-<body class='page {{page.bodyClass}}'>
+
+<body class='page {{layout.bodyClass}}'>
   {% include main-menu-mobile.html %}
   <div id="wrapper" class="wrapper">
     {% include header.html headerClass='header-extra' %}

_layouts/home.html

@@ -1,15 +1,14 @@
 ---
-title: Jekyll Serif - Jekyll Small Business Theme
 layout: default
-bodyClass: page-home
+bodyClass: "page-home"
 ---
 
 <div class="intro">
   <div class="container">
     <div class="row justify-content-start">
       <div class="col-12 col-md-7 col-lg-6 order-2 order-md-1">
         {{ content }}
-        {% if site.homepage.show_call_box %}
+        {% if page.show_call_box %}
           {% include call.html show_button=true %}
         {% endif %}
       </div>

_layouts/page.html

@@ -1,5 +1,6 @@
 ---
 layout: default
+bodyClass: "page-basic"
 ---
 
 <div class="container pb-6 pt-6 pt-md-10 pb-md-10">

_layouts/service.html

@@ -1,5 +1,6 @@
 ---
 layout: default
+bodyClass: "page-service"
 ---
 
 <div class="container pb-6 pt-6 pt-md-10 pb-md-10">

_layouts/services.html

@@ -1,6 +1,6 @@
 ---
 layout: default
-bodyClass: page-services-list
+bodyClass: "page-services"
 ---
 
 <div class="intro">

_layouts/team.html

@@ -1,5 +1,6 @@
 ---
 layout: default
+bodyClass: "page-team"
 ---
 
 <div class="container pb-6 pt-6 pt-md-10 pb-md-10">

_layouts/teams.html

@@ -1,6 +1,6 @@
 ---
 layout: default
-bodyClass: page-team-list
+bodyClass: "page-teams"
 ---
 
 <div class="intro">

_sass/pages/services/_page-services-single.scss → _sass/pages/_page-service.scss

@@ -1,4 +1,4 @@
-.page-services-single {
+.page-service {
   .content {
     > p {
       &:first-of-type {

_sass/pages/_page-teams.scss

@@ -0,0 +1,52 @@
+.page-teams {
+  .team-summary {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    .team-image {
+      height: 60px;
+      width: 60px;
+      margin-right: 10px;
+      border-radius: 50%;
+      overflow: hidden;
+      img {
+        width: 60px;
+      }
+    }
+    .team-meta {
+      flex: 1;
+      h2 {
+        margin: 0;
+        font-size: 22px;
+        font-weight: normal;
+      }
+      p {
+        color: $black;
+        text-transform: uppercase;
+        margin: 0;
+        font-size: 12px;
+        font-weight: 500;
+      }
+    }
+    .team-content {
+      margin-top: 20px;
+      flex: 1 0 100%;
+    }
+  }
+
+  .team-summary-large {
+    background-color: $white-offset;
+    padding: 30px;
+    border-radius: 3px;
+    .team-image {
+      height: 90px;
+      width: 90px;
+      margin-right: 20px;
+      border-radius: 50%;
+      overflow: hidden;
+      img {
+        width: 90px;
+      }
+    }
+  }
+}

_services/accounting.md

@@ -3,7 +3,6 @@ title: "Accounting"
 date: 2018-11-18T12:33:46+10:00
 featured: true
 weight: 1
-layout: service
 ---
 
 Financial accounting (or financial accountancy) is the field of accounting concerned with the **summary, analysis and reporting** of financial transactions related to a business.

_services/business-advisory.md

@@ -3,7 +3,6 @@ title: "Business Advisory"
 date: 2018-11-28T15:14:39+10:00
 featured: true
 weight: 2
-layout: service
 ---
 
 Lorem markdownum, dictis umbrosum dextrum, Lelegeia quamquam distantes pares

_services/business-sales.md

@@ -3,7 +3,6 @@ title: "Business Sales"
 date: 2018-11-28T15:15:26+10:00
 featured: true
 weight: 3
-layout: service
 ---
 
 Cyanee nec pedicis positi. Esse et diem forte quoque et ieiunia

_services/mergers.md

@@ -3,7 +3,6 @@ title: "Mergers"
 date: 2018-11-28T15:15:34+10:00
 featured: true
 weight: 4
-layout: service
 ---
 
 Lorem markdownum aequalis strigis. Saetigeri iubeas, vultu huic alvum nondum

_team/mike-vance.md

@@ -6,7 +6,6 @@ image: 'images/team/joseph-gonzalez-399972-unsplash.jpg'
 jobtitle: 'Art Director'
 linkedinurl: ""
 weight: 3
-layout: team
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum arcu vitae elementum curabitur vitae nunc sed. Tortor at risus viverra adipiscing at in.

_team/robert-johnson.md

@@ -6,7 +6,6 @@ image: 'images/team/vince-fleming-613817-unsplash.jpg'
 jobtitle: 'Developer'
 linkedinurl: "https://www.linkedin.com/"
 weight: 3
-layout: team
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum arcu vitae elementum curabitur vitae nunc sed. Tortor at risus viverra adipiscing at in.

_team/sage-kirk.md

@@ -7,7 +7,6 @@ jobtitle: "Accounting Partner"
 linkedinurl: "https://www.linkedin.com/example2"
 promoted: true
 weight: 2
-layout: team
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum arcu vitae elementum curabitur vitae nunc sed. Tortor at risus viverra adipiscing at in.

_team/susan-shelton.md

@@ -5,7 +5,6 @@ draft: false
 image: 'images/team/cristian-newman-94319-unsplash.jpg'
 jobtitle: 'Developer'
 weight: 5
-layout: team
 ---
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum arcu vitae elementum curabitur vitae nunc sed. Tortor at risus viverra adipiscing at in.