Init with some changes to the Serif Theme

_includes/call.html

@@ -0,0 +1,19 @@
+<div class="call">
+  <div class="call-box-top">
+    {% if site.data.contact.phone %}
+        <div class="call-phone"><strong>Phone: </strong> {{ site.data.contact.phone }} </div>
+    {% endif %}
+    {% if site.data.contact.email %}
+    <div class="call-email"><strong>Email: </strong>
+      <a href="mailto:{{ .site.data.contact.email }}">
+        {{ site.data.contact.email }}
+      </a>
+    </div>
+    {% endif %}
+  </div>
+    {% if include.show_button %}
+      <div class="call-box-bottom">
+        <a href="{{ site.data.contact.contact_button_link }}" class="button">Contact</a>
+      </div>
+    {% endif %}
+</div>

_includes/footer.html

@@ -0,0 +1,19 @@
+<div class="footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="footer-inner">
+          <h2 class="footer-title">{{site.title}}</h2>
+          <ul>
+            {% assign footermenu = site.data.menus.footer | sort: 'weight'  %}
+            {% for item in footermenu %}
+            <li class="{% if item.url == page.url %}active{% endif %}">
+              <a href="{{ item.url | relative_url }}">{{ item.name }}</a>
+            </li>
+            {% endfor %}
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

_includes/google-analytics.html

@@ -0,0 +1,26 @@
+{% if jekyll.environment == "production" %}
+    {% assign gid = site.env.NETLIFY_GOOGLE_ANALYTICS_ID %}
+    {% if gid %}
+    <script async src="https://www.googletagmanager.com/gtag/js?id={{ gid }}"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag('js', new Date());
+      gtag('config', '{{ $gid }}');
+    </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.data.seo.google_analytics_id }}');
+    </script>
+    {% endif %}
+{% endif %}

_includes/hamburger.html

@@ -0,0 +1,5 @@
+<button id="toggle-main-menu-mobile" class="hamburger hamburger--slider" type="button" aria-label="Mobile Menu">
+  <span class="hamburger-box">
+    <span class="hamburger-inner"></span>
+  </span>
+</button>

_includes/header.html

@@ -0,0 +1,12 @@
+<div class='header'>
+  <div class="container">
+    <div class="logo">
+      <a href="{{ site.baseurl }}"><img width="{{ site.logo.desktop_width }}" height="{{ site.logo.desktop_height }}" alt="{{ site.title }}" src="{{ site.logo.desktop | relative_url }}" /></a>
+    </div>
+    <div class="logo-mobile">
+      <a href="{{ site.baseurl }}"><img width="{{ site.logo.mobile_width }}" height="{{ site.logo.mobile_height }}" alt="{{ site.title }}" src="{{ site.logo.mobile | relative_url }}" /></a>
+    </div>
+    {% include main-menu.html %}
+    {% include hamburger.html %}
+  </div>
+</div>

_includes/main-menu-mobile.html

@@ -0,0 +1,10 @@
+<div id="main-menu-mobile" class="main-menu-mobile">
+  {% assign mainmenu = site.data.menus.main | sort: 'weight'  %}
+  <ul>
+    {% for item in mainmenu %}
+    <li class="{% if item.url == page.url %}active{% endif %}">
+      <a href="{{ item.url | relative_url }}">{{ item.name }}</a>
+    </li>
+    {% endfor %}
+  </ul>
+</div>

_includes/main-menu.html

@@ -0,0 +1,10 @@
+<div id="main-menu" class="main-menu">
+  {% assign mainmenu = site.data.menus.main | sort: 'weight'  %}
+  <ul>
+    {% for item in mainmenu %}
+    <li class="{% if item.url == page.url %}active{% endif %}">
+      <a href="{{ item.url | relative_url }}">{{ item.name }}</a>
+    </li>
+    {% endfor %}
+  </ul>
+</div>

_includes/social.html

@@ -0,0 +1,5 @@
+<div class="social">
+  {% for item in site.data.social %}
+    <a href="{{ item.link }}" target="blank"><img src="{{ item.image | relative_url }}" title="{{ item.name }}" alt="{{ item.name }}" /></a>
+  {% endfor %}
+</div>

_includes/sub-footer.html

@@ -0,0 +1,16 @@
+<div class="sub-footer">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="sub-footer-inner">
+          {% if site.data.social %}
+            {% include social.html %}
+          {% endif %}
+          {% if site.data.seo.copyright_text %}
+          <div class="copyright">{{ site.data.seo.copyright_text }}</div>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>