Turned the template into a real theme

.gitignore

@@ -1,2 +1,3 @@
 _site/
 .sass-cache/
+.jekyll-metadata

README.md

@@ -10,5 +10,7 @@ See it live in action at <https://volny.github.io/creative-theme-jekyll/>
 ## To use the Creative Theme template in your project
 
 - Start by adding your info in `_config.yml`
-- In `_layouts/front.html` reorder or remove section as you prefer.
+- In `index.html/` there is a blocks property that allows you to reorder remove or add sections.
+- In `_blocks/` you can create more sections and customize them
+- The types referred to in the blocks is includes from `_includes/` 
 

_blocks/about.md

@@ -0,0 +1,11 @@
+---
+name: about
+type: primary
+title: We've got what you need!
+button_text: Get Started!
+button_url: '#'
+menu_text:  # If left blank this defaults to the id
+menu_exclude: false
+width: 8 # With of the main block
+---
+Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!

_blocks/aside.md

@@ -0,0 +1,10 @@
+---
+name: aside
+type: dark
+title: Free Download at Start Bootstrap
+button_text: Download Now! # Blank means no button
+button_url: 
+menu_text:  # If left blank this defaults to the id
+menu_exclude: true
+cols: # Title \ Text \ Font awesome icon \ url
+---

_blocks/contact.html

