diff --git a/README.md b/README.md index 981ab443..0ba32b3f 100644 --- a/README.md +++ b/README.md @@ -1,16 +1,37 @@ -
-

Kross Creative Portfolio Template (MIT License)

-kross portfolio template by themefisher -
+# Easy Setup (Hugo + Netlify + Forestry) +Build your website with kross hugo theme by following this easy steps (No Coding Required) + + + +In this tutorial we will show you to make your website live without buying any hosting and touching a single line of code. We made this tutorial based on [meghna hugo](https://github.com/themefisher/meghna-hugo) but you can setup everithing like this. + +### What you need !! + +1. Git acccount (Ex: Github, Gitlab etc ) . In our case we use github. +2. [Netlify](https://bit.ly/netlify-account) account to host files and add custom domain . +3. [Forestry](https://bit.ly/forestry-account) account to maintain whole project without code. + + +### Step 1 : Fork or Clone repository + +First we will fork this [kross hugo](https://github.com/themefisher/kross-hugo) template. + +### Step 2 : Add your repository in Forestry + +Go to your [forestry](https://bit.ly/forestry-account) account and click on `import your site now`. declare your config.toml file [`exampleSite`] and fill up basic settings . Mark everything is done then go to configuration to change the base url . You can put any url but this have to similar as netlify . So for now put a name which you are going to put in netlify as netlify subdomain. + +### Step 3 : Setup and host website with Netlify + +Here comes the last step . Go to your [netlify](https://bit.ly/netlify-account) account and click add new site . Choose your git repository to import your website in netlify . And now you can see the forked `kross hugo` theme. select it and follow the steps. Then go to `site settings` for change the site name and put your subdoamin name here what you puted on forestry as base url. save it and go to `deploy` from top menu, Wait a while and click on `site preview` or just simply go to the subdomain you puted as base url. **BOOM! Your site is live.** Now you can go to forestry and add, remove or customize every setting and content. + +> If you face any issue regarding the installation feel free to onen [open a new issue](https://github.com/themefisher/kross-hugo/issues) -**Kross Portfolio Templates** - Kross is a creative, sleek and modern portfolio website template with a gorgeous appearance. It appears with an amazing, stunning graphics. The minimal interface with the necessary sections will surely help the visitors to get a thorough idea about your works.Put together beginners in mind, kross is very easy to use and built with a clean and valid international standard coding structure. -**The images are only for demonstration purpose, Please don't use those images.** ## Table of Contents - [Demo](#demo) - [Quick Start](#quick-start) -- [Plugins](#plugins) +- [Installation](#installation) - [Reporting Issues](#reporting-issues) - [Technical Support or Questions](#technical-support-or-questions) - [Licensing](#licensing) @@ -22,27 +43,31 @@ |---|---|---|---|---| | ![Homepage](https://user-images.githubusercontent.com/37659754/58154295-1a9c5300-7c93-11e9-992c-ad8d2ff8d99f.png) | ![About](https://user-images.githubusercontent.com/37659754/58154317-28ea6f00-7c93-11e9-914b-b7e5f1cdab0e.png) | ![Blog](https://user-images.githubusercontent.com/37659754/58154339-369ff480-7c93-11e9-9568-53b7ebdc6b2d.png) | ![portfolio](https://user-images.githubusercontent.com/37659754/58154368-491a2e00-7c93-11e9-8900-f5a6abe0a61d.png) | ![contact](https://user-images.githubusercontent.com/37659754/58154403-57684a00-7c93-11e9-9cea-ea28253a6f6a.png) | +**The images are only for demonstration purpose, Please don't use those images.** + [Live Preview](http://demo.themefisher.com/kross-hugo/). ## Quick Start Quick start options: -- Clone the repo: `git clone https://github.com/themefisher/kross-hugo-portfolio-template.git`. -- [Download from Github](https://github.com/themefisher/kross-hugo-portfolio-template/archive/master.zip). +- Clone the repo: `git clone https://github.com/themefisher/kross-hugo.git`. +- [Download from Github](https://github.com/themefisher/kross-hugo/archive/master.zip). - [Download from themefisher website](https://themefisher.com/products/kross-creative-portfolio-template). -## Plugins -* Bootstrap - http://getbootstrap.com -* Jquery - http://www.chartjs.org/ -* Shuffle - https://vestride.github.io/Shuffle/ -* slick slider - https://kenwheeler.github.io/slick/ -* Themify Icons - https://themify.me/themify-icons +## Installation +At the top we have shown an easy hugo installation. but still if you think you want to go with the traditional way then use the following commands: + +``` +$ git clone git@github.com:themefisher/airspace-hugo.git +$ cd airspace-hugo/exampleSite/ +$ hugo server --themesDir ../.. +``` ## Reporting Issues -We use GitHub Issues as the official bug tracker for the **Kross Theme**. Please Search [existing issues](https://github.com/themefisher/kross-hugo-portfolio-template/issues). It’s possible someone has already reported the same problem. -If your problem or idea is not addressed yet, [open a new issue](https://github.com/themefisher/kross-hugo-portfolio-template/issues/new) +We use GitHub Issues as the official bug tracker for the **Kross Theme**. Please Search [existing issues](https://github.com/themefisher/kross-hugo/issues). It’s possible someone has already reported the same problem. +If your problem or idea is not addressed yet, [open a new issue](https://github.com/themefisher/kross-hugo/issues/new) ## Technical Support or Questions @@ -51,7 +76,7 @@ If you have questions or need help integrating the product please [contact us](m ## Licensing - Copyright 2019 Themefisher (https://themefisher.com/) -- Licensed under MIT (https://github.com/themefisher/kross-hugo-portfolio-template/blob/master/LICENSE) +- Licensed under MIT (https://github.com/themefisher/kross-hugo/blob/master/LICENSE) ## Premium Themes diff --git a/assets/css/style.css b/assets/css/style.css index 64e3ab94..1a604b0a 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -118,33 +118,37 @@ h6, } .btn-primary { - background: #41228e; + background: var(--primary-color); color: #fff } +.btn-primary.active { + opacity: .8; +} + .btn-primary:active { - background: #542cb7 !important + background: var(--primary-color) !important } .btn-primary:hover { - background: #542cb7 + background: var(--primary-color) } .btn-primary.focus, .btn-primary.active { - background: #542cb7 !important; + background: var(--primary-color) !important; box-shadow: none !important } .btn-transparent { background: transparent; - color: #41228e; + color: var(--primary-color); font-weight: 700 } .btn-transparent:active, .btn-transparent:hover { - color: #41228e + color: var(--primary-color) } body { @@ -153,7 +157,7 @@ body { } ::selection { - background: #542cb7; + background: var(--primary-color); color: #fff } @@ -164,7 +168,7 @@ body { right: 0; bottom: 0; background-color: #fff; - z-index: 999; + z-index: 999999; display: flex; align-items: center; justify-content: center @@ -201,11 +205,11 @@ select:focus { } a.text-dark:hover { - color: #41228e !important + color: var(--primary-color) !important } a:hover { - color: #41228e + color: var(--primary-color) } .slick-slide { @@ -252,7 +256,7 @@ a:hover { } .bg-primary { - background: #41228e !important + background: var(--primary-color) !important } .bg-gray { @@ -260,7 +264,7 @@ a:hover { } .text-primary { - color: #41228e !important + color: var(--primary-color) !important } .text-color { @@ -392,7 +396,7 @@ a:hover { } .form-control:focus { - border-color: #41228e; + border-color: var(--primary-color); outline: 0; box-shadow: none !important } @@ -419,7 +423,7 @@ textarea.form-control { } .navigation.nav-bg { - background-color: #41228e; + background-color: var(--primary-color); padding: 15px 100px } @@ -432,7 +436,7 @@ textarea.form-control { @media(max-width:991px) { .navigation { padding: 20px; - background: #41228e + background: var(--primary-color) } } @@ -579,7 +583,7 @@ textarea.form-control { } .hover-bg-primary:hover { - background: #41228e + background: var(--primary-color) } .hover-bg-primary:hover * { @@ -588,7 +592,7 @@ textarea.form-control { .active-bg-primary { transition: .3s ease; - background: #41228e + background: var(--primary-color) } .active-bg-primary * { @@ -728,7 +732,7 @@ blockquote { display: inline-block; padding: 10px 20px; background: #eaeaea; - border-left: 2px solid #41228e; + border-left: 2px solid var(--primary-color); font-style: italic; font-size: 22px } diff --git a/exampleSite/.forestry/front_matter/templates/post.yml b/exampleSite/.forestry/front_matter/templates/post.yml new file mode 100644 index 00000000..54a2365c --- /dev/null +++ b/exampleSite/.forestry/front_matter/templates/post.yml @@ -0,0 +1,16 @@ +--- +label: Post +hide_body: false +fields: +- type: text + name: title + label: title +- type: datetime + name: date + label: date +- type: file + name: image + label: image +- type: text + name: description + label: description diff --git a/exampleSite/.forestry/settings.yml b/exampleSite/.forestry/settings.yml new file mode 100644 index 00000000..6b9ccf33 --- /dev/null +++ b/exampleSite/.forestry/settings.yml @@ -0,0 +1,56 @@ +--- +new_page_extension: md +auto_deploy: false +admin_path: '' +webhook_url: +sections: +- type: directory + path: exampleSite/content/portfolio + label: Portfolio + create: none + match: "*" +- type: directory + path: exampleSite/content/blog + label: Post + create: documents + match: "*" + templates: + - post +- type: directory + path: exampleSite/content/about + label: About + create: none + match: "*" +- type: directory + path: exampleSite/data + label: Data + create: documents + match: "*" + new_doc_ext: yml +- type: directory + path: exampleSite/content/contact + label: Contact + create: none + match: "*" +- type: directory + path: exampleSite + label: Configuration + create: all + match: "*.toml" + new_doc_ext: toml +upload_dir: exampleSite/static/images +public_path: "/images" +front_matter_path: '' +use_front_matter_path: false +file_template: ":filename:" +build: + preview_env: + - HUGO_ENV=staging + - HUGO_VERSION=0.58.2 + preview_output_directory: public + preview_docker_image: forestryio/hugo:latest + mount_path: "/srv" + working_dir: "/srv" + instant_preview_command: hugo server -D -E -F --port 8080 --bind 0.0.0.0 --renderToDisk + -d public +version: 0.58.2 diff --git a/exampleSite/config.toml b/exampleSite/config.toml index a2cec146..fe022c1a 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -1,73 +1,99 @@ +# default configuration baseURL = "https://kross.netlify.com" languageCode = "en-us" -title = "Kross | Hugo Portfolio Template" -theme = "kross-hugo-portfolio-template" summaryLength = "10" +theme = "kross-test" +title = "Kross | Hugo Portfolio Template" + +# css plugins +[[params.plugins.css]] +URL = "plugins/bootstrap/bootstrap.min.css" + +[[params.plugins.css]] +URL = "plugins/slick/slick.css" + +[[params.plugins.css]] +URL = "plugins/themify-icons/themify-icons.css" + + +# js plugin +[[params.plugins.js]] +URL = "plugins/jQuery/jquery.min.js" + +[[params.plugins.js]] +URL = "plugins/bootstrap/bootstrap.min.js" + +[[params.plugins.js]] +URL = "plugins/slick/slick.min.js" + +[[params.plugins.js]] +URL = "plugins/shuffle/shuffle.min.js" + + +# menu +[[menu.main]] +URL = "about" +name = "About" +weight = 2 -# Plugins -[params.plugins] - - # CSS Plugins - [[params.plugins.css]] - URL = "plugins/bootstrap/bootstrap.min.css" - [[params.plugins.css]] - URL = "plugins/slick/slick.css" - [[params.plugins.css]] - URL = "plugins/themify-icons/themify-icons.css" - - # JS Plugins - [[params.plugins.js]] - URL = "plugins/jQuery/jquery.min.js" - [[params.plugins.js]] - URL = "plugins/bootstrap/bootstrap.min.js" - [[params.plugins.js]] - URL = "plugins/slick/slick.min.js" - [[params.plugins.js]] - URL = "plugins/shuffle/shuffle.min.js" - - -# navigation -[menu] - - [[menu.main]] - name = "About" - URL = "about" - weight = 2 - - [[menu.main]] - name = "Blog" - URL = "blog" - weight = 3 - - [[menu.main]] - name = "Portfolio" - URL = "portfolio" - weight = 4 - - [[menu.main]] - name = "Contact" - URL = "contact" - weight = 5 +[[menu.main]] +URL = "blog" +name = "Blog" +weight = 3 +[[menu.main]] +URL = "portfolio" +name = "Portfolio" +weight = 4 +[[menu.main]] +URL = "contact" +name = "Contact" +weight = 5 + + +# default parameters [params] -logo = "images/logo.png" home = "Home" -# Meta data +logo = "images/logo.png" +# theme color +theme_color = "#41228e" +# contact info +phone = "+880 2544 658 256" +email = "steve.fruits@email.com" +address = "125/A, CA Commercial Area, California, USA" +# meta description +author = "Johnathan Smith" description = "This is meta description" -author = "Themefisher" -# Google Analitycs -googleAnalitycsID = "Your ID" - - # Preloader - [params.preloader] - enable = true - - [params.contact] - enable = true - formAction = "#" #contact form works with formspree.io - - [params.footer] - email = "steve.fruits@email.com" - phone = "+880 2544 658 256" - address = "125/A, CA Commercial Area, California, USA" \ No newline at end of file +# google analitycs +google_analitycs_id = "Your ID" +# copyright +copyright = "Copyrighht © 2020 a theme by [gethugothemes](https://gethugothemes.com)" + + +# contact +[params.contact] +enable = true +form_action = "#" # contact form works with : https://formspree.io + +# preloader +[params.preloader] +enable = true +preloader = "" # use png, jpg, svg or gif format + +# social site +[[params.social]] +URL = "#" +icon = "ti-facebook" + +[[params.social]] +URL = "#" +icon = "ti-instagram" + +[[params.social]] +URL = "#" +icon = "ti-dribbble" + +[[params.social]] +URL = "#" +icon = "ti-twitter-alt" diff --git a/exampleSite/content/about/_index.md b/exampleSite/content/about/_index.md index 542293dc..a4f984cf 100644 --- a/exampleSite/content/about/_index.md +++ b/exampleSite/content/about/_index.md @@ -2,9 +2,8 @@ title: "About" date: 2019-05-12T12:14:34+06:00 description: "This is meta description." -author : "Johnathan Smith" -authorImage : "images/about/author.jpg" -authorSignature : "images/about/signature.png" +author_image : "images/about/author.jpg" +author_signature : "images/about/signature.png" --- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. diff --git a/exampleSite/content/blog/Amazon-increase-income.1.md b/exampleSite/content/blog/Amazon-increase-income.1.md index 4a4d0832..22c3aa74 100644 --- a/exampleSite/content/blog/Amazon-increase-income.1.md +++ b/exampleSite/content/blog/Amazon-increase-income.1.md @@ -3,8 +3,6 @@ title: "Amazon increase income 1.5 Million" date: 2019-05-12T12:14:34+06:00 image: "images/blog/post-2.jpg" description: "This is meta description." -author: "Themefisher" -type: "post" --- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore diff --git a/exampleSite/content/blog/Amazon-increase-income.2.md b/exampleSite/content/blog/Amazon-increase-income.2.md index 9064a177..7016e2ff 100644 --- a/exampleSite/content/blog/Amazon-increase-income.2.md +++ b/exampleSite/content/blog/Amazon-increase-income.2.md @@ -3,8 +3,6 @@ title: "Amazon increase income 1.5 Million" date: 2019-05-12T12:14:34+06:00 image: "images/blog/post-3.jpg" description: "This is meta description." -author: "Themefisher" -type: "post" --- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore diff --git a/exampleSite/content/blog/Amazon-increase-income.3.md b/exampleSite/content/blog/Amazon-increase-income.3.md index 9ff4aade..dceada39 100644 --- a/exampleSite/content/blog/Amazon-increase-income.3.md +++ b/exampleSite/content/blog/Amazon-increase-income.3.md @@ -3,8 +3,6 @@ title: "Amazon increase income 1.5 Million" date: 2019-05-12T12:14:34+06:00 image: "images/blog/post-4.jpg" description: "This is meta description." -author: "Themefisher" -type: "post" --- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore diff --git a/exampleSite/content/blog/Amazon-increase-income.4.md b/exampleSite/content/blog/Amazon-increase-income.4.md index 377e28ed..c25cac24 100644 --- a/exampleSite/content/blog/Amazon-increase-income.4.md +++ b/exampleSite/content/blog/Amazon-increase-income.4.md @@ -3,8 +3,6 @@ title: "Amazon increase income 1.5 Million" date: 2019-05-12T12:14:34+06:00 image: "images/blog/post-5.jpg" description: "This is meta description." -author: "Themefisher" -type: "post" --- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore diff --git a/exampleSite/content/blog/Amazon-increase-income.5.md b/exampleSite/content/blog/Amazon-increase-income.5.md index 9064a177..7016e2ff 100644 --- a/exampleSite/content/blog/Amazon-increase-income.5.md +++ b/exampleSite/content/blog/Amazon-increase-income.5.md @@ -3,8 +3,6 @@ title: "Amazon increase income 1.5 Million" date: 2019-05-12T12:14:34+06:00 image: "images/blog/post-3.jpg" description: "This is meta description." -author: "Themefisher" -type: "post" --- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore diff --git a/exampleSite/content/blog/Amazon-increase-income.md b/exampleSite/content/blog/Amazon-increase-income.md index 377e28ed..c25cac24 100644 --- a/exampleSite/content/blog/Amazon-increase-income.md +++ b/exampleSite/content/blog/Amazon-increase-income.md @@ -3,8 +3,6 @@ title: "Amazon increase income 1.5 Million" date: 2019-05-12T12:14:34+06:00 image: "images/blog/post-5.jpg" description: "This is meta description." -author: "Themefisher" -type: "post" --- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore diff --git a/exampleSite/data/about.yml b/exampleSite/data/about.yml new file mode 100644 index 00000000..7456a518 --- /dev/null +++ b/exampleSite/data/about.yml @@ -0,0 +1,41 @@ +# work process +work_process: + enable : true + title : "Work Process" + item: + - title : "Research and Plan" + icon : "images/icons/plan.png" + content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + + - title : "Design and Develop" + icon : "images/icons/design.png" + content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + + - title : "Deliver" + icon : "images/icons/print.png" + content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." + + +# team +team: + enable: true + title : "My Team" + team_member: + - title : "Jack Schenziwe" + image : "images/team/member-1.png" + designation : "Project Manager" + + - title : "Julias Carlie" + image : "images/team/member-2.png" + designation : "Web Developer" + + - title : "John Doe" + image : "images/team/member-3.png" + designation : "Designer" + + +# client logo slider +clients_logo_slider: + enable : true + title : "My Clients" + # clients logo comes from 'data/homepage.yml' file \ No newline at end of file diff --git a/exampleSite/data/homepage.yml b/exampleSite/data/homepage.yml index 358eda2e..ae7e67e4 100644 --- a/exampleSite/data/homepage.yml +++ b/exampleSite/data/homepage.yml @@ -1,31 +1,21 @@ # banner banner: title : "Hi! I’m
Christoher
UX designer" - socialLinks: - - icon : "ti-facebook" - URL : "#" - - - icon : "ti-instagram" - URL : "#" - - - icon : "ti-dribbble" - URL : "#" - - - icon : "ti-twitter" - URL : "#" # about about: enable : true content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur." button: - btnText : "know more" - URL : "/about" + enable : true + label : "know more" + URL : "about" # skill skill: enable : true - skillbar: + title : "Skills" + item: - title : "Web Design" progress : "90%" color : "#fdb157" @@ -45,6 +35,7 @@ skill: # experience experience: enable : true + title : "Experience" item: - logo : "images/experience/icon-1.png" title : "Junior UX Designer" @@ -64,6 +55,7 @@ experience: # education education: enable : true + title : "Education" item: - title : "Marters in UX Design" year : "2006" @@ -84,7 +76,8 @@ education: # service service: enable : true - item : + title : "Services" + item: - title : "UI Design" icon : "ti-palette" content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." @@ -103,25 +96,14 @@ service: # portfolio portfolio: enable : true - item: - - image : "images/portfolio/item-1.png" - projectURL : "#" - - - image : "images/portfolio/item-2.png" - projectURL : "#" - - - image : "images/portfolio/item-3.png" - projectURL : "#" - - - image : "images/portfolio/item-4.png" - projectURL : "#" - - - image : "images/portfolio/item-5.png" - projectURL : "#" + title : "Portfolio" + item_show : 5 + # portfolio item comes from 'data/portfolio.yml' item. # testimonial testimonial: enable : true + title : "Testimonials" item: - name : "Jesica Gomez" image : "images/testimonial/client-1.png" @@ -138,40 +120,42 @@ testimonial: designation : "CEO, Funder" content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur." -# client slider -clientSlider: +# client logo slider +clients_logo_slider: enable : true item: - logo : "images/clients-logo/client-logo-1.png" - URL : "#" + URL : "http://examplesite.com" - logo : "images/clients-logo/client-logo-2.png" URL : "#" - logo : "images/clients-logo/client-logo-3.png" - URL : "#" + URL : "http://examplesite.com" - logo : "images/clients-logo/client-logo-4.png" URL : "#" - logo : "images/clients-logo/client-logo-5.png" - URL : "#" + URL : "http://examplesite.com" - logo : "images/clients-logo/client-logo-1.png" URL : "#" - logo : "images/clients-logo/client-logo-2.png" - URL : "#" + URL : "http://examplesite.com" - logo : "images/clients-logo/client-logo-3.png" URL : "#" - logo : "images/clients-logo/client-logo-4.png" - URL : "#" + URL : "http://examplesite.com" - logo : "images/clients-logo/client-logo-5.png" URL : "#" # blog blog: - enable : true \ No newline at end of file + enable : true + title : "Blogs" + # blog post comes from "content/blog" folder \ No newline at end of file diff --git a/exampleSite/data/portfolio.yml b/exampleSite/data/portfolio.yml index 16fcf1d9..267f9e4a 100644 --- a/exampleSite/data/portfolio.yml +++ b/exampleSite/data/portfolio.yml @@ -1,61 +1,44 @@ -# portfolio filter list -list: - - title : "UI/UX Design" - type : "design" - - - title : "BRANDING" - type : "branding" - - - title : ILLUSTRATION" - type : "illustration" - # portfolio item item: - image : "images/portfolio/item-1.png" - projectURL : "#" - projectType: - - type: "design" - - type: "illustration" + project_url : "http://examplesite.com" + category: "design" - image : "images/portfolio/item-2.png" - projectURL : "#" - projectType: - - type: "branding" + project_url : "#" + category: "branding" - image : "images/portfolio/item-3.png" - projectURL : "#" - projectType: - - type: "illustration" + project_url : "http://examplesite.com" + category: "illustration" - - image : "images/portfolio/item-6.png" - projectURL : "#" - projectType: - - type: "design" - - type: "branding" + - image : "images/portfolio/item-5.png" + project_url : "#" + category: "design" - image : "images/portfolio/item-8.png" - projectURL : "#" - projectType: - - type: "illustration" + project_url : "http://examplesite.com" + category: "illustration" - - image : "images/portfolio/item-5.png" - projectURL : "#" - projectType: - - type: "design" + - image : "images/portfolio/item-6.png" + project_url : "#" + category: "design" - image : "images/portfolio/item-1.png" - projectURL : "#" - projectType: - - type: "branding" + project_url : "http://examplesite.com" + category: "branding" - image : "images/portfolio/item-3.png" - projectURL : "#" - projectType: - - type: "design" - - type: "illustration" - - type: "branding" + project_url : "#" + category: "illustration" - image : "images/portfolio/item-7.png" - projectURL : "#" - projectType: - - type: "illustration" + project_url : "http://examplesite.com" + category: "branding" + + +# client logo slider +clients_logo_slider: + enable : true + title : "My Clients" + # clients logo comes from 'data/homepage.yml' file \ No newline at end of file diff --git a/exampleSite/data/team.yml b/exampleSite/data/team.yml deleted file mode 100644 index 95876c87..00000000 --- a/exampleSite/data/team.yml +++ /dev/null @@ -1,12 +0,0 @@ -member: - - title : "Jack Schenziwe" - image : "images/team/member-1.png" - designation : "Project Manager" - - - title : "Julias Carlie" - image : "images/team/member-2.png" - designation : "Web Developer" - - - title : "John Doe" - image : "images/team/member-3.png" - designation : "Designer" \ No newline at end of file diff --git a/exampleSite/data/workProcess.yml b/exampleSite/data/workProcess.yml deleted file mode 100644 index e7d3f7f5..00000000 --- a/exampleSite/data/workProcess.yml +++ /dev/null @@ -1,12 +0,0 @@ -step: - - title : "Research and Plan" - icon : "images/icons/plan.png" - content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - - - title : "Design and Develop" - icon : "images/icons/design.png" - content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." - - - title : "Deliver" - icon : "images/icons/print.png" - content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." \ No newline at end of file diff --git a/exampleSite/static/images/illustrations/leaf-bg.png b/exampleSite/static/images/illustrations/leaf-bg.png new file mode 100644 index 00000000..b55d870f Binary files /dev/null and b/exampleSite/static/images/illustrations/leaf-bg.png differ diff --git a/exampleSite/static/images/illustrations/page-title.png b/exampleSite/static/images/illustrations/page-title.png new file mode 100644 index 00000000..fc70b922 Binary files /dev/null and b/exampleSite/static/images/illustrations/page-title.png differ diff --git a/layouts/_default/list.html b/layouts/_default/list.html index b4b1915b..d3c74290 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -7,34 +7,11 @@
{{ range .Data.Pages }} -
- -
+ {{ .Render "post" }} {{ end }}
- -
-
-
-
-

