diff --git a/.gitignore b/.gitignore index 0c3e5abb0b..5c91b60c06 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ _site/ .sass-cache/ +.jekyll-metadata diff --git a/README.md b/README.md index 9c64c90a2e..ab0cf9767f 100644 --- a/README.md +++ b/README.md @@ -10,5 +10,7 @@ See it live in action at ## 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/` diff --git a/_blocks/about.md b/_blocks/about.md new file mode 100644 index 0000000000..6d60e937f4 --- /dev/null +++ b/_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! \ No newline at end of file diff --git a/_blocks/aside.md b/_blocks/aside.md new file mode 100644 index 0000000000..a78578963e --- /dev/null +++ b/_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 +--- \ No newline at end of file diff --git a/_blocks/contact.html b/_blocks/contact.html new file mode 100644 index 0000000000..d63b58b6f3 --- /dev/null +++ b/_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 %} + +

+ 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! +

+ +{% 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 %} +

+
+ + {% if site.email %} + + {% endif %} + + {% if site.telephone_number %} + + {% endif %} + + {% if site.whatsapp_number %} + + {% endif %} + + {% if site.twitter_username %} + + {% endif %} + + {% if site.facebook_username %} + + {% endif %} + + {% if site.instagram_username %} + + {% endif %} + + {% if site.linkedin_username %} + + {% endif %} + + {% if site.github_username %} + + {% endif %} + +
+
+{% else %} +
+

ERROR: Cannot render {{ colcount }} columns, can render 1, 2, 3, 4, 5, 6, 8, 10 or 12 colums

+
> +{% endif %} \ No newline at end of file diff --git a/_blocks/header.md b/_blocks/header.md new file mode 100644 index 0000000000..de592a8475 --- /dev/null +++ b/_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! \ No newline at end of file diff --git a/_blocks/portfolio.md b/_blocks/portfolio.md new file mode 100644 index 0000000000..7c49834827 --- /dev/null +++ b/_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' +--- diff --git a/_blocks/services.md b/_blocks/services.md new file mode 100644 index 0000000000..2ef2dfc0f5 --- /dev/null +++ b/_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 +--- diff --git a/_config.yml b/_config.yml index cb4bc83a66..3138d592d5 100644 --- a/_config.yml +++ b/_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 + diff --git a/_data/rename_to_menu.yml b/_data/rename_to_menu.yml new file mode 100644 index 0000000000..cebe4cef97 --- /dev/null +++ b/_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 diff --git a/_gallery/1.md b/_gallery/1.md new file mode 100644 index 0000000000..3f9d4eaa3b --- /dev/null +++ b/_gallery/1.md @@ -0,0 +1,6 @@ +--- +img: /img/portfolio/1.jpg +alt: An image +category: Category +name: Project Name +--- diff --git a/_gallery/2.md b/_gallery/2.md new file mode 100644 index 0000000000..62d4c0c149 --- /dev/null +++ b/_gallery/2.md @@ -0,0 +1,6 @@ +--- +img: /img/portfolio/2.jpg +alt: An image +category: Category +name: Project Name" +--- diff --git a/_gallery/3.md b/_gallery/3.md new file mode 100644 index 0000000000..b145314a6b --- /dev/null +++ b/_gallery/3.md @@ -0,0 +1,6 @@ +--- +img: /img/portfolio/3.jpg +alt: An image +category: Category +name: Project Name +--- diff --git a/_gallery/4.md b/_gallery/4.md new file mode 100644 index 0000000000..4ce35e4929 --- /dev/null +++ b/_gallery/4.md @@ -0,0 +1,6 @@ +--- +img: /img/portfolio/4.jpg +alt: An image +category: Category +name: Project Name +--- diff --git a/_gallery/5.md b/_gallery/5.md new file mode 100644 index 0000000000..7e3abc7dbb --- /dev/null +++ b/_gallery/5.md @@ -0,0 +1,6 @@ +--- +img: /img/portfolio/5.jpg +alt: An image +category: Category +name: Project Name +--- diff --git a/_gallery/6.md b/_gallery/6.md new file mode 100644 index 0000000000..4e375f6eff --- /dev/null +++ b/_gallery/6.md @@ -0,0 +1,6 @@ +--- +img: /img/portfolio/6.jpg +alt: An image +category: Category +name: Project Name +--- diff --git a/_gallery/7.md b/_gallery/7.md new file mode 100644 index 0000000000..c1f93cc093 --- /dev/null +++ b/_gallery/7.md @@ -0,0 +1,7 @@ +--- +img: /img/portfolio/6.jpg +alt: An image +category: Butter +name: Project Name +--- +This one will not be selected in the galler \ No newline at end of file diff --git a/_includes/call-to-action.html b/_includes/call-to-action.html deleted file mode 100644 index 852e5b669c..0000000000 --- a/_includes/call-to-action.html +++ /dev/null @@ -1,12 +0,0 @@ -
-
-
-
-

