add social media and changelog

8 files changed, 49 insertions, 68 deletions

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 612b06d..77f1f95 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -9,6 +9,9 @@ theme = "hugo-serif-theme"
   google_analytics_id = ""
   google_tag_manager_id = ""
 
+  [params.homepage]
+    show_call_box = true
+
   [params.logo]
     mobile = "images/logo-mobile.svg"
     desktop = "images/logo.svg"
@@ -26,8 +29,8 @@ theme = "hugo-serif-theme"
     meta_twitter_site = "@zerostaticio"
     meta_twitter_creator = "@zerostaticio"
 
-  [params.header]
-    github_link = "https://github.com/JugglerX/hugo-serif-theme"
+  [params.footer]
+    copyright_text = 'Free Hugo theme by <a class="zerostatic" href="https://www.zerostatic.io">www.zerostatic.io</a>'
 
 [menu]
   # Main Menu
diff --git a/exampleSite/data/contact.yaml b/exampleSite/data/contact.yaml
index 6c7d5d7..33fe4fa 100644
--- a/exampleSite/data/contact.yaml
+++ b/exampleSite/data/contact.yaml
@@ -1,2 +1,3 @@
-email: 'hugoserif@gmail.com'
+email: 'hugoserif@example.com'
 phone: '1800 123 000'
