refresh theme

.gitignore

@@ -1,4 +1,4 @@
-# Test files
+# NPM
 node_modules
 npm-debug.log
 
@@ -8,21 +8,15 @@ _site/
 .sass-cache/
 .jekyll-cache/
 .jekyll-metadata
-alembic-jekyll-theme-*.gem
 Gemfile.lock
 **/Gemfile.lock
 
 # Temporary files
 tmp
-
-# Folder view configuration files
 .DS_Store
 Desktop.ini
-
-# Thumbnail cache files
 ._*
 Thumbs.db
-
-# Files that might appear on external disks
 .Spotlight-V100
 .Trashes
+.idea

_config.yml

@@ -10,9 +10,6 @@ collections:
   team:
     output: true
     permalink: /team/:path/
-  testimonials:
-    output: true
-    permalink: /testimonials/:path/
 
 defaults:
   - scope:
@@ -32,3 +29,14 @@ google_analytics_id: null
 
 plugins:
   - jekyll-environment-variables
+
+homepage:
+  show_call_box: true
+
+logo:
+  mobile: "images/logo-mobile.svg"
+  desktop: "images/logo.svg"
+  desktop_height: "36px"
+
+footer:
+  copyright_text: 'Free Jekyll theme by <a class="zerostatic" href="https://www.zerostatic.io">www.zerostatic.io</a>'

_data/contact.yml

@@ -1,4 +1,3 @@
-email: '[email protected]'
-phone: 'XXXX XXX XXX'
-businessName: 'Hugo Serif'
-address: ''
+email: '[email protected]'
+phone: '1800 123 000'
+contact_button_link: 'contact'

_data/menus.yml

@@ -0,0 +1,21 @@
+main:
+  - name: "Home"
+    url: "/"
+    weight: 1
+  - name: "Services"
+    url: "/services"
+    weight: 2
+  - name: "Team"
+    url: "/team"
+    weight: 3
+  - name: "Contact"
+    url: "/contact"
+    weight: 4
+
+footer:
+  - name: "Home"
+    url: "/"
+    weight: 1
+  - name: "Contact"
+    url: "/contact"
+    weight: 2

_data/social.json

@@ -0,0 +1,12 @@
+[
+  {
+    "name": "Github",
+    "link": "https://github.com/JugglerX/jekyll-serif-theme",
+    "image": "images/github.svg"
+  },
+  {
+    "name": "Twitter",
+    "link": "https://twitter.com/zerostaticio",
+    "image": "images/twitter.svg"
+  }
+]

_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

@@ -1,13 +1,16 @@
-<div class="footer-strip">
+<div class="footer">
   <div class="container">
     <div class="row">
       <div class="col-12">
-        <div class="footer">
+        <div class="footer-inner">
           <h3 class="footer-title">{{site.title}}</h3>
-          <ul class="footer-menu">
-            <li><a href="{{site.baseurl}}/">Home</a></li>
-            <li><a href="{{site.baseurl}}/contact">Contact</a></li>
-            <li class="copyright">© {{site.title}} {{site.time | date:'%Y'}}</li>
+          <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 }}">{{ item.name }}</a>
+            </li>
+            {% endfor %}
           </ul>
         </div>
       </div>

_includes/header.html

@@ -1,10 +1,10 @@
-<div class='header {{include.headerClass}}'>
+<div class='header'>
   <div class="container">
     <div class="logo">
-      <a href="{{site.baseurl}}/"><img alt="Figurit Homepage" src="{{site.baseurl}}/assets/images/logo.svg" /></a>
+      <a href="{{site.baseurl}}/"><img 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 alt="Figurit Homepage" src="{{site.baseurl}}/assets/images/logo-mobile.svg" /></a>
+      <a href="{{site.baseurl}}/"><img alt="{{ site.title }}" src="{{ site.logo.mobile | relative_url }}" /></a>
     </div>
     {% include main-menu.html %}
     {% include hamburger.html %}

_includes/main-menu-mobile.html

@@ -1,9 +1,10 @@
 <div id="main-menu-mobile" class="main-menu-mobile">
+  {% assign mainmenu = site.data.menus.main | sort: 'weight'  %}
   <ul>