@@ -0,0 +1,246 @@
+---
+name: contact
+type: light
+title: Let's Get In Touch!
+button_text: # Blank means no button
+button_url: 
+menu_text:  # If left blank this defaults to the id
+menu_exclude: false
+width: 12
+---
+{% comment %}
+In case the standard templates don't suffice, you can still use raw HTML (with liquid tags)
+{% endcomment %}
+
+<p class="col-lg-8 col-lg-offset-2">
+	Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!
+<p>
+
+{% assign colcount = 0 %}
+{% if site.email %} {% assign colcount = colcount | plus: 1 %} {% endif %}
+{% if site.twitter_username %} {% assign colcount = colcount | plus: 1 %} {% endif %}
+{% if site.github_username %} {% assign colcount = colcount | plus: 1 %} {% endif %}
+{% if site.whatsapp_number %} {% assign colcount = colcount | plus: 1 %} {% endif %}
+{% if site.telephone_number %} {% assign colcount = colcount | plus: 1 %} {% endif %}
+{% if site.instagram_username %} {% assign colcount = colcount | plus: 1 %} {% endif %}
+{% if site.facebook_username %} {% assign colcount = colcount | plus: 1 %} {% endif %}
+{% if site.linkedin_username %} {% assign colcount = colcount | plus: 1 %} {% endif %}
+
+{% if colcount == 1 %}
+    {% assign size = 6 %}
+    {% assign first_offset = 3 %}
+    {% assign offset = 0 %}
+{% elsif colcount == 2 %}
+    {% assign size = 6 %}
+    {% assign first_offset = 0 %}
+    {% assign offset = 0 %}
+{% elsif colcount == 3 %}
+    {% assign size = 4 %}
+    {% assign first_offset = 0 %}
+    {% assign offset = 0 %}            
+{% elsif colcount == 4 %}
+    {% assign size = 3 %}
+    {% assign first_offset = 0 %}
+    {% assign offset = 0 %}            
+{% elsif colcount == 5 %}
+    {% assign size = 2 %}
+    {% assign first_offset = 1 %}
+    {% assign offset = 0 %}            
+{% elsif colcount == 6 %}
+    {% assign size = 2 %}
+    {% assign first_offset = 0 %}
+    {% assign offset = 0 %}            
+{% elsif colcount == 8 %}
+    {% assign size = 1 %}
+    {% assign first_offset = 2 %}
+    {% assign offset = 0 %}            
+{% elsif colcount == 10 %}
+    {% assign size = 1 %}
+    {% assign first_offset = 1 %}
+    {% assign offset = 0 %}            
+{% elsif colcount == 12 %}
+    {% assign size = 1 %}
+    {% assign first_offset = 0 %}
+    {% assign offset = 0 %}            
+{% endif %}
+{% assign first = true %}
+
+{% if size %}
+	<div class="container">
+	    <div class="row">
+
+	    	{% if site.email %}
+                <div class="
+                    col-lg-{{ size }}
+                    {% if first %}
+                        {% assign first = false %}
+                        col-lg-offset-{{ first_offset }}
+                    {% else %} 
+                        col-lg-offset-{{ offset }}
+                    {% endif %}
+                    text-center
+                    bg-light
+                ">
+	                <a href="mailto:{{ site.email }}">
+	                    <div class="service-box">
+	                        <i class="fa fa-4x fa-at wow bounceIn text-primary"></i>
+	                        <p class="text-muted">{{ site.email }}</p>
+	                    </div>
+	                </a>
+	            </div>
+	        {% endif %}
+
+	    	{% if site.telephone_number %}
+                <div class="
+                    col-lg-{{ size }}
+                    {% if first %}
+                        {% assign first = false %}
+                        col-lg-offset-{{ first_offset }}
+                    {% else %} 
+                        col-lg-offset-{{ offset }}
+                    {% endif %}
+                    text-center
+                    bg-light
+                ">
+	                <a href="tel:{{ site.telephone_number }}">
+	                    <div class="service-box">
+	                        <i class="fa fa-4x fa-phone wow bounceIn text-primary"></i>
+	                        <p class="text-muted">{{ site.telephone_number }}</p>
+	                    </div>
+	                </a>
+	            </div>
+	        {% endif %}
+
+	    	{% if site.whatsapp_number %}
+                <div class="
+                    col-lg-{{ size }}
+                    {% if first %}
+                        {% assign first = false %}
+                        col-lg-offset-{{ first_offset }}
+                    {% else %} 
+                        col-lg-offset-{{ offset }}
+                    {% endif %}
+                    text-center
+                    bg-light
+                ">
+	                <a href="https://wa.me/{{ site.whatsapp_number }}">
+	                    <div class="service-box">
+	                        <i class="fa fa-4x fa-whatsapp wow bounceIn text-primary"></i>
+	                        <p class="text-muted">{{ site.whatsapp_number }}</p>
+	                    </div>
+	                </a>
+	            </div>
+	        {% endif %}
+
+	    	{% if site.twitter_username %}
+                <div class="
+                    col-lg-{{ size }}
+                    {% if first %}
+                        {% assign first = false %}
+                        col-lg-offset-{{ first_offset }}
+                    {% else %} 
+                        col-lg-offset-{{ offset }}
+                    {% endif %}
+                    text-center
+                    bg-light
+                ">
+	                <a href="https://twitter.com/{{ site.twitter_username }}">
+	                    <div class="service-box">
+	                        <i class="fa fa-4x fa-twitter wow bounceIn text-primary"></i>
+	                        <p class="text-muted">{{ site.twitter_username }}</p>
+	                    </div>
+	                </a>
+	            </div>
+	        {% endif %}
+
+	    	{% if site.facebook_username %}
+                <div class="
+                    col-lg-{{ size }}
+                    {% if first %}
+                        {% assign first = false %}
+                        col-lg-offset-{{ first_offset }}
+                    {% else %} 
+                        col-lg-offset-{{ offset }}
+                    {% endif %}
+                    text-center
+                    bg-light
+                ">
+	                <a href="https://facebook.com/{{ site.facebook_username }}">
+	                    <div class="service-box">
+	                        <i class="fa fa-4x fa-facebook wow bounceIn text-primary"></i>
+	                        <p class="text-muted">{{ site.facebook_username }}</p>
+	                    </div>
+	                </a>
+	            </div>
+	        {% endif %}
+
+	    	{% if site.instagram_username %}
+                <div class="
+                    col-lg-{{ size }}
+                    {% if first %}
+                        {% assign first = false %}
+                        col-lg-offset-{{ first_offset }}
+                    {% else %} 
+                        col-lg-offset-{{ offset }}
+                    {% endif %}
+                    text-center
+                    bg-light
+                ">
+	                <a href="https://instagram.com/{{ site.instagram_username }}">
+	                    <div class="service-box">
+	                        <i class="fa fa-4x fa-instagram wow bounceIn text-primary"></i>
+	                        <p class="text-muted">{{ site.instagram_username }}</p>
+	                    </div>
+	                </a>
+	            </div>
+	        {% endif %}
+
+	    	{% if site.linkedin_username %}
+                <div class="
+                    col-lg-{{ size }}
+                    {% if first %}
+                        {% assign first = false %}
+                        col-lg-offset-{{ first_offset }}
+                    {% else %} 
+                        col-lg-offset-{{ offset }}
+                    {% endif %}
+                    text-center
+                    bg-light
+                ">
+	                <a href="https://linkedin.com/in/{{ site.linkedin_username }}">
+	                    <div class="service-box">
+	                        <i class="fa fa-4x fa-linkedin wow bounceIn text-primary"></i>
+	                        <p class="text-muted">{{ site.linkedin_username }}</p>
+	                    </div>
+	                </a>
+	            </div>
+	        {% endif %}
+
+	    	{% if site.github_username %}
+                <div class="
+                    col-lg-{{ size }}
+                    {% if first %}
+                        {% assign first = false %}
+                        col-lg-offset-{{ first_offset }}
+                    {% else %} 
+                        col-lg-offset-{{ offset }}
+                    {% endif %}
+                    text-center
+                    bg-light
+                ">
+	                <a href="https://github.com/{{ site.github_username }}">
+	                    <div class="service-box">
+	                        <i class="fa fa-4x fa-github wow bounceIn text-primary"></i>
+	                        <p class="text-muted">{{ site.github_username }}</p>
+	                    </div>
+	                </a>
+	            </div>
+	        {% endif %}
+
+	    </div>
+	</div>
+{% else %}
+	<div class="container">
+	    <h1>ERROR: Cannot render {{ colcount }} columns, can render 1, 2, 3, 4, 5, 6, 8, 10 or 12 colums</h1>
+	</div>>
+{% endif %}

