rebuild with forestry cms

README.md

@@ -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 @@
 |---|---|---|---|---|
 | ![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

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,15 +256,15 @@ a:hover {
 }
 
 .bg-primary {
-  background: #41228e !important
+  background: var(--primary-color) !important
 }
 
 .bg-gray {
   background: #eaeaea !important
 }
 
 .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
 }

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

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