My Clients

-
-
- {{ partial "client-slider.html" . }} -
-
- - {{ end }} \ No newline at end of file diff --git a/layouts/_default/post.html b/layouts/_default/post.html new file mode 100644 index 00000000..6ea9a1f8 --- /dev/null +++ b/layouts/_default/post.html @@ -0,0 +1,11 @@ +
+
+ {{.Title }} +
+

{{.Title }} +

+

{{.Summary}}

+ Read More +
+
+
\ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 0fba3fdf..cb0b0392 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -7,7 +7,7 @@

{{.Title}}

-

Published on {{ .PublishDate.Format "Jan 02, 2006" }} by {{.Params.Author}}

+

Published on {{ .PublishDate.Format "Jan 02, 2006" }} by {{.Site.Params.Author}}

post-thumb {{.Content }} diff --git a/layouts/about/list.html b/layouts/about/list.html index 1fddaddb..a9e4cfb9 100644 --- a/layouts/about/list.html +++ b/layouts/about/list.html @@ -1,56 +1,105 @@ {{ define "main" }} - -
-
-
-
-

{{ .Title }}

-
+ +
+
+
+
+

{{ .Title }}

- - illustrations - illustrations - illustrations - illustrations - illustrations - illustrations -
- +
+ + illustrations + illustrations + illustrations + illustrations + illustrations + illustrations +
+ - -
-
-
-
- {{ .Content }} -
-
-
- author -
- signature -

