docs

9 files changed, 109 insertions, 108 deletions

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
deleted file mode 100644
index 8a00f09..0000000
--- a/.github/workflows/deploy.yml
+++ /dev/null
@@ -1,36 +0,0 @@
-name: Deployment

-

-on:

-  push:

-    branches:

-    - master

-  workflow_dispatch:

-

-jobs:

-  deploy:

-    runs-on: ubuntu-latest

-

-    steps:

-      - name: Checkout

-        uses: actions/checkout@v2

-        with:

-          submodules: true

-          fetch-depth: 0

-

-      - name: Install Hugo

-        uses: peaceiris/actions-hugo@v2

-        with:

-          hugo-version: "0.79.0"

-

-      - name: Build

-        run: cd website && hugo --gc --minify --themesDir .

-

-      - name: Deploy website to the branch

-        uses: peaceiris/actions-gh-pages@v3

-        with:

-          personal_token: ${{ secrets.GITHUB_TOKEN }}

-          publish_dir: ./website/public

-          #external_repository:  gurusabarish/hugo-profile-demo

-          publish_branch: demo

-          user_name: hugo-profile bot

-          user_email: githubactionsbot@users.noreply.github.com

diff --git a/README.md b/README.md
index 6dc1136..60d1dbb 100644
--- a/README.md
+++ b/README.md
@@ -1,55 +1,81 @@
 # Hugo Profile

 

-# Navy Variant

-#### Demo: [here](./docs/demos/navyVariant/gif.gif)

-```yaml

-color:

-    textColor: "#F5F5F5"

-    secondaryTextColor: "#F5F5F5"

-    backgroundColor: "#313552"

-    primaryColor: "#F1E0AC"

-    secondaryColor: "#30475E"

-```

