docs

.github/workflows/deploy.yml

@@ -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: [email protected]

README.md

@@ -1,55 +1,81 @@
 # Hugo Profile
 
-# Navy Variant
+[![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)
-#### Demo: [here](./docs/demos/navyVariant/gif.gif)
-```yaml
-color:
-    textColor: "#F5F5F5"
-    secondaryTextColor: "#F5F5F5"
-    backgroundColor: "#313552"
-    primaryColor: "#F1E0AC"
-    secondaryColor: "#30475E"
-```
 
-# Blue Variant
+[![Netlify Status](https://api.netlify.com/api/v1/badges/5c1dcb34-cada-4c80-82b7-cfdbdbd7c774/deploy-status)](https://app.netlify.com/sites/hugo-profile/deploys)
-#### Demo: [here](./docs/demos/blueVariant/gif.gif)
+![Latest Release](https://img.shields.io/github/v/release/gurusabarish/hugo-profile?include_prereleases)
-```yaml
+![Last Commit](https://img.shields.io/github/last-commit/gurusabarish/hugo-profile)
-color:
+![Open Issues](https://img.shields.io/github/issues/gurusabarish/hugo-profile?color=important)
-    textColor: "#2C3333"
+![Open Pull Requests](https://img.shields.io/github/issues-pr/gurusabarish/hugo-profile?color=yellowgreen)
-    secondaryTextColor: "#F5F5F5"
+![License](https://img.shields.io/github/license/gurusabarish/hugo-profile)
-    backgroundColor: "#54BAB9"
-    primaryColor: "#F0F0F0"
-    secondaryColor: "#78C2C3"
-```
 
-# Red Variant
+A high performance and mobile first hugo template for personal portfolio and blog
-#### Demo: [here](./docs/demos/redVariant/gif.gif)
-```yaml
-color:
-    textColor: "#121212"
-    secondaryTextColor: "#311D3F"
-    backgroundColor: "#FF6363"
-    primaryColor: "#30475E"
-    secondaryColor: "#F05454"
-```
 
-# Green Variant
+- Example Site: [hugo-profile.netlify.app](https://hugo-profile.netlify.app)
-#### Demo: [here](./docs/demos/greenVariant/gif.gif)
+
-```yaml
+# Features
-color:
+- Fully Responsive
-    textColor: "#161616"
+- Minimalist Design
-    secondaryTextColor: "#311D3F"
+- SEO Friendly.
-    backgroundColor: "#34BE82" 
+- Light/Dark/auto
-    primaryColor: "#194350"
+- Taxonomies
-    secondaryColor: "#2FDD92"
+- [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
+
+
+# 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
+cd themes
-#### Demo: [here](./docs/demos/pinkVariant/gif.gif)
+git clone https://github.com/gurusabarish/hugo-profile.git
-```yaml
+```
-color:
+- Create config.yaml (you can use `config.toml` too) inside root folder 
-    textColor: "#D1D1D1"
+- Setup the configurations in `config.yaml`. [reference](https://github.com/gurusabarish/hugo-profile/blob/master/exampleSite/config.yaml)
-    secondaryTextColor: "#C1A3A3"
+- You should have the mentioned (_inside the config file_) images in static folder to use them.
-    backgroundColor: "#470D21"
+
-    primaryColor: "#F3F0D7"
+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/)
-    secondaryColor: "#781D42"
+
-```
+## 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>

archetypes/default.md

@@ -2,5 +2,9 @@
 title: "{{ replace .Name "-" " " | title }}"
 date: {{ .Date }}
 draft: true
-tags: 
+author:
+tags:
+image:
+description:
+toc:
 ---

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:

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" }}

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>

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" . }}
 

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;
 }

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;