{{ .Params.Author }}

+ +
+
+
+
+ {{ .Content }} +
+
+
+ author
+ signature +

{{ .Site.Params.Author }}

-
- - - {{ partial "work-process.html" . }} +
+
+ - {{ partial "team.html" . }} + +{{ if .Site.Data.about.work_process.enable }} +{{ with .Site.Data.about.work_process }} +
+
+
+
+

{{ .title | markdownify }}

+
+ {{ range .item }} +
+ icon +

{{ .title }}

+

{{ .content | markdownify }}

+
+ {{ end }} +
+
+
+{{ end }} +{{ end }} + -
-
-
-
-

My Clients

+ +{{ if .Site.Data.about.team.enable }} +{{ with .Site.Data.about.team }} +
+
+
+
+

{{ .title | markdownify }}

+
+ {{ range .team_member }} +
+
+ +
+

{{.title }}

+

{{.designation }}

+
- {{ partial "client-slider.html" . }} + {{ end }}
-
+
+
+{{ end }} +{{ end }} + +{{ if .Site.Data.about.clients_logo_slider.enable }} +
+
+
+
+

{{ .Site.Data.about.clients_logo_slider.title | markdownify }}

+
+
+ {{ partial "client-slider.html" . }} +
+
{{ end }} + +{{ end }} \ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index 3d099530..6c7a4d51 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -10,7 +10,7 @@