We've got what you need!

-
-

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!

- Get Started! -
-
-
-
diff --git a/_includes/contact.html b/_includes/contact.html deleted file mode 100644 index 6fe01e18ed..0000000000 --- a/_includes/contact.html +++ /dev/null @@ -1,29 +0,0 @@ -
-
-
-
-

Let's Get In Touch!

-
-

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!

-
- - - - -
-
diff --git a/_includes/dark.html b/_includes/dark.html new file mode 100644 index 0000000000..24f47cd56c --- /dev/null +++ b/_includes/dark.html @@ -0,0 +1,109 @@ +
+
+
+
+

{{ include.title }}

+ {% assign body = include.body | strip %} + {% if body != "" %} +
+
+ {{ include.body }} +
+ {% endif %} +
+
+
+ {% assign colcount = 0 %} + {% for col in include.cols %} + {% assign colcount = colcount | plus: 1 %} + {% endfor %} + {% if colcount > 0 %} + {% if 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 %} + {% if size %} +
+
+ {% assign first = true %} + {% for col in include.cols %} + {% assign fields = col | split: "\" %} + + {% endfor %} +
+
+ {% else %} +
+

ERROR: Cannot render {{ colcount }} columns, can render 2, 3, 4, 5, 6, 8, 10 or 12 colums

+
> + {% endif %} + {% endif %} + {% if include.button_text %} + + {% endif %} +
diff --git a/_includes/gallery.html b/_includes/gallery.html new file mode 100644 index 0000000000..36b788e295 --- /dev/null +++ b/_includes/gallery.html @@ -0,0 +1,28 @@ +{% if include.where_expr %} + {% assign coll = site.gallery | where_exp: "item", include.where_expr %} +{% else %} + {% assign coll = site.gallery %} +{% endif %} +
+
+
+ {% for item in coll %} + + {% endfor %} +
+
+
diff --git a/_includes/head.html b/_includes/head.html index 639c4b0116..0932103809 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -3,24 +3,24 @@ - - + + - Creative - Start Bootstrap Theme + {{ site.title }} - + - + - + - + diff --git a/_includes/header.html b/_includes/header.html index adaad5b6f7..97ddc53262 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,10 +1,10 @@ -
-
+
+
-

Your Favorite Source of Free Bootstrap Themes

+

{{ site.tagline }}


-

Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!

- Find Out More + {{ include.body }} + {{ site.first_button_text }}
diff --git a/_includes/light.html b/_includes/light.html new file mode 100644 index 0000000000..63a655cb35 --- /dev/null +++ b/_includes/light.html @@ -0,0 +1,110 @@ +
+
+
+
+

{{ include.title }}

+ {% assign body = include.body | strip %} + {% if body != "" %} +
+
+ {{ include.body }} +
+ {% endif %} +
+
+
+ {% assign colcount = 0 %} + {% for col in include.cols %} + {% assign colcount = colcount | plus: 1 %} + {% endfor %} + {% if colcount > 0 %} + {% if 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 %} + {% if size %} +
+
+ {% assign first = true %} + {% for col in include.cols %} + {% assign fields = col | split: "\" %} + + {% endfor %} +
+
+ {% else %} +
+

ERROR: Cannot render {{ colcount }} columns, can render 2, 3, 4, 5, 6, 8, 10 or 12 colums

+
> + {% endif %} + {% endif %} + {% if include.button_text %} + + {% endif %} +
diff --git a/_includes/nav.html b/_includes/nav.html index c6fd5b7a7e..4ceb142171 100644 --- a/_includes/nav.html +++ b/_includes/nav.html @@ -8,24 +8,37 @@ - Start Bootstrap + {{ site.home_menu_text }}
diff --git a/_includes/portfolio.html b/_includes/portfolio.html deleted file mode 100644 index dc97fa041f..0000000000 --- a/_includes/portfolio.html +++ /dev/null @@ -1,96 +0,0 @@ -
- -
diff --git a/_includes/primary.html b/_includes/primary.html new file mode 100644 index 0000000000..1ca7d47024 --- /dev/null +++ b/_includes/primary.html @@ -0,0 +1,109 @@ +
+
+
+
+

{{ include.title }}

+ {% assign body = include.body | strip %} + {% if body != "" %} +
+
+ {{ include.body }} +
+ {% endif %} +
+
+
+ {% assign colcount = 0 %} + {% for col in include.cols %} + {% assign colcount = colcount | plus: 1 %} + {% endfor %} + {% if colcount > 0 %} + {% if 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 %} + {% if size %} +
+
+ {% assign first = true %} + {% for col in include.cols %} + {% assign fields = col | split: "\" %} + + {% endfor %} +
+
+ {% else %} +
+

ERROR: Cannot render {{ colcount }} columns, can render 2, 3, 4, 5, 6, 8, 10 or 12 colums

+
> + {% endif %} + {% endif %} + {% if include.button_text %} + + {% endif %} +
diff --git a/_includes/services.html b/_includes/services.html deleted file mode 100644 index b2f619fbd7..0000000000 --- a/_includes/services.html +++ /dev/null @@ -1,42 +0,0 @@ -
-
-
-
-

At Your Service

-
-
-
-
-
-
-
-
- -

Sturdy Templates

-

Our templates are updated regularly so they don't break.

-
-
-
-
- -

Ready to Ship

-

You can use this theme as is, or you can make changes!

-
-
-
-
- -

Up to Date

-

We update dependencies to keep things fresh.

-
-
-
-
- -

Made with Love

-

You have to make your websites with love these days!

-
-
-
-
-
diff --git a/_layouts/front.html b/_layouts/front.html index 0d3cff0e14..992ee864d7 100644 --- a/_layouts/front.html +++ b/_layouts/front.html @@ -4,13 +4,30 @@ {% include head.html %} - {% include nav.html %} - {% include header.html %} - {% include call-to-action.html %} - {% include services.html %} - {% include portfolio.html %} - {% include aside.html %} - {% include contact.html %} + {% include nav.html blocks=page.blocks %} + + {% for page_block in page.blocks %} + {% assign found = false %} + {% for block in site.blocks %} + {% if block.name == page_block %} + {% assign found = true %} + {% include {{ block.type }}.html + id=block.name + title=block.title + body=block.content + button_text=block.button_text + button_url=block.button_url + width=block.width + cols=block.cols + where_expr=block.where_expr + header_img=block.header_img + %} + {% endif %} + {% endfor %} + {% if found != true %} +

Sorry I was unable to find a block called {{ page_block }} + {% endif %} + {% endfor %} {% include scripts.html %} diff --git a/_sass/_base.scss b/_sass/_base.scss index 259ff7ccf1..5cdf97e55d 100755 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -44,11 +44,27 @@ p { .bg-primary { background-color: $theme-primary; + a { + color: white; + } } .bg-dark { background-color: $theme-dark; color: white; + a { + color: white; + } +} + +.bg-light { + > a { + color: $theme-primary; + } +} + +a .text-muted { + color: $theme-primary; } .text-faded { @@ -155,7 +171,7 @@ header { min-height: auto; @include background-cover; background-position: center; - background-image: url('../img/header.jpg'); + background-image: url($header-img); text-align: center; color: white; .header-content { @@ -295,15 +311,15 @@ header { } // Button Styles -.btn-default { +a.btn-default { @include button-variant($theme-dark, white, white); } -.btn-primary { +a.btn-primary { @include button-variant(white, $theme-primary, $theme-primary); } -.btn { +a.btn { @include sans-serif-font; border: none; border-radius: 300px; @@ -311,7 +327,7 @@ header { text-transform: uppercase; } -.btn-xl { +a.btn-xl { padding: 15px 30px; } diff --git a/css/main.scss b/css/main.scss index 5b60373599..8a4e931a37 100644 --- a/css/main.scss +++ b/css/main.scss @@ -34,8 +34,9 @@ // } // variables.less -$theme-primary: #F05F40; -$theme-dark: #222; +$theme-primary: {{ site.primary }}; +$theme-dark: {{ site.dark }}; +$header-img: "{{ site.header_img }}"; // Import partials from `sass_dir` (defaults to `_sass`) @import diff --git a/index.html b/index.html index b9b24995c8..66128e03df 100644 --- a/index.html +++ b/index.html @@ -1,3 +1,10 @@ --- layout: front +blocks: +- header +- about +- services +- portfolio +- aside +- contact --- diff --git a/serve b/serve new file mode 100755 index 0000000000..388ad88560 --- /dev/null +++ b/serve @@ -0,0 +1,18 @@ +#!/bin/bash + +docker pull mrseccubus/github-pages:latest +while [ 1 ] ; do + if [[ $(uname -a|grep -i microsoft|wc -l) -gt 0 ]]; then + IP=$(ip addr show eth0 |grep "inet "|awk '{ print $2 }'|sed 's/\/.*$//') + echo "*******************************************************************************************" + echo "On WSL2 the docker container is reachable via this url: http://$IP:4000" + echo "*******************************************************************************************" + fi + docker run --volume="$PWD:/root/project:delegated" --entrypoint /bin/bash --publish 4000:4000 -ti mrseccubus/github-pages -c "cd /root/project;rm -rf _site/*;jekyll serve --incremental --host=0.0.0.0 --future 2>&1 |grep -Ev 'rb:[0-9]+: warning'" + set -e + echo 'Press CTRL+C now to quit' + sleep 1 + set +e + echo 'Restarting...' +done +