diff options
| author | somrat <monnaf37@gmail.com> | 2019-12-30 09:14:33 +0300 |
|---|---|---|
| committer | somrat <monnaf37@gmail.com> | 2019-12-30 09:14:33 +0300 |
| commit | 740144845aebbec46a1efbe71c6b97790acafba3 (patch) | |
| tree | a2aa6a4d75b0d064e31794e09fde7bd32eae98fa | |
| parent | 554da25431d4e6b4005394648802f62ba5221864 (diff) | |
rebuild with forestry cms
33 files changed, 534 insertions, 408 deletions
@@ -1,16 +1,37 @@ -<div align="center"> -<h1><a>Kross Creative Portfolio Template (MIT License)</a></h1> -<img src="https://user-images.githubusercontent.com/37659754/58154256-00627500-7c93-11e9-90c1-c145cb396902.gif" width="100%" alt="kross portfolio template by themefisher"> -</div> +# Easy Setup (Hugo + Netlify + Forestry) +Build your website with kross hugo theme by following this easy steps (No Coding Required) + +<a href="http://bit.ly/meghna-hugo-installation" target="_blank" title="meghna hugo installation" rel="nofollow"><img width="100%" src="https://user-images.githubusercontent.com/37659754/70844354-4028be00-1e6a-11ea-8d84-02e9a25e7db8.png"></a> + +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 @@ |---|---|---|---|---| |  |  |  |  |  | +**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 64e3ab9..1a604b0 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 0000000..54a2365 --- /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 0000000..6b9ccf3 --- /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 a2cec14..fe022c1 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 542293d..a4f984c 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 4a4d083..22c3aa7 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 9064a17..7016e2f 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 9ff4aad..dceada3 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 377e28e..c25cac2 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 9064a17..7016e2f 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 377e28e..c25cac2 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 0000000..7456a51 --- /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 358eda2..ae7e67e 100644 --- a/exampleSite/data/homepage.yml +++ b/exampleSite/data/homepage.yml @@ -1,31 +1,21 @@ # banner banner: title : "Hi! I’m <br> Christoher <br> 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, <strong>quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</strong> 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 16fcf1d..267f9e4 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 95876c8..0000000 --- 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 e7d3f7f..0000000 --- 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 Binary files differnew file mode 100644 index 0000000..b55d870 --- /dev/null +++ b/exampleSite/static/images/illustrations/leaf-bg.png diff --git a/exampleSite/static/images/illustrations/page-title.png b/exampleSite/static/images/illustrations/page-title.png Binary files differnew file mode 100644 index 0000000..fc70b92 --- /dev/null +++ b/exampleSite/static/images/illustrations/page-title.png diff --git a/layouts/_default/list.html b/layouts/_default/list.html index b4b1915..d3c7429 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -7,34 +7,11 @@ <div class="container"> <div class="row"> {{ range .Data.Pages }} - <div class="col-lg-4 col-sm-6 mb-4"> - <article class="card shadow"> - <img class="rounded card-img-top" src="{{.Params.Image | absURL}}" alt="post-thumb"> - <div class="card-body"> - <h4 class="card-title"><a class="text-dark" href="{{.Permalink}}">{{.Title }}</a> - </h4> - <p class="cars-text">{{.Summary}}</p> - <a href="{{.Permalink}}" class="btn btn-xs btn-primary">Read More</a> - </div> - </article> - </div> + {{ .Render "post" }} {{ end }} </div> </div> </section> <!-- /blog --> - <!-- clients --> - <section class="section bg-light"> - <div class="container"> - <div class="row"> - <div class="col-12 text-center"> - <h2 class="section-title">My Clients</h2> - </div> - </div> - {{ partial "client-slider.html" . }} - </div> - </section> - <!-- /clients --> - {{ end }}
\ No newline at end of file diff --git a/layouts/_default/post.html b/layouts/_default/post.html new file mode 100644 index 0000000..6ea9a1f --- /dev/null +++ b/layouts/_default/post.html @@ -0,0 +1,11 @@ +<div class="col-lg-4 col-sm-6 mb-4"> + <article class="card shadow"> + <img class="rounded card-img-top" src="{{.Params.Image | relURL}}" alt="{{.Title }}"> + <div class="card-body"> + <h4 class="card-title"><a class="text-dark" href="{{.Permalink}}">{{.Title }}</a> + </h4> + <p class="cars-text">{{.Summary}}</p> + <a href="{{.Permalink}}" class="btn btn-xs btn-primary">Read More</a> + </div> + </article> +</div>
\ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 0fba3fd..cb0b039 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -7,7 +7,7 @@ <div class="row"> <div class="col-lg-12"> <h3 class="font-tertiary mb-5">{{.Title}}</h3> - <p class="font-secondary">Published on {{ .PublishDate.Format "Jan 02, 2006" }} by <span class="text-primary">{{.Params.Author}}</span></p> + <p class="font-secondary">Published on {{ .PublishDate.Format "Jan 02, 2006" }} by <span class="text-primary">{{.Site.Params.Author}}</span></p> <div class="content"> <img src="{{.Params.Image | absURL }}" alt="post-thumb" class="img-fluid rounded float-left mr-5 mb-4"> {{.Content }} diff --git a/layouts/about/list.html b/layouts/about/list.html index 1fddadd..a9e4cfb 100644 --- a/layouts/about/list.html +++ b/layouts/about/list.html @@ -1,56 +1,105 @@ {{ define "main" }} - <!-- page title --> - <section class="page-title-alt bg-primary position-relative overflow-hidden"> - <div class="container"> - <div class="row"> - <div class="col-12"> - <h1 class="text-white font-tertiary">{{ .Title }}</h1> - </div> +<!-- page title --> +<section class="page-title-alt bg-primary position-relative overflow-hidden"> + <div class="container"> + <div class="row"> + <div class="col-12"> + <h1 class="text-white font-tertiary">{{ .Title }}</h1> </div> </div> - <!-- background shapes --> - <img src="{{`images/illustrations/leaf-bg-top.svg`| relURL}}" alt="illustrations" class="bg-shape-1 w-100"> - <img src="{{`images/illustrations/dots-group-sm.svg`| relURL}}" alt="illustrations" class="bg-shape-2"> - <img src="{{`images/illustrations/leaf-yellow.svg`| relURL}}" alt="illustrations" class="bg-shape-3"> - <img src="{{`images/illustrations/leaf-orange.svg`| relURL}}" alt="illustrations" class="bg-shape-4"> - <img src="{{`images/illustrations/dots-group-cyan.svg`| relURL}}" alt="illustrations" class="bg-shape-5"> - <img src="{{`images/illustrations/leaf-cyan-lg.svg`| relURL}}" alt="illustrations" class="bg-shape-6"> - </section> - <!-- /page title --> + </div> + <!-- background shapes --> + <img src="{{`images/illustrations/page-title.png`| relURL}}" alt="illustrations" class="bg-shape-1 w-100"> + <img src="{{`images/illustrations/dots-group-sm.svg`| relURL}}" alt="illustrations" class="bg-shape-2"> + <img src="{{`images/illustrations/leaf-yellow.svg`| relURL}}" alt="illustrations" class="bg-shape-3"> + <img src="{{`images/illustrations/leaf-orange.svg`| relURL}}" alt="illustrations" class="bg-shape-4"> + <img src="{{`images/illustrations/dots-group-cyan.svg`| relURL}}" alt="illustrations" class="bg-shape-5"> + <img src="{{`images/illustrations/leaf-cyan-lg.svg`| relURL}}" alt="illustrations" class="bg-shape-6"> +</section> +<!-- /page title --> - <!-- about --> - <section class="section pt-5"> - <div class="container"> - <div class="row"> - <div class="col-md-8"> - {{ .Content }} - </div> - <div class="col-md-4 text-center drag-lg-top"> - <div class="shadow-down mb-4"> - <img src="{{.Params.AuthorImage | absURL }}" alt="author" class="img-fluid w-100 rounded-lg border-thick border-white"> - </div> - <img src="{{.Params.AuthorSignature | absURL }}" alt="signature" class="img-fluid"> - <h4>{{ .Params.Author }}</h4> +<!-- about --> +<section class="section pt-5"> + <div class="container"> + <div class="row"> + <div class="col-md-8"> + {{ .Content }} + </div> + <div class="col-md-4 text-center drag-lg-top"> + <div class="shadow-down mb-4"> + <img src="{{.Params.author_image | absURL }}" alt="author" + class="img-fluid w-100 rounded-lg border-thick border-white"> </div> + <img src="{{.Params.author_signature | absURL }}" alt="signature" class="img-fluid"> + <h4>{{ .Site.Params.Author }}</h4> </div> </div> - </section> - <!-- /about --> - - {{ partial "work-process.html" . }} + </div> +</section> +<!-- /about --> - {{ partial "team.html" . }} +<!-- Work Process --> +{{ if .Site.Data.about.work_process.enable }} +{{ with .Site.Data.about.work_process }} +<section class="section"> + <div class="container"> + <div class="row justify-content-around"> + <div class="col-lg-12 text-center"> + <h2 class="section-title">{{ .title | markdownify }}</h2> + </div> + {{ range .item }} + <div class="col-lg-3 col-md-4 text-center hover-shadow pt-3"> + <img src="{{ .icon | absURL }}" class="mb-4" alt="icon"> + <h4 class="mb-4">{{ .title }}</h4> + <p>{{ .content | markdownify }}</p> + </div> + {{ end }} + </div> + </div> +</section> +{{ end }} +{{ end }} +<!-- ./Work Process --> - <section class="section"> - <div class="container"> - <div class="row"> - <div class="col-12 text-center"> - <h2 class="section-title">My Clients</h2> +<!-- team --> +{{ if .Site.Data.about.team.enable }} +{{ with .Site.Data.about.team }} +<section class="section bg-cover" data-background="{{`images/backgrounds/team-bg.png`|relURL}}"> + <div class="container"> + <div class="row"> + <div class="col-12 text-center"> + <h2 class="section-title">{{ .title | markdownify }}</h2> + </div> + {{ range .team_member }} + <div class="col-md-4 col-sm-6 mb-4 mb-md-0"> + <div class="card text-center"> + <img src="{{ .image | absURL }}" class="card-img-top"> + <div class="card-body"> + <h4 class="card-title">{{.title }}</h4> + <p class="text-light font-secondary">{{.designation }}</p> + </div> </div> </div> - {{ partial "client-slider.html" . }} + {{ end }} </div> - </section> + </div> +</section> +{{ end }} +{{ end }} +<!-- /team --> +{{ if .Site.Data.about.clients_logo_slider.enable }} +<section class="section"> + <div class="container"> + <div class="row"> + <div class="col-12 text-center"> + <h2 class="section-title">{{ .Site.Data.about.clients_logo_slider.title | markdownify }}</h2> + </div> + </div> + {{ partial "client-slider.html" . }} + </div> +</section> {{ end }} + +{{ end }}
\ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index 3d09953..6c7a4d5 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -10,7 +10,7 @@ </div> </div> <div class="layer-bg w-100"> - <img class="img-fluid w-100" src="{{`images/illustrations/leaf-bg.svg` | relURL}}" alt="bg-shape"> + <img class="img-fluid w-100" src="{{`images/illustrations/leaf-bg.png` | relURL}}" alt="bg-shape"> </div> <div class="layer" id="l2"> <img src="{{`images/illustrations/dots-cyan.svg` | relURL}}" alt="bg-shape"> @@ -38,8 +38,8 @@ </div> <!-- social icon --> <ul class="list-unstyled ml-5 mt-3 position-relative zindex-1"> - {{ range .Site.Data.homepage.banner.socialLinks }} - <li class="mb-3"><a class="text-white" href="{{.URL}}"><i class="{{.icon}}"></i></a></li> + {{ range .Site.Params.social }} + <li class="mb-3"><a class="text-white" href="{{.URL | safeURL }}"><i class="{{.icon}}"></i></a></li> {{ end }} </ul> <!-- /social icon --> @@ -54,8 +54,10 @@ <div class="col-lg-10 mx-auto text-center"> {{ with .Site.Data.homepage.about }} <p class="font-secondary lead text-dark">{{.content | markdownify}}</p> + {{ if .button.enable }} {{ with .button }} - <a href="{{ .URL | absURL }}" class="btn btn-transparent">{{.btnText}}</a> + <a href="{{ .URL | absURL }}" class="btn btn-transparent">{{.label}}</a> + {{ end }} {{ end }} {{ end }} </div> @@ -67,14 +69,15 @@ {{ if .Site.Data.homepage.skill.enable }} + {{ with .Site.Data.homepage.skill }} <!-- skills --> <section class="section"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> - <h2 class="section-title">Skills</h2> + <h2 class="section-title">{{ .title | markdownify }}</h2> </div> - {{ range .Site.Data.homepage.skill.skillbar }} + {{ range .item }} <div class="col-lg-3 col-sm-6 mb-4"> <div class="card shadow text-center"> <div class="position-relative rounded-top progress-wrapper" data-color="{{.color}}"> @@ -91,18 +94,20 @@ </section> <!-- /skills --> {{ end }} + {{ end }} {{ if .Site.Data.homepage.experience.enable }} + {{ with .Site.Data.homepage.experience }} <!-- experience --> <section class="section"> <div class="container"> <div class="row justify-content-around"> <div class="col-lg-12 text-center"> - <h2 class="section-title">Experience</h2> + <h2 class="section-title">{{ .title | markdownify }}</h2> </div> - {{ range .Site.Data.homepage.experience.item }} + {{ range .item }} <div class="col-lg-3 col-md-4 text-center"> - <img src="{{.logo}}" alt="icon"> + <img src="{{.logo | relURL }}" alt="icon"> <p class="mb-0">{{.duration}}</p> <h4>{{.title }}</h4> <h6 class="text-light">{{.company }}</h6> @@ -111,18 +116,20 @@ </div> </div> </section> - <!-- ./experience --> + <!-- /experience --> + {{ end }} {{ end }} {{ if .Site.Data.homepage.education.enable }} + {{ with .Site.Data.homepage.education }} <!-- education --> <section class="section position-relative"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> - <h2 class="section-title">Education</h2> + <h2 class="section-title">{{ .title | markdownify }}</h2> </div> - {{ range .Site.Data.homepage.education.item }} + {{ range .item }} <div class="col-lg-6 col-md-6 mb-80"> <div class="d-flex"> <div class="mr-lg-5 mr-3"> @@ -143,17 +150,19 @@ </section> <!-- /education --> {{ end }} + {{ end }} {{ if .Site.Data.homepage.service.enable }} + {{ with .Site.Data.homepage.service }} <!-- services --> <section class="section"> <div class="container"> <div class="row"> <div class="col-12 text-center"> - <h2 class="section-title">Services</h2> + <h2 class="section-title">{{ .title | markdownify }}</h2> </div> - {{ range .Site.Data.homepage.service.item }} + {{ range .item }} <div class="col-md-4 mb-4"> <div class="card {{if .highlighted }} active-bg-primary {{end}} hover-shadow shadow"> <div class="card-body text-center px-4 py-5"> @@ -169,6 +178,7 @@ </section> <!-- /services --> {{ end }} + {{ end }} {{ if .Site.Data.homepage.portfolio.enable }} @@ -177,19 +187,22 @@ <div class="container"> <div class="row"> <div class="col-12 text-center"> - <h2 class="section-title">Portfolio</h2> + <h2 class="section-title">{{ .Site.Data.homepage.portfolio.title | markdownify }}</h2> </div> </div> <div class="row shuffle-wrapper"> - {{ range .Site.Data.homepage.portfolio.item }} + {{ $item:= .Site.Data.homepage.portfolio.item_show }} + {{ range first $item .Site.Data.portfolio.item }} <div class="col-lg-4 col-6 mb-4 shuffle-item"> <div class="position-relative rounded hover-wrapper"> <img src="{{.image | absURL }}" alt="portfolio-image" class="img-fluid rounded w-100 d-block"> + {{ if and ( ne .project_url "" ) ( ne .project_url "#" ) }} <div class="hover-overlay"> <div class="hover-content"> - <a class="btn btn-light btn-sm" href="{{ .projectURL }}">view project</a> + <a class="btn btn-light btn-sm" href="{{ .project_url | safeURL }}">view project</a> </div> </div> + {{ end }} </div> </div> {{ end }} @@ -201,15 +214,16 @@ {{ if .Site.Data.homepage.testimonial.enable }} + {{ with .Site.Data.homepage.testimonial }} <!-- testimonial --> <section class="section bg-primary position-relative testimonial-bg-shapes"> <div class="container"> <div class="row"> <div class="col-12 text-center"> - <h2 class="section-title text-white mb-5">Testimonials</h2> + <h2 class="section-title text-white mb-5">{{ .title | markdownify }}</h2> </div> <div class="col-lg-10 mx-auto testimonial-slider"> - {{ range .Site.Data.homepage.testimonial.item }} + {{ range .item }} <!-- slider-item --> <div class="text-center testimonial-content"> <i class="ti-quote-right text-white icon mb-4 d-inline-block"></i> @@ -232,9 +246,10 @@ </section> <!-- /testimonial --> {{ end }} + {{ end }} - {{ if .Site.Data.homepage.clientSlider.enable }} + {{ if .Site.Data.homepage.clients_logo_slider.enable }} <!-- client logo slider --> <section class="section pb-0"> <div class="container"> @@ -250,20 +265,10 @@ <div class="container"> <div class="row"> <div class="col-12 text-center"> - <h2 class="section-title">Blogs</h2> + <h2 class="section-title">{{.Site.Data.homepage.blog.title | markdownify }}</h2> </div> {{ range first 3 .Site.RegularPages }} - <div class="col-lg-4 col-sm-6 mb-4"> - <article class="card shadow"> - <img class="rounded card-img-top" src="{{.Params.Image | absURL}}" alt="post-thumb"> - <div class="card-body"> - <h4 class="card-title"><a class="text-dark" href="{{.Permalink}}">{{.Title }}</a> - </h4> - <p class="cars-text">{{.Summary}}</p> - <a href="{{.Permalink}}" class="btn btn-xs btn-primary">Read More</a> - </div> - </article> - </div> + {{ .Render "post" }} {{ end }} </div> </div> diff --git a/layouts/partials/client-slider.html b/layouts/partials/client-slider.html index 6497024..b888725 100644 --- a/layouts/partials/client-slider.html +++ b/layouts/partials/client-slider.html @@ -1,5 +1,9 @@ <div class="client-logo-slider d-flex align-items-center"> - {{ range .Site.Data.homepage.clientSlider.item }} - <a href="{{ .URL }}" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid" src="{{.logo | absURL}}" alt="client-logo"></a> + {{ range .Site.Data.homepage.clients_logo_slider.item }} + {{ if and ( ne .URL "" ) ( ne .URL "#" ) }} + <a href="{{ .URL | safeURL }}" class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid" src="{{.logo | absURL}}" alt="client-logo"></a> + {{ else }} + <span class="text-center d-block outline-0 p-4"><img class="d-unset img-fluid" src="{{.logo | absURL}}" alt="client-logo"></span> + {{ end }} {{ end }} </div>
\ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index a75b1bf..875ef2c 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -9,7 +9,7 @@ <div class="col-lg-8 mx-auto"> <div class="bg-white rounded text-center p-5 shadow-down"> <h4 class="mb-80">Contact Form</h4> - <form action="{{.Site.Params.contact.formAction}}" method="POST" class="row"> + <form action="{{.Site.Params.contact.form_action}}" method="POST" class="row"> <div class="col-md-6"> <input type="text" id="name" name="name" placeholder="Full Name" class="form-control px-0 mb-4"> </div> @@ -39,21 +39,21 @@ <div class="row"> <div class="col-md-4"> <h5 class="text-light">Email</h5> - <p class="text-white paragraph-lg font-secondary">{{.Site.Params.footer.email}}</p> + <p class="text-white paragraph-lg font-secondary">{{.Site.Params.email}}</p> </div> <div class="col-md-4"> <h5 class="text-light">Phone</h5> - <p class="text-white paragraph-lg font-secondary">{{.Site.Params.footer.phone}}</p> + <p class="text-white paragraph-lg font-secondary">{{.Site.Params.phone}}</p> </div> <div class="col-md-4"> <h5 class="text-light">Address</h5> - <p class="text-white paragraph-lg font-secondary">{{.Site.Params.footer.address}}</p> + <p class="text-white paragraph-lg font-secondary">{{.Site.Params.address}}</p> </div> </div> </div> </div> <div class="border-top text-center border-dark py-5"> - <p class="mb-0 text-light">Powered by <a href="https://themefisher.com/best-hugo-themes">Hugo Themes</a></p> + <p class="mb-0 text-light">{{ .Site.Params.copyright | markdownify }}</p> </div> </footer> <!-- /footer --> @@ -71,6 +71,6 @@ (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'); </script> diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 7a295b7..295da97 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -9,6 +9,12 @@ {{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }} {{ hugo.Generator }} + <style> + :root{ + --primary-color:{{ .Site.Params.theme_color }}; + } + </style> + {{ "<!-- plugins -->" | safeHTML }} {{ range .Site.Params.plugins.css }} <link rel="stylesheet" href="{{ .URL | absURL }} "> @@ -19,7 +25,7 @@ <link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen"> {{ "<!--Favicon-->" | safeHTML }} - <link rel="shortcut icon" href="{{ "images/favicon.png" | absURL }} " type="image/x-icon"> - <link rel="icon" href="{{ "images/favicon.png" | absURL }} " type="image/x-icon"> + <link rel="shortcut icon" href="{{ `images/favicon.png` | absURL }} " type="image/x-icon"> + <link rel="icon" href="{{ `images/favicon.png` | absURL }} " type="image/x-icon"> </head>
\ No newline at end of file diff --git a/layouts/partials/page-title.html b/layouts/partials/page-title.html index cff1363..0eade32 100644 --- a/layouts/partials/page-title.html +++ b/layouts/partials/page-title.html @@ -8,7 +8,7 @@ </div> </div> <!-- background shapes --> - <img src="{{`images/illustrations/page-title.svg`| relURL}}" alt="illustrations" class="bg-shape-1 w-100"> + <img src="{{`images/illustrations/page-title.png`| relURL}}" alt="illustrations" class="bg-shape-1 w-100"> <img src="{{`images/illustrations/leaf-pink-round.svg`| relURL}}" alt="illustrations" class="bg-shape-2"> <img src="{{`images/illustrations/dots-cyan.svg`| relURL}}" alt="illustrations" class="bg-shape-3"> <img src="{{`images/illustrations/leaf-orange.svg`| relURL}}" alt="illustrations" class="bg-shape-4"> diff --git a/layouts/partials/preloader.html b/layouts/partials/preloader.html index cd2c6af..ffccbe8 100644 --- a/layouts/partials/preloader.html +++ b/layouts/partials/preloader.html @@ -1,6 +1,9 @@ {{ if .Site.Params.preloader.enable }} {{ "<!-- preloader start -->" | safeHTML }} <div class="preloader"> + {{ if ne .Site.Params.preloader.preloader "" }} + <img src="{{ .Site.Params.preloader.preloader | relURL }} " alt="preloader"> + {{ end }} </div> {{ "<!-- 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 0ae6dd4..0000000 --- a/layouts/partials/team.html +++ /dev/null @@ -1,22 +0,0 @@ -<!-- team --> -<section class="section bg-cover" data-background="{{`images/backgrounds/team-bg.png`|absURL}}"> - <div class="container"> - <div class="row"> - <div class="col-12 text-center"> - <h2 class="section-title">My Team</h2> - </div> - {{ range .Site.Data.team.member }} - <div class="col-md-4 col-sm-6 mb-4 mb-md-0"> - <div class="card text-center"> - <img src="{{ .image | absURL }}" class="card-img-top"> - <div class="card-body"> - <h4 class="card-title">{{.title }}</h4> - <p class="text-light font-secondary">{{.designation }}</p> - </div> - </div> - </div> - {{ end }} - </div> - </div> -</section> -<!-- /team -->
\ 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 2ecb7b8..0000000 --- a/layouts/partials/work-process.html +++ /dev/null @@ -1,18 +0,0 @@ -<!-- Work Process --> -<section class="section"> - <div class="container"> - <div class="row justify-content-around"> - <div class="col-lg-12 text-center"> - <h2 class="section-title">Work Process</h2> - </div> - {{ range .Site.Data.workProcess.step }} - <div class="col-lg-3 col-md-4 text-center hover-shadow pt-3"> - <img src="{{ .icon | absURL }}" class="mb-4" alt="icon"> - <h4 class="mb-4">{{ .title }}</h4> - <p>{{ .content | markdownify }}</p> - </div> - {{ end }} - </div> - </div> -</section> -<!-- ./Work Process -->
\ No newline at end of file diff --git a/layouts/portfolio/list.html b/layouts/portfolio/list.html index 7b99f29..2f5cfa3 100644 --- a/layouts/portfolio/list.html +++ b/layouts/portfolio/list.html @@ -2,52 +2,58 @@ {{ partial "page-title.html" . }} - <!-- portfolio --> - <section class="section"> - <div class="container"> - <div class="row mb-5"> - <div class="col-12"> - <div class="btn-group btn-group-toggle justify-content-center d-flex flex-wrap" data-toggle="buttons"> - <label class="btn btn-sm btn-primary active"> - <input type="radio" name="shuffle-filter" value="all" checked="checked" />All - </label> - {{ range .Site.Data.portfolio.list }} - <label class="btn btn-sm btn-primary"> - <input type="radio" name="shuffle-filter" value="{{.type}}" />{{ .title }} - </label> - {{ end }} - </div> +<!-- portfolio --> +<section class="section"> + <div class="container"> + <div class="row mb-5"> + <div class="col-12"> + <div class="btn-group btn-group-toggle justify-content-center d-flex flex-wrap" data-toggle="buttons"> + <label class="btn btn-sm btn-primary active"> + <input type="radio" name="shuffle-filter" value="all" checked="checked" />All + </label> + {{ $categories := slice }} + {{ range .Site.Data.portfolio.item }} + {{ $categories = $categories | append .category }} + {{ end }} + {{ range ( $categories | uniq ) }} + <label class="btn btn-sm btn-primary"> + <input type="radio" name="shuffle-filter" value="{{ . | urlize }}" />{{ . | humanize }} + </label> + {{ end }} </div> </div> - <div class="row shuffle-wrapper"> - {{ range .Site.Data.portfolio.item }} - <div class="col-lg-4 col-6 mb-4 shuffle-item" data-groups="[{{range $index, $element:= .projectType }}{{if eq $index 0}} {{else}},{{end}}"{{.type}}"{{ end }}]"> - <div class="position-relative rounded hover-wrapper"> - <img src="{{.image | absURL }}" alt="portfolio-image" class="img-fluid rounded w-100 d-block"> - <div class="hover-overlay"> - <div class="hover-content"> - <a class="btn btn-light btn-sm" href="{{ .projectURL }}">view project</a> - </div> + </div> + <div class="row shuffle-wrapper"> + {{ range .Site.Data.portfolio.item }} + <div class="col-lg-4 col-6 mb-4 shuffle-item" data-groups="["{{.category | urlize}}"]"> + <div class="position-relative rounded hover-wrapper"> + <img src="{{.image | absURL }}" alt="portfolio-image" class="img-fluid rounded w-100 d-block"> + {{ if and ( ne .project_url "" ) ( ne .project_url "#" ) }} + <div class="hover-overlay"> + <div class="hover-content"> + <a class="btn btn-light btn-sm" href="{{ .project_url | safeURL }}">view project</a> </div> </div> + {{ end }} </div> - {{ end }} </div> + {{ end }} </div> - </section> - <!-- /portfolio --> + </div> +</section> +<!-- /portfolio --> - <!-- clients --> - <section class="section bg-light"> - <div class="container"> - <div class="row"> - <div class="col-12 text-center"> - <h2 class="section-title">My Clients</h2> - </div> +{{ if .Site.Data.portfolio.clients_logo_slider.enable }} +<section class="section bg-light"> + <div class="container"> + <div class="row"> + <div class="col-12 text-center"> + <h2 class="section-title">{{ .Site.Data.portfolio.clients_logo_slider.title | markdownify }}</h2> </div> - {{ partial "client-slider.html" . }} </div> - </section> - <!-- /clients --> + {{ partial "client-slider.html" . }} + </div> +</section> +{{ end }} {{ end }}
\ No newline at end of file diff --git a/netlify.toml b/netlify.toml new file mode 100644 index 0000000..68eea10 --- /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 |