+[![Twitter](https://img.shields.io/twitter/url?label=Tweet&style=social&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile) [![GitHub forks](https://img.shields.io/github/forks/gurusabarish/hugo-profile?style=plastic)](https://github.com/gurusabarish/hugo-profile/network) [![GitHub stars](https://img.shields.io/github/stars/gurusabarish/hugo-profile?style=plastic)](https://github.com/gurusabarish/hugo-profile/stargazers)

 

-# Blue Variant

-#### Demo: [here](./docs/demos/blueVariant/gif.gif)

-```yaml

-color:

-    textColor: "#2C3333"

-    secondaryTextColor: "#F5F5F5"

-    backgroundColor: "#54BAB9"

-    primaryColor: "#F0F0F0"

-    secondaryColor: "#78C2C3"

-```

+[![Netlify Status](https://api.netlify.com/api/v1/badges/5c1dcb34-cada-4c80-82b7-cfdbdbd7c774/deploy-status)](https://app.netlify.com/sites/hugo-profile/deploys)

+![Latest Release](https://img.shields.io/github/v/release/gurusabarish/hugo-profile?include_prereleases)

+![Last Commit](https://img.shields.io/github/last-commit/gurusabarish/hugo-profile)

+![Open Issues](https://img.shields.io/github/issues/gurusabarish/hugo-profile?color=important)

+![Open Pull Requests](https://img.shields.io/github/issues-pr/gurusabarish/hugo-profile?color=yellowgreen)

+![License](https://img.shields.io/github/license/gurusabarish/hugo-profile)

 

-# Red Variant

-#### Demo: [here](./docs/demos/redVariant/gif.gif)

-```yaml

-color:

-    textColor: "#121212"

-    secondaryTextColor: "#311D3F"

-    backgroundColor: "#FF6363"

-    primaryColor: "#30475E"

-    secondaryColor: "#F05454"

-```

+A high performance and mobile first hugo template for personal portfolio and blog

+

+- Example Site: [hugo-profile.netlify.app](https://hugo-profile.netlify.app)

+

+# Features

+- Fully Responsive

+- Minimalist Design

+- SEO Friendly.

+- Light/Dark/auto

+- Taxonomies

+- [Color customization](https://github.com/gurusabarish/hugo-profile/wiki/Color-Customization)

+- Analytics Support 

+  - [Google Analytics](https://gohugo.io/templates/internal/#google-analytics)

+- Comment Support

+  - [Disqus](https://gohugo.io/content-management/comments/)

+

+Technology used: Bootstrap, fontawesome 

+

+# Requirements

+- Hugo Version 0.87.0 or higher

 

-# Green Variant

-#### Demo: [here](./docs/demos/greenVariant/gif.gif)

-```yaml

-color:

-    textColor: "#161616"

-    secondaryTextColor: "#311D3F"

-    backgroundColor: "#34BE82" 

-    primaryColor: "#194350"

-    secondaryColor: "#2FDD92"

+

+# How to use this template

+

+- [Hugo theme](#Hugo-theme)

+- [Direct deployment using netlify](#Direct-deployment-using-netlify)

+

+[For more details](https://github.com/gurusabarish/hugo-profile/wiki)

+## Hugo theme

+

+- Install Hugo and create a site using `hugo new site my-site -f=yaml`

+- Clone this repo inside your themes folder

 ```

-# Pink Variant

-#### Demo: [here](./docs/demos/pinkVariant/gif.gif)

-```yaml

-color:

-    textColor: "#D1D1D1"

-    secondaryTextColor: "#C1A3A3"

-    backgroundColor: "#470D21"

-    primaryColor: "#F3F0D7"

-    secondaryColor: "#781D42"

-```
\ No newline at end of file
+cd themes

+git clone https://github.com/gurusabarish/hugo-profile.git

+```

+- Create config.yaml (you can use `config.toml` too) inside root folder 

+- Setup the configurations in `config.yaml`. [reference](https://github.com/gurusabarish/hugo-profile/blob/master/exampleSite/config.yaml)

+- You should have the mentioned (_inside the config file_) images in static folder to use them.

+

+For more details: [Hugo's official docs](https://gohugo.io/getting-started/quick-start/), [content management](https://www.mikedane.com/static-site-generators/hugo/content-organization/)

+

+## Direct deployment using netlify

+

+- Fork this repo or create new repo using `use this template` button and connect repo to netlify.

+- whenever you customize the files exampleSite folder, netlify will automatically deploy your changes.

+

+For more details: [host on netlify](https://gohugo.io/hosting-and-deployment/hosting-on-netlify/), [content management](https://www.mikedane.com/static-site-generators/hugo/content-organization/)

+

+# Deployment

+

+Run `hugo`. It will generate a folder called public. You can use the files inside public folder for deployment. You should delete the public folder for each time when you are using `hugo` commend.

+

+# Issues

+

+If you have a question, please [open an issue](https://github.com/gurusabarish/hugo-profile/issues) for help and to help those who come after you. The more information you can provide, the better!

+

+# Contributing

+

+Contributions, issues, and feature requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

+

+# License

+

+Licensed under [MIT](LICENSE)

+

+# 🤝 Support

+

+Give a ⭐️ or buy me a ~`coffee`~ tea if you like this project!

+

+<a href="https://www.buymeacoffee.com/gurusabarish" target="_blank" rel="noopener"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" height="40" width="145" alt="Buy Me A Coffee"></a>

diff --git a/archetypes/default.md b/archetypes/default.md
index 8365c93..bade7e2 100644
--- a/archetypes/default.md
+++ b/archetypes/default.md
@@ -2,5 +2,9 @@
 title: "{{ replace .Name "-" " " | title }}"
 date: {{ .Date }}
 draft: true
-tags: 
+author:
+tags:
+image:
+description:
+toc:
 ---
\ No newline at end of file
diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index d322c10..78e041e 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -1,8 +1,10 @@
-baseURL: "https://hugo-profile.netlify.app"

+baseURL: "https://example.org"

 languageCode: "en-us"

 title: "Hugo Profile"

+theme: hugo-profile

 

 Paginate: 3

+disqusShortname: gurusabarish

 

 markup:

   goldmark:

diff --git a/layouts/404.html b/layouts/404.html
index a5eb6c8..e7c3f39 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,6 +1,5 @@
 {{ define "head" }}

 <meta name="description" content={{ .Site.Params.description }}>

-<link rel="stylesheet" href="/css/index.css" media="all">

 {{ end }}

 

 {{ define "title" }}

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 387c98a..720b028 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,5 +1,5 @@
 {{ define "head" }}

-<meta name="description" content="{{ .Title }}">

+<meta name="description" content="{{ .Params.description }}">

 <link rel="stylesheet" href="/css/single.css">

 

 <!-- fontawesome -->

@@ -85,6 +85,11 @@
         </div>

       </div>

     </div>

+    <div class="row">

+      <div class="col-sm-12 col-md-12 col-lg-9 p-2">

+        {{ template "_internal/disqus.html" . }}

+      </div>

+    </div>

   </div>

   <button class="p-2 px-3" onclick="topFunction()" id="topScroll">

     <i class="fas fa-angle-up"></i>

diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index f12a297..305552a 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -14,7 +14,7 @@
 <link rel="stylesheet" href="/css/font.css" media="all">

 

 <!-- Internal templates -->

-{{ template "_internal/google_analytics.html" . }}

+{{ template "_internal/google_analytics_async.html" . }}

 {{ template "_internal/opengraph.html" . }}

 {{ template "_internal/twitter_cards.html" . }}

 

diff --git a/static/css/header.css b/static/css/header.css
index 1d7eaa5..3a0f2f3 100644
--- a/static/css/header.css
+++ b/static/css/header.css
@@ -1,18 +1,3 @@
-@keyframes fade-up {

-  0% {

-    transform: translateY(-10px);

-    opacity: 0;

-  }

-  100% {

-    transform: translateY(0);

-    opacity: 1;

-  }

-}

-

-header .navbar {

-    animation: fade-up 0.5s ease-in;

-}

-

 header .navbar .navbar-nav a {

     color: var(--text-color) !important;

 }

diff --git a/static/css/index.css b/static/css/index.css
index 7306df8..0d79215 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -19,7 +19,7 @@
 }

 @keyframes fade-left {

   0% {

-    transform: translateX(-20px);

+    transform: translateX(-10px);

     opacity: 0;

   }

   100% {

@@ -39,6 +39,22 @@
   }

 }

 

+/* Header animation */

+@keyframes fade-up {

+  0% {

+    transform: translateY(-10px);

+    opacity: 0;

+  }

+  100% {

+    transform: translateY(0);

+    opacity: 1;

+  }

+}

+

+header .navbar {

+    animation: fade-up 0.5s ease-in;

+}

+

 /* ToolTip */

 

 .tooltip {

@@ -61,7 +77,7 @@
 }

 

 #hero .content {

-    animation: fade-left 1.2s ease-out;

+    animation: fade-left 1s ease-out;

 }

 

 #hero .hero-bottom-svg {

@@ -94,7 +110,7 @@
 }

 

 #hero .image img {

-    animation: fade-in 1.2s ease-out;

+    animation: fade-in 1s ease-out;

     box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);

     transition: box-shadow 0.3s;

     padding: 0;