{{ .Site.Data.homepage.banner.title | safeH

- bg-shape + bg-shape
bg-shape @@ -38,8 +38,8 @@

{{ .Site.Data.homepage.banner.title | safeH

@@ -54,8 +54,10 @@

{{ .Site.Data.homepage.banner.title | safeH
{{ with .Site.Data.homepage.about }}

{{.content | markdownify}}

+ {{ if .button.enable }} {{ with .button }} - {{.btnText}} + {{.label}} + {{ end }} {{ end }} {{ end }}
@@ -67,14 +69,15 @@

{{ .Site.Data.homepage.banner.title | safeH {{ if .Site.Data.homepage.skill.enable }} + {{ with .Site.Data.homepage.skill }}
-

Skills

+

{{ .title | markdownify }}

- {{ range .Site.Data.homepage.skill.skillbar }} + {{ range .item }}
@@ -91,18 +94,20 @@

{{.title }} ({{.progress}})

{{ end }} + {{ end }} {{ if .Site.Data.homepage.experience.enable }} + {{ with .Site.Data.homepage.experience }}
-

Experience

+

{{ .title | markdownify }}

- {{ range .Site.Data.homepage.experience.item }} + {{ range .item }}
- icon + icon

{{.duration}}

{{.title }}

{{.company }}
@@ -111,18 +116,20 @@
{{.company }}
- + + {{ end }} {{ end }} {{ if .Site.Data.homepage.education.enable }} + {{ with .Site.Data.homepage.education }}
-

Education

+

{{ .title | markdownify }}

- {{ range .Site.Data.homepage.education.item }} + {{ range .item }}
@@ -143,17 +150,19 @@

{{ .title }}

{{ end }} + {{ end }} {{ if .Site.Data.homepage.service.enable }} + {{ with .Site.Data.homepage.service }}
-

Services

+

{{ .title | markdownify }}

- {{ range .Site.Data.homepage.service.item }} + {{ range .item }}
@@ -169,6 +178,7 @@

{{.title}}

{{ end }} + {{ end }} {{ if .Site.Data.homepage.portfolio.enable }} @@ -177,19 +187,22 @@

{{.title}}

-

Portfolio

+

{{ .Site.Data.homepage.portfolio.title | markdownify }}

- {{ range .Site.Data.homepage.portfolio.item }} + {{ $item:= .Site.Data.homepage.portfolio.item_show }} + {{ range first $item .Site.Data.portfolio.item }}
portfolio-image + {{ if and ( ne .project_url "" ) ( ne .project_url "#" ) }}
- view project + view project
+ {{ end }}
{{ end }} @@ -201,15 +214,16 @@

Portfolio

{{ if .Site.Data.homepage.testimonial.enable }} + {{ with .Site.Data.homepage.testimonial }}
-

Testimonials

+

{{ .title | markdownify }}

- {{ range .Site.Data.homepage.testimonial.item }} + {{ range .item }}
@@ -232,9 +246,10 @@
{{ .designation }}
{{ end }} + {{ end }} - {{ if .Site.Data.homepage.clientSlider.enable }} + {{ if .Site.Data.homepage.clients_logo_slider.enable }}
@@ -250,20 +265,10 @@
{{ .designation }}
-

Blogs

+

{{.Site.Data.homepage.blog.title | markdownify }}

{{ range first 3 .Site.RegularPages }} -
- -
+ {{ .Render "post" }} {{ end }}
diff --git a/layouts/partials/client-slider.html b/layouts/partials/client-slider.html index 6497024b..b888725b 100644 --- a/layouts/partials/client-slider.html +++ b/layouts/partials/client-slider.html @@ -1,5 +1,9 @@
- {{ range .Site.Data.homepage.clientSlider.item }} - client-logo + {{ range .Site.Data.homepage.clients_logo_slider.item }} + {{ if and ( ne .URL "" ) ( ne .URL "#" ) }} + client-logo + {{ else }} + client-logo + {{ end }} {{ end }}
\ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index a75b1bf5..875ef2cc 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -9,7 +9,7 @@

Contact Info

Contact Form

-
+
@@ -39,21 +39,21 @@

Contact Form

Email
-

{{.Site.Params.footer.email}}

+

{{.Site.Params.email}}

Phone
-

{{.Site.Params.footer.phone}}

+

{{.Site.Params.phone}}

Address
-

{{.Site.Params.footer.address}}

+

{{.Site.Params.address}}

-

Powered by Hugo Themes

+

{{ .Site.Params.copyright | markdownify }}

@@ -71,6 +71,6 @@
Address
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); - ga('create', '{{ .Site.Params.googleAnalitycsID }}', 'auto'); + ga('create', '{{ .Site.Params.google_analitycs_id }}', 'auto'); ga('send', 'pageview'); diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 7a295b79..295da979 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -9,6 +9,12 @@ {{ with .Site.Params.author }}{{ end }} {{ hugo.Generator }} + + {{ "" | safeHTML }} {{ range .Site.Params.plugins.css }} @@ -19,7 +25,7 @@ {{ "" | safeHTML }} - - + + \ No newline at end of file diff --git a/layouts/partials/page-title.html b/layouts/partials/page-title.html index cff13634..0eade326 100644 --- a/layouts/partials/page-title.html +++ b/layouts/partials/page-title.html @@ -8,7 +8,7 @@

{{.Title}}

- illustrations + illustrations illustrations illustrations illustrations diff --git a/layouts/partials/preloader.html b/layouts/partials/preloader.html index cd2c6af3..ffccbe8e 100644 --- a/layouts/partials/preloader.html +++ b/layouts/partials/preloader.html @@ -1,6 +1,9 @@ {{ if .Site.Params.preloader.enable }} {{ "" | safeHTML }}
+ {{ if ne .Site.Params.preloader.preloader "" }} + preloader + {{ end }}
{{ "" | safeHTML }} {{ end }} \ No newline at end of file diff --git a/layouts/partials/team.html b/layouts/partials/team.html deleted file mode 100644 index 0ae6dd42..00000000 --- a/layouts/partials/team.html +++ /dev/null @@ -1,22 +0,0 @@ - -
-
-
-
-

My Team

-
- {{ range .Site.Data.team.member }} -
-
- -
-

{{.title }}

-

{{.designation }}

-
-
-
- {{ end }} -
-
-
- \ No newline at end of file diff --git a/layouts/partials/work-process.html b/layouts/partials/work-process.html deleted file mode 100644 index 2ecb7b83..00000000 --- a/layouts/partials/work-process.html +++ /dev/null @@ -1,18 +0,0 @@ - -
-
-
-
-

Work Process

-
- {{ range .Site.Data.workProcess.step }} -
- icon -

{{ .title }}

-

{{ .content | markdownify }}

-
- {{ end }} -
-
-
- \ No newline at end of file diff --git a/layouts/portfolio/list.html b/layouts/portfolio/list.html index 7b99f299..2f5cfa31 100644 --- a/layouts/portfolio/list.html +++ b/layouts/portfolio/list.html @@ -2,52 +2,58 @@ {{ partial "page-title.html" . }} - -
-
-
-
-
- - {{ range .Site.Data.portfolio.list }} - - {{ end }} -
+ +
+
+
+
+
+ + {{ $categories := slice }} + {{ range .Site.Data.portfolio.item }} + {{ $categories = $categories | append .category }} + {{ end }} + {{ range ( $categories | uniq ) }} + + {{ end }}
-
- {{ range .Site.Data.portfolio.item }} -
-
- portfolio-image -
-
- view project -
+
+
+ {{ range .Site.Data.portfolio.item }} +
+
+ portfolio-image + {{ if and ( ne .project_url "" ) ( ne .project_url "#" ) }} +
+
+ view project
+ {{ end }}
- {{ end }}
+ {{ end }}
-
- +
+
+ - -
-
-
-
-

My Clients

-
+{{ if .Site.Data.portfolio.clients_logo_slider.enable }} +
+
+
+
+

{{ .Site.Data.portfolio.clients_logo_slider.title | markdownify }}

- {{ partial "client-slider.html" . }}
-
- + {{ partial "client-slider.html" . }} +
+
+{{ end }} {{ end }} \ No newline at end of file diff --git a/netlify.toml b/netlify.toml new file mode 100644 index 00000000..68eea107 --- /dev/null +++ b/netlify.toml @@ -0,0 +1,7 @@ +[build] + publish = "exampleSite/public" + command = "cd exampleSite && hugo --gc --themesDir ../.." + +[build.environment] + HUGO_VERSION = "0.60.1" + HUGO_THEME = "repo" \ No newline at end of file