_blocks/header.md

@@ -0,0 +1,12 @@
+---
+name: header
+type: header
+title: 
+button_text: Find out more
+button_url: '#'
+menu_text:  # If left blank this defaults to the id
+menu_exclude: true
+width: 8 # With of the main block
+header_img: # You can specify a different header image if required e.g. /img/portfolio/1.jpg
+---
+Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!

_blocks/portfolio.md

@@ -0,0 +1,7 @@
+---
+name: portfolio
+type: gallery
+menu_text:  # If left blank this defaults to the id
+menu_exclude: false
+where_expr: item.category == 'Category' 
+---

_blocks/services.md

@@ -0,0 +1,14 @@
+---
+name: services
+type: light
+title: At Your Service
+button_text: # Blank means no button
+button_url: 
+menu_text:  # If left blank this defaults to the id
+menu_exclude: false
+cols: # Title \ Text \ Font awesome icon \ url
+ - Sturdy Templates\Our templates are updated regularly so they don't break. \ diamond
+ - Ready to Ship \ You can use this theme as is, or you can make changes! \ paper-plane
+ - Up to Date \ We update dependencies to keep things fresh. \ newspaper-o
+ - Made with Love \ You have to make your websites with love these days! \ heart
+---

_config.yml

@@ -1,12 +1,41 @@
 # Site settings
-title:
-email:
-description: > # this means to ignore newlines until "baseurl:"
+title: Creative - Start Bootstrap theme
+tagline: Your Favorite Source of Free Bootstrap Themes
+author: 
+first_button_text: 'Find out more'
+first_button_url: '#about'
+header_img: /img/header.jpg
+home_menu_text: Start Bootstrap
+description: Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!
 baseurl: "" # the subpath of your site, e.g. /blog/
 url: "" # the base hostname & protocol for your site
 
-twitter_username:
-github_username:
+# Theme customization
+primary: '#F05F40'
+dark: '#222'
+
+# Contact details
+email: 
+telephone_number: 
+whatsapp_number: 
+twitter_username: 
+github_username: volny
+instagram_username: 
+facebook_username: 
+linkedin_username: 
+
+# Data collections
+collections:
+  blocks:
+    output: false
+  gallery:
+    output: false
 
 # Build settings
 markdown: kramdown
+
+exclude:
+  - serve
+  - README.md
+  - LICENCE
+

_data/rename_to_menu.yml

@@ -0,0 +1,7 @@
+# rename this file to menu.yml if you want to specify the menu yourself instead e.g. for a multipage site
+- name: Services
+  link: /#services
+- name: Contact
+  link: /#contact
+- name: Github
+  link: https://github.com/volny/creative-theme-jekyll

_gallery/1.md

@@ -0,0 +1,6 @@
+---
+img: /img/portfolio/1.jpg
+alt: An image
+category: Category
+name: Project Name
+---

_gallery/2.md

@@ -0,0 +1,6 @@
+---
+img: /img/portfolio/2.jpg
+alt: An image
+category: Category
+name: Project Name"
+---

_gallery/3.md

@@ -0,0 +1,6 @@
+---
+img: /img/portfolio/3.jpg
+alt: An image
+category: Category
+name: Project Name
+---