-    <li><a href="{{site.baseurl}}/" class="{% if page.url == '/' %}current{% endif %}">Home</a></li>
-    <li><a href="{{site.baseurl}}/services/" class="{% if page.url contains 'services' %}current{% endif %}">Services</a></li>
-    <li><a href="{{site.baseurl}}/team/" class="{% if page.url contains 'team' %}current{% endif %}">Team</a></li>
-    <li><a href="{{site.baseurl}}/testimonials/" class="{% if page.url contains 'testimonials' %}current{% endif %}">Testimonials</a></li>
-    <li><a href="{{site.baseurl}}/contact/" class="{% if page.url contains 'contact' %}current{% endif %}">Contact</a></li>
+    {% for item in mainmenu %}
+    <li class="{% if item.url == page.url %}active{% endif %}">
+      <a href="{{ item.url }}">{{ item.name }}</a>
+    </li>
+    {% endfor %}
   </ul>
 </div>

_includes/main-menu.html

@@ -1,9 +1,10 @@
 <div id="main-menu" class="main-menu">
+  {% assign mainmenu = site.data.menus.main | sort: 'weight'  %}
   <ul>
-    <li><a href="{{site.baseurl}}/" class="{% if page.url == '/' %}current{% endif %}">Home</a></li>
-    <li><a href="{{site.baseurl}}/services/" class="{% if page.url contains 'services' %}current{% endif %}">Services</a></li>
-    <li><a href="{{site.baseurl}}/team/" class="{% if page.url contains 'team' %}current{% endif %}">Team</a></li>
-    <li><a href="{{site.baseurl}}/testimonials/" class="{% if page.url contains 'testimonials' %}current{% endif %}">Testimonials</a></li>
-    <li><a href="{{site.baseurl}}/contact/" class="{% if page.url contains 'contact' %}current{% endif %}">Contact</a></li>
+    {% for item in mainmenu %}
+    <li class="{% if item.url == page.url %}active{% endif %}">
+      <a href="{{ item.url }}">{{ item.name }}</a>
+    </li>
+    {% endfor %}
   </ul>
-</div>
+</div>

_includes/social.html

@@ -1,19 +1,5 @@
-<ul id="social" class="social">
-  <li>
-    <a class="social-vimeo" href="{{ site.data.social.vimeo }}" target="blank">
-      <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-        <title>Facebook icon</title>
-        <path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" />
-      </svg>
-    </a>
-  </li>
-  <li>
-    <a class="social-twitter" href="{{ site.data.social.twitter }}" target="blank"></a>
-  </li>
-  <li>
-    <a class="social-instagram" href="{{ site.data.social.instagram }}" target="blank"></a>
-  </li>
-  <li>
-    <a class="social-linkedin" href="{{ site.data.social.linkedin }}" target="blank"></a>
-  </li>
-</ul>
+<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

@@ -1,16 +1,14 @@
-<div class="sub-footer-strip">
+<div class="sub-footer">
   <div class="container">
     <div class="row">
       <div class="col-12">
-        <div class="sub-footer">
-          <ul>
-            <li><strong>Phone: </strong>{{ site.data.contact.phone }}</li>
-            <li><strong>Email: </strong><a href="mailto:{{ site.data.contact.email }}">
-                {{ site.data.contact.email }}</a></li>
-          </ul>
-          <ul>
-            <li><a href="https://www.zerostatic.io">www.zerostatic.io</a></li>
-          </ul>
+        <div class="sub-footer-inner">
+          {% if site.data.social %}
+            {% include social.html %}
+          {% endif %}
+          {% if site.footer.copyright_text %}
+          <div class="copyright">{{ site.footer.copyright_text }}</div>
+          {% endif %}
         </div>
       </div>
     </div>

_layouts/contact.html

@@ -0,0 +1,17 @@
+---
+title: Contact
+layout: default
+bodyClass: page-contact
+---
+
+<div class="container pb-6 pt-6 pt-md-10 pb-md-10">
+    <div class="row justify-content-start">
+        <div class="col-12 col-md-8">
+            <div class="service service-single">
+                <h1 class="title">{{page.title}}</h1>
+                {% include call.html show_button=false %}
+                <div class="content mt-4">{{content}}</div>
+            </div>
+        </div>
+    </div>
+</div>