+contact_button_link: 'contact'
diff --git a/exampleSite/data/social.json b/exampleSite/data/social.json
new file mode 100644
index 0000000..a2b5559
--- /dev/null
+++ b/exampleSite/data/social.json
@@ -0,0 +1,12 @@
+[
+    {
+        "name": "Github",
+        "link": "https://github.com/JugglerX/hugo-serif-theme",
+        "image": "images/github.svg"
+    },
+    {
+        "name": "Twitter",
+        "link": "https://twitter.com/zerostaticio",
+        "image": "images/twitter.svg"
+    }
+]
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_bcb603c6c6d8658ecadd27900cde73da.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_bcb603c6c6d8658ecadd27900cde73da.content
index 59ab975..27fae00 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_bcb603c6c6d8658ecadd27900cde73da.content
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_bcb603c6c6d8658ecadd27900cde73da.content
@@ -4120,8 +4120,8 @@ ol {
 
 .footer {
   background: #5122d0;
-  padding-top: 20px;
-  padding-bottom: 20px; }
+  padding-top: 15px;
+  padding-bottom: 15px; }
   .footer .footer-inner {
     display: flex;
     justify-content: space-between;
@@ -4155,13 +4155,6 @@ ol {
         display: block; }
         .footer ul li a:hover {
           text-decoration: underline; }
-      .footer ul li.copyright {
-        font-weight: bold;
-        color: #acacc3;
-        display: none; }
-        @media (min-width: 768px) {
-          .footer ul li.copyright {
-            display: inline-block; } }
     @media (min-width: 576px) {
       .footer ul {
         height: inherit;
@@ -4182,8 +4175,9 @@ ol {
             padding: 10px 8px 10px 8px; } }
 .sub-footer {
   background: #401ba4;
-  padding-top: 20px;
-  padding-bottom: 20px; }
+  color: #ffffff;
+  padding-top: 15px;
+  padding-bottom: 15px; }
   @media (min-width: 768px) {
     .sub-footer {
       padding-top: 10px;
@@ -4191,52 +4185,18 @@ ol {
   .sub-footer .sub-footer-inner {
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
-    font-size: 1rem; }
+    justify-content: space-between; }
     @media (min-width: 768px) {
       .sub-footer .sub-footer-inner {
-        flex-direction: row;
-        font-size: 0.9rem; } }
-    .sub-footer .sub-footer-inner ul {
-      list-style: none;
-      margin: 0;
-      padding: 0; }
-      .sub-footer .sub-footer-inner ul li {
-        list-style: none;
-        display: block;
-        color: #ffffff; }
-        .sub-footer .sub-footer-inner ul li strong {
-          font-weight: bold;
-          color: #ffffff;
-          display: none; }
-        .sub-footer .sub-footer-inner ul li span {
-          padding: 10px 10px 10px 0;
-          display: inline-block; }
-        .sub-footer .sub-footer-inner ul li a {
-          display: inline-block;
-          color: #ffffff;
-          text-decoration: none;
-          padding: 10px 10px 10px 0; }
-          .sub-footer .sub-footer-inner ul li a:hover {
-            text-decoration: underline; }
-      @media (min-width: 576px) {
-        .sub-footer .sub-footer-inner ul li {
-          display: inline-block;
-          margin-left: 10px; }
-          .sub-footer .sub-footer-inner ul li:first-of-type {
-            margin-left: 0; }
-          .sub-footer .sub-footer-inner ul li strong {
-            font-weight: bold;
-            color: #ffffff;
-            display: inline-block;
-            margin-right: 4px; } }
-  .sub-footer .zerostatic {
-    display: inline-block;
-    padding: 10px 10px 10px 0;
-    color: #ffffff;
-    text-decoration: none; }
-    .sub-footer .zerostatic:hover {
-      text-decoration: underline; }
+        flex-direction: row; } }
+  .sub-footer .copyright {
+    margin-top: 10px;
+    font-size: 14px; }
+    .sub-footer .copyright a {
+      font-weight: bold;
+      color: inherit; }
+  .sub-footer .social a:first-of-type {
+    margin-left: -10px; }
 
 .logo {
   display: none; }
@@ -4663,13 +4623,6 @@ ol {
 .strip-bg-cover {
   background-size: cover; }
 
-.whitebox {
-  border: 1px solid #dcdcdc;
-  border-radius: 3px;
-  box-shadow: 0 1px 18px rgba(0, 0, 0, 0.2);
-  background: #ffffff;
-  padding: 10px; }
-
 .feature {
   height: 100%;
   border: 1px solid #f6f7ff;
@@ -4694,6 +4647,17 @@ ol {
     margin-bottom: 0;
     margin-top: auto; }
 
+.social {
+  display: block; }
+  .social img {
+    width: 20px;
+    height: 20px; }
+  .social a {
+    padding: 10px;
+    display: inline-block; }
+    .social a:hover {
+      opacity: 0.8; }
+
 .team-summary {
   display: flex;
   flex-wrap: wrap;
diff --git a/exampleSite/resources/_gen/assets/scss/www.example.com/scss/style.scss_953250851a1795a33f24521b79ead981.content b/exampleSite/resources/_gen/assets/scss/www.example.com/scss/style.scss_953250851a1795a33f24521b79ead981.content
index 5fdc71f..30a2186 100644
--- a/exampleSite/resources/_gen/assets/scss/www.example.com/scss/style.scss_953250851a1795a33f24521b79ead981.content
+++ b/exampleSite/resources/_gen/assets/scss/www.example.com/scss/style.scss_953250851a1795a33f24521b79ead981.content
@@ -9,4 +9,4 @@
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
-* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:36px;height:23px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1.5px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:36px;height:3px;background-color:#5122d0;border-radius:3px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--slider .hamburger-inner{top:1.5px}.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0)rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg)translate3d(-5.14285714px,-7px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0)rotate(-90deg)}a{color:#5122d0}p{line-height:26px;color:#5c5a5a;font-family:Helvetica,Arial,sans-serif,-apple-system;margin-bottom:20px}h1{font-size:20px;font-family:playfair display,serif,-apple-system;line-height:1.2;margin-bottom:20px}@media(min-width:768px){h1{font-size:32px;line-height:1.2}}h2{font-size:24px;font-family:playfair display,serif,-apple-system;line-height:1.4;margin-bottom:10px}@media(min-width:768px){h2{font-size:26px;line-height:1.4}}h3{font-size:16px;line-height:1.4}@media(min-width:768px){h3{font-size:20px;line-height:1.4}}ul,ol{margin:0;padding:0}ul li,ol li{padding:0;margin:0}.page{display:flex;min-height:100vh;flex-direction:column}.page .wrapper{flex:1 0 0}.header{color:#5122d0;background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f6f7ff;padding:10px 0}.header .container{display:flex;justify-content:space-between;align-items:center}.header.header-absolute{position:absolute;z-index:10;width:100%}.lock-scroll .header.header-absolute{position:static}.footer{background:#5122d0;padding-top:20px;padding-bottom:20px}.footer .footer-inner{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media(min-width:576px){.footer .footer-inner{justify-content:space-between;flex-direction:row;align-items:center}}.footer .footer-title{color:#fff;font-size:1.3rem;font-family:playfair display,serif,-apple-system;font-weight:700;margin-bottom:10px}@media(min-width:576px){.footer .footer-title{margin:0}}.footer ul{list-style:none;margin:0;padding:0}.footer ul li{color:#fff;font-size:1rem}.footer ul li a{color:#fff;text-decoration:none;padding:12px 14px 12px 0;display:block}.footer ul li a:hover{text-decoration:underline}.footer ul li.copyright{font-weight:700;color:#acacc3;display:none}@media(min-width:768px){.footer ul li.copyright{display:inline-block}}@media(min-width:576px){.footer ul{height:inherit;display:flex;list-style:none;margin:0;padding:0;align-items:center;justify-content:flex-end}.footer ul li{list-style:none;margin-right:10px}.footer ul li:last-of-type{margin-right:0}.footer ul li a{display:inline-block;height:40px;padding:10px 8px}}.sub-footer{background:#401ba4;padding-top:20px;padding-bottom:20px}@media(min-width:768px){.sub-footer{padding-top:10px;padding-bottom:10px}}.sub-footer .sub-footer-inner{display:flex;flex-direction:column;justify-content:space-between;font-size:1rem}@media(min-width:768px){.sub-footer .sub-footer-inner{flex-direction:row;font-size:.9rem}}.sub-footer .sub-footer-inner ul{list-style:none;margin:0;padding:0}.sub-footer .sub-footer-inner ul li{list-style:none;display:block;color:#fff}.sub-footer .sub-footer-inner ul li strong{font-weight:700;color:#fff;display:none}.sub-footer .sub-footer-inner ul li span{padding:10px 10px 10px 0;display:inline-block}.sub-footer .sub-footer-inner ul li a{display:inline-block;color:#fff;text-decoration:none;padding:10px 10px 10px 0}.sub-footer .sub-footer-inner ul li a:hover{text-decoration:underline}@media(min-width:576px){.sub-footer .sub-footer-inner ul li{display:inline-block;margin-left:10px}.sub-footer .sub-footer-inner ul li:first-of-type{margin-left:0}.sub-footer .sub-footer-inner ul li strong{font-weight:700;color:#fff;display:inline-block;margin-right:4px}}.sub-footer .zerostatic{display:inline-block;padding:10px 10px 10px 0;color:#fff;text-decoration:none}.sub-footer .zerostatic:hover{text-decoration:underline}.logo{display:none}@media(min-width:576px){.logo{display:block}}.logo img{max-width:unset}.logo a{display:block;width:100%;height:100%}.logo-mobile{display:block;width:40px;padding:10px 0}@media(min-width:576px){.logo-mobile{display:none}}.logo-mobile img{width:100%;height:auto}.logo-mobile a{display:block;width:100%;height:100%}.main-menu{display:none}@media(min-width:768px){.main-menu{display:block}}.main-menu>ul{display:flex;align-items:center;justify-content:flex-start}.main-menu>ul>li{list-style:none;font-size:1rem}.main-menu>ul>li>a{padding:10px 12px;display:inline-block;font-weight:400;text-decoration:none;color:#5122d0}.main-menu>ul>li>a:hover{text-decoration:underline}.main-menu>ul>li.active>a{font-weight:700;text-decoration:none}.main-menu>ul>li.active>a:hover{text-decoration:none;transition:all 225ms ease-in 0s}.main-menu-mobile{position:fixed;background:#5122d0;top:0;left:0;width:100%;height:100vh;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-menu-mobile.open{opacity:.9;visibility:visible;height:100%;z-index:20}.main-menu-mobile.open li{animation:fadeInRight .5s ease forwards;animation-delay:.35s}.main-menu-mobile.open li:nth-of-type(2){animation-delay:.4s}.main-menu-mobile.open li:nth-of-type(3){animation-delay:.45s}.main-menu-mobile.open li:nth-of-type(4){animation-delay:.5s}.main-menu-mobile.open li:nth-of-type(5){animation-delay:.55s}.main-menu-mobile.open li:nth-of-type(6){animation-delay:.6s}.main-menu-mobile ul{font-size:30px;font-family:playfair display,serif,-apple-system;text-align:center;list-style:none;padding:0;margin:0;flex:0}.main-menu-mobile ul li{display:block;position:relative;opacity:0;padding:10px}.main-menu-mobile ul li a{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden}.main-menu-mobile ul li a:hover{opacity:.8}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}.lock-scroll{overflow:hidden}.hamburger{padding:10px 0 10px 10px;outline:none;z-index:30;cursor:pointer}@media(min-width:768px){.hamburger{display:none}}.hamburger:focus{outline:none}.hamburger .hamburger-inner,.hamburger .hamburger-inner::before,.hamburger .hamburger-inner::after{background:#5122d0}.hamburger .hamburger-inner::after{width:18px;right:0}.hamburger.is-active .hamburger-inner::after{width:inherit;right:unset}.button{white-space:nowrap;display:inline-block;height:40px;line-height:40px;padding:0 14px;background:#5122d0;border-radius:4px;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.025em;color:#fff;text-decoration:none;-webkit-transition:all .15s ease;transition:all .15s ease}.button:hover{color:#fff;background-color:#6f44e1;transform:translateY(-1px);text-decoration:none}.call{position:relative;overflow:hidden;background-color:#f6f7ff;border-radius:4px;width:100%;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;z-index:2}@media(min-width:576px){.call{align-items:center;flex-direction:row;flex-wrap:wrap}}.call .call-box-top{flex:1 0 auto;padding:20px}.call .call-box-bottom{flex:auto;padding:20px;border-top:1px solid #dde0ff}@media(min-width:576px){.call .call-box-bottom{flex:0 0 auto;border:none}}.call .call-name{font-size:1.1rem;font-weight:700}.call .call-phone{margin-bottom:5px}.call strong{font-weight:700}.call svg{fill:#fff;position:absolute;bottom:-9px;right:0;width:100px;height:100px}@media(min-width:576px){.call svg{width:120px;height:120px}}.title{color:#2f2f41;font-size:48px;line-height:1.2}@media(min-width:992px){.title{font-size:50px}}.content a{text-decoration:underline}.content img{max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.content strong{font-width:bold}.content em{font-style:italic}.content p{font-family:Helvetica,Arial,sans-serif,-apple-system;line-height:1.56;color:#5c5a5a}.content h1{font-family:Helvetica,Arial,sans-serif,-apple-system;font-size:34px;line-height:1.26;font-weight:400;margin-top:30px;margin-bottom:20px}.content h2{font-family:Helvetica,Arial,sans-serif,-apple-system;font-size:26px;font-weight:400;line-height:1.4;margin-top:30px}.content h3{font-family:Helvetica,Arial,sans-serif,-apple-system;font-size:20px;line-height:1.4;font-weight:400;margin-top:30px}.content ul,.content ol{margin-bottom:20px}.content ul ul,.content ul ol,.content ol ul,.content ol ol{margin-bottom:0}.content ul{list-style:disc}.content ol{list-style:decimal}.content li{margin-bottom:5px;line-height:1.56;margin-left:20px;color:#5c5a5a}.content hr{border:none;border-bottom:1px solid #f6f7ff}.content table{width:100%;margin-top:30px;margin-bottom:30px}.content table th,.content table td{padding:5px;vertical-align:top;border-top:1px solid #f6f7ff}.content table thead th{vertical-align:bottom;border-bottom:1px solid #f6f7ff;text-align:left;font-weight:700}.content table tbody+tbody{border-top:1px solid #f6f7ff}.content blockquote{padding:0 1em;color:#5c5a5a;border-left:.25em solid #f88379}.intro{display:flex;justify-content:flex-start;align-items:center;padding-top:60px;padding-bottom:60px;overflow:hidden}@media(min-width:768px){.intro{padding-top:140px;padding-bottom:140px}}.intro h1{color:#2f2f41;font-size:42px;font-weight:700;line-height:1.2}@media(min-width:768px){.intro h1{width:80%;font-size:48px}}@media(min-width:992px){.intro h1{font-size:50px}}.intro h2{width:80%;font-size:1.2rem;line-height:1.4;margin-bottom:30px;color:#2f2f41;font-family:Helvetica,Arial,sans-serif,-apple-system}.intro p{font-size:1.2rem;font-weight:light;line-height:1.5;color:#5c5a5a}@media(min-width:768px){.intro p{width:80%}}.intro-small{padding-top:100px;padding-bottom:30px}.intro-image{width:100%;height:auto;margin-top:-40px}.intro-image-absolute{max-width:none;padding:0;margin-bottom:30px}@media(min-width:768px){.intro-image-absolute{position:absolute;bottom:-50px;left:-50px;width:700px}}@media(min-width:992px){.intro-image-absolute{bottom:-60px;left:-60px;width:800px}}@media(min-width:1300px){.intro-image-absolute{bottom:-100px;left:-70px;width:850px}}.intro-image-hide-mobile{display:none}@media(min-width:768px){.intro-image-hide-mobile{display:block}}.strip{background:#fff;background-repeat:no-repeat}.strip-white{background-color:#fff}.strip-grey{background-color:#f6f7ff}.strip-diagonal{transform:skewY(5deg);padding-bottom:50px;margin-bottom:65px}.strip-diagonal>div{transform:skewY(-5deg)}.strip-primary-gradient{background-image:linear-gradient(to right,#5122d0,#f88379)}.strip-primary-gradient-top-bottom{background-image:linear-gradient(to bottom,#5122d0,#f88379)}.strip-primary{background-color:#5122d0}.strip-secondary{background-color:#f88379}.strip-diagonal-right{margin-top:-100px;transform:skewY(-5deg);padding-bottom:100px}.strip-diagonal-right>div{transform:skewY(5deg)}.strip-diagonal-left{margin-top:-100px;transform:skewY(5deg);padding-bottom:100px}.strip-diagonal-left>div{transform:skewY(-5deg)}.strip-bg-contain{background-size:contain}.strip-bg-cover{background-size:cover}.whitebox{border:1px solid #dcdcdc;border-radius:3px;box-shadow:0 1px 18px rgba(0,0,0,.2);background:#fff;padding:10px}.feature{height:100%;border:1px solid #f6f7ff;border-radius:3px;padding:20px;background-color:#fff;display:flex;align-items:center;flex-direction:column;text-align:center}.feature .feature-image{flex:0 0 auto;width:80px;height:80px;display:flex;margin-bottom:20px;text-align:center}.feature img{width:100%;height:auto}.feature .feature-content{margin-bottom:0;margin-top:auto}.team-summary{display:flex;flex-wrap:wrap;flex-direction:row}.team-summary .team-image{height:60px;width:60px;margin-right:10px;border-radius:50%;overflow:hidden}.team-summary .team-image img{width:60px}.team-summary .team-meta{flex:1}.team-summary .team-meta h2{margin:0;font-size:22px;font-weight:400}.team-summary .team-meta p{color:#2f2f41;text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.team-summary .team-content{margin-top:20px;flex:1 0 100%}.team-summary-large{background-color:#f6f7ff;padding:30px;border-radius:3px}.team-summary-large .team-image{height:90px;width:90px;margin-right:20px;border-radius:50%;overflow:hidden}.team-summary-large .team-image img{width:90px}.page-services-single .content>p:first-of-type{font-size:1.6rem;line-height:1.4;margin-bottom:40px;font-weight:regular;color:#686868}body{font-size:16px;line-height:1.2;font-family:Helvetica,Arial,sans-serif,-apple-system}@media(min-width:768px){body{font-size:16px;line-height:1.3}}
\ No newline at end of file
+* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:36px;height:23px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1.5px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:36px;height:3px;background-color:#5122d0;border-radius:3px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--slider .hamburger-inner{top:1.5px}.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0)rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg)translate3d(-5.14285714px,-7px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0)rotate(-90deg)}a{color:#5122d0}p{line-height:26px;color:#5c5a5a;font-family:Helvetica,Arial,sans-serif,-apple-system;margin-bottom:20px}h1{font-size:20px;font-family:playfair display,serif,-apple-system;line-height:1.2;margin-bottom:20px}@media(min-width:768px){h1{font-size:32px;line-height:1.2}}h2{font-size:24px;font-family:playfair display,serif,-apple-system;line-height:1.4;margin-bottom:10px}@media(min-width:768px){h2{font-size:26px;line-height:1.4}}h3{font-size:16px;line-height:1.4}@media(min-width:768px){h3{font-size:20px;line-height:1.4}}ul,ol{margin:0;padding:0}ul li,ol li{padding:0;margin:0}.page{display:flex;min-height:100vh;flex-direction:column}.page .wrapper{flex:1 0 0}.header{color:#5122d0;background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f6f7ff;padding:10px 0}.header .container{display:flex;justify-content:space-between;align-items:center}.header.header-absolute{position:absolute;z-index:10;width:100%}.lock-scroll .header.header-absolute{position:static}.footer{background:#5122d0;padding-top:20px;padding-bottom:20px}.footer .footer-inner{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media(min-width:576px){.footer .footer-inner{justify-content:space-between;flex-direction:row;align-items:center}}.footer .footer-title{color:#fff;font-size:1.3rem;font-family:playfair display,serif,-apple-system;font-weight:700;margin-bottom:10px}@media(min-width:576px){.footer .footer-title{margin:0}}.footer ul{list-style:none;margin:0;padding:0}.footer ul li{color:#fff;font-size:1rem}.footer ul li a{color:#fff;text-decoration:none;padding:12px 14px 12px 0;display:block}.footer ul li a:hover{text-decoration:underline}.footer ul li.copyright{font-weight:700;color:#acacc3;display:none}@media(min-width:768px){.footer ul li.copyright{display:inline-block}}@media(min-width:576px){.footer ul{height:inherit;display:flex;list-style:none;margin:0;padding:0;align-items:center;justify-content:flex-end}.footer ul li{list-style:none;margin-right:10px}.footer ul li:last-of-type{margin-right:0}.footer ul li a{display:inline-block;height:40px;padding:10px 8px}}.sub-footer{background:#401ba4;color:#fff;padding-top:20px;padding-bottom:20px}@media(min-width:768px){.sub-footer{padding-top:10px;padding-bottom:10px}}.sub-footer .sub-footer-inner{display:flex;flex-direction:column;justify-content:space-between;font-size:1rem}@media(min-width:768px){.sub-footer .sub-footer-inner{flex-direction:row;font-size:.9rem}}.sub-footer .sub-footer-inner ul{list-style:none;margin:0;padding:0}.sub-footer .sub-footer-inner ul li{list-style:none;display:block}.sub-footer .sub-footer-inner ul li strong{font-weight:700;color:#fff;display:none}.sub-footer .sub-footer-inner ul li span{padding:10px 10px 10px 0;display:inline-block}.sub-footer .sub-footer-inner ul li a{display:inline-block;color:#fff;text-decoration:none;padding:10px 10px 10px 0}.sub-footer .sub-footer-inner ul li a:hover{text-decoration:underline}@media(min-width:576px){.sub-footer .sub-footer-inner ul li{display:inline-block;margin-left:10px}.sub-footer .sub-footer-inner ul li:first-of-type{margin-left:0}.sub-footer .sub-footer-inner ul li strong{font-weight:700;color:#fff;display:inline-block;margin-right:4px}}.sub-footer .zerostatic{display:inline-block;padding:10px 10px 10px 0;color:#fff;text-decoration:none}.sub-footer .zerostatic:hover{text-decoration:underline}.logo{display:none}@media(min-width:576px){.logo{display:block}}.logo img{max-width:unset}.logo a{display:block;width:100%;height:100%}.logo-mobile{display:block;width:40px;padding:10px 0}@media(min-width:576px){.logo-mobile{display:none}}.logo-mobile img{width:100%;height:auto}.logo-mobile a{display:block;width:100%;height:100%}.main-menu{display:none}@media(min-width:768px){.main-menu{display:block}}.main-menu>ul{display:flex;align-items:center;justify-content:flex-start}.main-menu>ul>li{list-style:none;font-size:1rem}.main-menu>ul>li>a{padding:10px 12px;display:inline-block;font-weight:400;text-decoration:none;color:#5122d0}.main-menu>ul>li>a:hover{text-decoration:underline}.main-menu>ul>li.active>a{font-weight:700;text-decoration:none}.main-menu>ul>li.active>a:hover{text-decoration:none;transition:all 225ms ease-in 0s}.main-menu-mobile{position:fixed;background:#5122d0;top:0;left:0;width:100%;height:100vh;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.main-menu-mobile.open{opacity:.9;visibility:visible;height:100%;z-index:20}.main-menu-mobile.open li{animation:fadeInRight .5s ease forwards;animation-delay:.35s}.main-menu-mobile.open li:nth-of-type(2){animation-delay:.4s}.main-menu-mobile.open li:nth-of-type(3){animation-delay:.45s}.main-menu-mobile.open li:nth-of-type(4){animation-delay:.5s}.main-menu-mobile.open li:nth-of-type(5){animation-delay:.55s}.main-menu-mobile.open li:nth-of-type(6){animation-delay:.6s}.main-menu-mobile ul{font-size:30px;font-family:playfair display,serif,-apple-system;text-align:center;list-style:none;padding:0;margin:0;flex:0}.main-menu-mobile ul li{display:block;position:relative;opacity:0;padding:10px}.main-menu-mobile ul li a{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden}.main-menu-mobile ul li a:hover{opacity:.8}@keyframes fadeInRight{0%{opacity:0;left:20%}100%{opacity:1;left:0}}.lock-scroll{overflow:hidden}.hamburger{padding:10px 0 10px 10px;outline:none;z-index:30;cursor:pointer}@media(min-width:768px){.hamburger{display:none}}.hamburger:focus{outline:none}.hamburger .hamburger-inner,.hamburger .hamburger-inner::before,.hamburger .hamburger-inner::after{background:#5122d0}.hamburger .hamburger-inner::after{width:18px;right:0}.hamburger.is-active .hamburger-inner::after{width:inherit;right:unset}.button{white-space:nowrap;display:inline-block;height:40px;line-height:40px;padding:0 14px;background:#5122d0;border-radius:4px;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.025em;color:#fff;text-decoration:none;-webkit-transition:all .15s ease;transition:all .15s ease}.button:hover{color:#fff;background-color:#6f44e1;transform:translateY(-1px);text-decoration:none}.call{position:relative;overflow:hidden;background-color:#f6f7ff;border-radius:4px;width:100%;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;z-index:2}@media(min-width:576px){.call{align-items:center;flex-direction:row;flex-wrap:wrap}}.call .call-box-top{flex:1 0 auto;padding:20px}.call .call-box-bottom{flex:auto;padding:20px;border-top:1px solid #dde0ff}@media(min-width:576px){.call .call-box-bottom{flex:0 0 auto;border:none}}.call .call-name{font-size:1.1rem;font-weight:700}.call .call-phone{margin-bottom:5px}.call strong{font-weight:700}.call svg{fill:#fff;position:absolute;bottom:-9px;right:0;width:100px;height:100px}@media(min-width:576px){.call svg{width:120px;height:120px}}.title{color:#2f2f41;font-size:48px;line-height:1.2}@media(min-width:992px){.title{font-size:50px}}.content a{text-decoration:underline}.content img{max-width:100%;height:auto;margin-top:20px;margin-bottom:20px}.content strong{font-width:bold}.content em{font-style:italic}.content p{font-family:Helvetica,Arial,sans-serif,-apple-system;line-height:1.56;color:#5c5a5a}.content h1{font-family:Helvetica,Arial,sans-serif,-apple-system;font-size:34px;line-height:1.26;font-weight:400;margin-top:30px;margin-bottom:20px}.content h2{font-family:Helvetica,Arial,sans-serif,-apple-system;font-size:26px;font-weight:400;line-height:1.4;margin-top:30px}.content h3{font-family:Helvetica,Arial,sans-serif,-apple-system;font-size:20px;line-height:1.4;font-weight:400;margin-top:30px}.content ul,.content ol{margin-bottom:20px}.content ul ul,.content ul ol,.content ol ul,.content ol ol{margin-bottom:0}.content ul{list-style:disc}.content ol{list-style:decimal}.content li{margin-bottom:5px;line-height:1.56;margin-left:20px;color:#5c5a5a}.content hr{border:none;border-bottom:1px solid #f6f7ff}.content table{width:100%;margin-top:30px;margin-bottom:30px}.content table th,.content table td{padding:5px;vertical-align:top;border-top:1px solid #f6f7ff}.content table thead th{vertical-align:bottom;border-bottom:1px solid #f6f7ff;text-align:left;font-weight:700}.content table tbody+tbody{border-top:1px solid #f6f7ff}.content blockquote{padding:0 1em;color:#5c5a5a;border-left:.25em solid #f88379}.intro{display:flex;justify-content:flex-start;align-items:center;padding-top:60px;padding-bottom:60px;overflow:hidden}@media(min-width:768px){.intro{padding-top:140px;padding-bottom:140px}}.intro h1{color:#2f2f41;font-size:42px;font-weight:700;line-height:1.2}@media(min-width:768px){.intro h1{width:80%;font-size:48px}}@media(min-width:992px){.intro h1{font-size:50px}}.intro h2{width:80%;font-size:1.2rem;line-height:1.4;margin-bottom:30px;color:#2f2f41;font-family:Helvetica,Arial,sans-serif,-apple-system}.intro p{font-size:1.2rem;font-weight:light;line-height:1.5;color:#5c5a5a}@media(min-width:768px){.intro p{width:80%}}.intro-small{padding-top:100px;padding-bottom:30px}.intro-image{width:100%;height:auto;margin-top:-40px}.intro-image-absolute{max-width:none;padding:0;margin-bottom:30px}@media(min-width:768px){.intro-image-absolute{position:absolute;bottom:-50px;left:-50px;width:700px}}@media(min-width:992px){.intro-image-absolute{bottom:-60px;left:-60px;width:800px}}@media(min-width:1300px){.intro-image-absolute{bottom:-100px;left:-70px;width:850px}}.intro-image-hide-mobile{display:none}@media(min-width:768px){.intro-image-hide-mobile{display:block}}.strip{background:#fff;background-repeat:no-repeat}.strip-white{background-color:#fff}.strip-grey{background-color:#f6f7ff}.strip-diagonal{transform:skewY(5deg);padding-bottom:50px;margin-bottom:65px}.strip-diagonal>div{transform:skewY(-5deg)}.strip-primary-gradient{background-image:linear-gradient(to right,#5122d0,#f88379)}.strip-primary-gradient-top-bottom{background-image:linear-gradient(to bottom,#5122d0,#f88379)}.strip-primary{background-color:#5122d0}.strip-secondary{background-color:#f88379}.strip-diagonal-right{margin-top:-100px;transform:skewY(-5deg);padding-bottom:100px}.strip-diagonal-right>div{transform:skewY(5deg)}.strip-diagonal-left{margin-top:-100px;transform:skewY(5deg);padding-bottom:100px}.strip-diagonal-left>div{transform:skewY(-5deg)}.strip-bg-contain{background-size:contain}.strip-bg-cover{background-size:cover}.whitebox{border:1px solid #dcdcdc;border-radius:3px;box-shadow:0 1px 18px rgba(0,0,0,.2);background:#fff;padding:10px}.feature{height:100%;border:1px solid #f6f7ff;border-radius:3px;padding:20px;background-color:#fff;display:flex;align-items:center;flex-direction:column;text-align:center}.feature .feature-image{flex:0 0 auto;width:80px;height:80px;display:flex;margin-bottom:20px;text-align:center}.feature img{width:100%;height:auto}.feature .feature-content{margin-bottom:0;margin-top:auto}.team-summary{display:flex;flex-wrap:wrap;flex-direction:row}.team-summary .team-image{height:60px;width:60px;margin-right:10px;border-radius:50%;overflow:hidden}.team-summary .team-image img{width:60px}.team-summary .team-meta{flex:1}.team-summary .team-meta h2{margin:0;font-size:22px;font-weight:400}.team-summary .team-meta p{color:#2f2f41;text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.team-summary .team-content{margin-top:20px;flex:1 0 100%}.team-summary-large{background-color:#f6f7ff;padding:30px;border-radius:3px}.team-summary-large .team-image{height:90px;width:90px;margin-right:20px;border-radius:50%;overflow:hidden}.team-summary-large .team-image img{width:90px}.page-services-single .content>p:first-of-type{font-size:1.6rem;line-height:1.4;margin-bottom:40px;font-weight:regular;color:#686868}body{font-size:16px;line-height:1.2;font-family:Helvetica,Arial,sans-serif,-apple-system}@media(min-width:768px){body{font-size:16px;line-height:1.3}}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/www.example.com/scss/style.scss_953250851a1795a33f24521b79ead981.json b/exampleSite/resources/_gen/assets/scss/www.example.com/scss/style.scss_953250851a1795a33f24521b79ead981.json
index e0088de..2b89686 100644
--- a/exampleSite/resources/_gen/assets/scss/www.example.com/scss/style.scss_953250851a1795a33f24521b79ead981.json
+++ b/exampleSite/resources/_gen/assets/scss/www.example.com/scss/style.scss_953250851a1795a33f24521b79ead981.json
@@ -1 +1 @@
-{"Target":"css/style.min.d88519cf5108747c463b70f029ad441689c1fefa672c523eab886625f33d6b9e.css","MediaType":"text/css","Data":{"Integrity":"sha256-2IUZz1EIdHxGO3DwKa1EFonB/vpnLFI+q4hmJfM9a54="}}
\ No newline at end of file
+{"Target":"css/style.min.72b9f130d26fefe62716bab53809508ae837eb9415bed59c8de07f20da60b345.css","MediaType":"text/css","Data":{"Integrity":"sha256-crnxMNJv7+YnFrq1OAlQiug365QVvtWcjeB/INpgs0U="}}
\ No newline at end of file
diff --git a/exampleSite/static/images/github.svg b/exampleSite/static/images/github.svg
index 3899712..e2b64c0 100644
--- a/exampleSite/static/images/github.svg
+++ b/exampleSite/static/images/github.svg
@@ -1 +1 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
\ No newline at end of file
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path fill="#fff" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
\ No newline at end of file
diff --git a/exampleSite/static/images/twitter.svg b/exampleSite/static/images/twitter.svg
new file mode 100644
index 0000000..b7c59dc
--- /dev/null
+++ b/exampleSite/static/images/twitter.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter icon</title><path fill="#fff" d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>
\ No newline at end of file