_layouts/home.html

@@ -0,0 +1,69 @@
+---
+title: Jekyll Serif - Jekyll Small Business Theme
+layout: default
+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 %}
+          {% include call.html show_button=true %}
+        {% endif %}
+      </div>
+      {% if page.intro_image %}
+      <div class="col-12 col-md-5 col-lg-6 order-1 order-md-2 position-relative">
+        <img alt={{ page.title }} class="intro-image{% if page.intro_image_absolute %} intro-image-absolute{% endif %}{% if page.intro_image_hide_on_mobile %} intro-image-hide-mobile{% endif %}" src="{{ page.intro_image | relURL }}" />
+      </div>
+      {% endif %}
+    </div>
+  </div>
+</div>
+
+<div class="strip">
+  <div class="container pt-6 pb-6 pb-md-10">
+    <div class="row justify-content-start">
+      {% for service in site.services %}
+      <div class="col-12 col-md-4 mb-1">
+        <div class="service service-summary">
+          <div class="service-content">
+            <h2 class="service-title">
+              <a href="{{site.baseurl}}{{ service.url }}">{{ service.title }}</a>
+            </h2>
+            <p>{{ service.content | markdownify | strip_html | truncate: 100 }}</p>
+          </div>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+    <div class="row justify-content-center">
+      <div class="col-auto">
+        <a class="button button-primary" href="{{site.baseurl}}/services">View All Services</a>
+      </div>
+    </div>
+  </div>
+</div>
+
+{% if site.data.features %}
+<div class="strip strip-grey">
+  <div class="container pt-6 pb-6 pt-md-10 pb-md-10">
+    <div class="row justify-content-center">
+
+      {% for feature in site.data.features %}
+      <div class="col-12 col-md-6 col-lg-4 mb-2">
+        <div class="feature">
+          {% if feature.image %}
+          <div class="feature-image"><img alt="{{ feature.title }} logo" src="{{ feature.image | relative_url }}" /></div>
+          {% endif %}
+          <h2 class="feature-title">{{ feature.title }}</h2>
+          <div class="feature-content">{{ feature.description }}</div>
+        </div>
+      </div>
+      {% endfor %}
+
+    </div>
+  </div>
+</div>
+{% endif %}

_layouts/service.html

@@ -2,14 +2,12 @@
 layout: default
 ---
 
-<div class="strip strip-white strip-diagonal">
-  <div class="container pt-4 pt-md-10">
-    <div class="row justify-content-start">
-      <div class="col-12 col-md-8">
-        <div class="service service-single">
-          <h1 class="title">{{page.title}}</h1>
-          <div class="content">{{page.content}}</div>
-        </div>
+<div class="container pb-6 pt-6 pt-md-10 pb-md-10">
+  <div class="row justify-content-start">
+    <div class="col-12 col-md-8">
+      <div class="service service-single">
+        <h1 class="title">{{page.title}}</h1>
+        <div class="content">{{page.content}}</div>
       </div>
     </div>
   </div>

_layouts/services.html

@@ -0,0 +1,36 @@
+---
+layout: default
+bodyClass: page-services-list
+---
+
+<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 }}
+      </div>
+      {% if page.intro_image %}
+      <div class="col-12 col-md-5 col-lg-6 order-1 order-md-2 position-relative">
+        <img alt={{ page.title }} class="intro-image{% if page.intro_image_absolute %} intro-image-absolute{% endif %}{% if page.intro_image_hide_on_mobile %} intro-image-hide-mobile{% endif %}" src="{{ page.intro_image | relative_url }}" />
+      </div>
+      {% endif %}
+    </div>
+  </div>
+</div>
+
+<div class="container pt-6 pb-6">
+  <div class="row">
+    {% for service in site.services %}
+    <div class="col-12 col-md-6 mb-3">
+      <div class="service service-summary">
+        <div class="service-content">
+          <h2 class="service-title">
+            <a href="{{site.baseurl}}{{ service.url }}">{{ service.title }}</a>
+          </h2>
+          <p>{{ service.content | markdownify | strip_html | truncate: 100 }}</p>
+        </div>
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+</div>