update

README.md

@@ -100,17 +100,6 @@ params:
   twitter: "https://twitter.com/gurusabarishh"
   instagram: "https://instagram.com/gurusabarishh"
 
-  # Do things 
-  usedothings: true
-  usedefaultlogos: true
-
-  thing1: "Python"
-  thing2: "Machine learning"
-  thing3: "Things for web"
-  thing1_des: "I build something beautiful using Python."
-  thing2_des: "I train robust models for various tasks."
-  thing3_des: "I love to build things for web."
-
   # About
   profile_image: "/images/gurusabarish.webp"
   descripe_l1_person: "Hi, I'm Gurusabarish, a passionate web developer and ML engineer. 
@@ -119,9 +108,31 @@ params:
   job: "Web developer"
   resume: ""
 
+  # Things I do
+  usedothings: true
+  Things:
+    - logo: fab fa-python
+      title: Python
+      description: I build something beautiful using Python.
+
+    - logo: fas fa-robot
+      title:  Machine learning 
+      description: I train robust models for various tasks. 
+
+    - logo: fab fa-html5
+      title: Things for web 
+      description: I love to build things for web
+
+  #footer
+  embed:  
+
+  #blog ( Description for seo. If you want to show description in your blog post, let's make it true)
+  showdescription: false
+
 Author:
   name: "Gurusabarish"
   website: "https://github.com/gurusabarish"
+
 ```
 
 <b>Use Yaml as config file</b>

archetypes/default.md

@@ -2,7 +2,6 @@
 title: "{{ replace .Name "-" " " | title }}"
 date: {{ .Date }}
 draft: true
-subtitle: ""
 github_link: "https://github.com/gurusabarish/hugo-profile"
 author: ""
 tags:

config.yaml

@@ -0,0 +1,61 @@
+baseURL: "https://hugo-profile.app"
+languageCode: "en-us"
+title: "Hugo-profile"
+
+googleanalytics: UA-167646412-8
+disqusShortname: yourdisqusname
+Paginate: 3
+
+taxonomies:
+  tag: "tags"
+  category: "categories"
+
+params:
+  favicon: "/images/fav.png"
+  description: "A high performance hugo theme for personal website. It is single page portfolio. It has blog."
+  copyright: "2020"
+
+  # Navbar Menus
+  customMenus:
+  - name: "Blog"
+    Url: "/blog"
+    
+  # social
+  name: "Gurusabarish"
+  github: "https://github.com/gurusabarish"
+  linkedin: "https://linkedin.com/in/gurusabarish"
+  twitter: "https://twitter.com/gurusabarishh"
+  instagram: "https://instagram.com/gurusabarishh"
+
+  # About
+  profile_image: "/images/gurusabarish.webp"
+  descripe_l1_person: "Hi, I'm Gurusabarish, a passionate web developer and ML engineer. 
+  I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
+  descripe_l2_person: "This is just a example for about section. You can easily change with the help of cofig file."
+  job: "Web developer"
+  resume: ""
+
+  # Things I do
+  usedothings: true
+  Things:
+    - logo: fab fa-python
+      title: Python
+      description: I build something beautiful using Python.
+
+    - logo: fas fa-robot
+      title:  Machine learning 
+      description: I train robust models for various tasks. 
+
+    - logo: fab fa-html5
+      title: Things for web 
+      description: I love to build things for web
+
+  #footer
+  embed:  
+
+  #blog ( Description for seo. If you want to show description in your blog post, let's make it true)
+  showdescription: false
+
+Author:
+  name: "Gurusabarish"
+  website: "https://github.com/gurusabarish"

content/blog/markdown.md

@@ -0,0 +1,144 @@
+---
+title: "Markdown syntax"
+date: 2020-08-15T13:22:10+05:30
+draft: false
+github_link: "https://github.com/gurusabarish/hugo-profile"
+author: "Gurusabarish"
+tags:
+  - markdown
+  - css
+  - blog
+bg_image: ""
+description: "This is a description of Markdown syntax "
+---
+
+This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
+<!--more-->
+
+## Headings
+
+The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
+
+# H1
+## H2
+### H3
+#### H4
+##### H5
+###### H6
+
+## Paragraph
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+
+## Blockquotes
+
+The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
+
+#### Blockquote without attribution
+
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Note** that you can use *Markdown syntax* within a blockquote.
+
+
+#### Blockquote with attribution
+
+
+> Don't communicate by sharing memory, share memory by communicating.</p>
+> — <cite>Rob Pike[^1]</cite>
+
+
+[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
+
+## Tables
+
+Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
+
+   | Name  | Age |
+   | ----- | --- |
+   | Bob   | 27  |
+   | Alice | 23  |
+
+#### Inline Markdown within tables
+
+| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |
+| ------------------------ | -------------------------- | ----------------------------------- | ------ |
+| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
+
+## Code Blocks
+
+#### Code block with backticks
+
+``` html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+```
+#### Code block indented with four spaces
+
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <title>Example HTML5 Document</title>
+    </head>
+    <body>
+      <p>Test</p>
+    </body>
+    </html>
+
+#### Code block with Hugo's internal highlight shortcode
+{{< highlight html >}}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+{{< /highlight >}}
+
+## List Types
+
+#### Ordered List
+
+1. First item
+2. Second item
+3. Third item
+
+#### Unordered List
+
+* List item
+* Another item
+* And another item
+
+#### Nested list
+
+* Item
+1. First Sub-item
+2. Second Sub-item
+
+## Other Elements — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
+
+Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.

content/blog/markdown_1.md

@@ -0,0 +1,144 @@
+---
+title: "Markdown syntax"
+date: 2020-08-15T13:22:10+05:30
+draft: false
+github_link: "https://github.com/gurusabarish/hugo-profile"
+author: "Gurusabarish"
+tags:
+  - markdown
+  - css
+  - blog
+bg_image: ""
+description: "This is a description of Markdown syntax "
+---
+
+This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
+<!--more-->
+
+## Headings
+
+The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
+
+# H1
+## H2
+### H3
+#### H4
+##### H5
+###### H6
+
+## Paragraph
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+
+## Blockquotes
+
+The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
+
+#### Blockquote without attribution
+
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Note** that you can use *Markdown syntax* within a blockquote.
+
+
+#### Blockquote with attribution
+
+
+> Don't communicate by sharing memory, share memory by communicating.</p>
+> — <cite>Rob Pike[^1]</cite>
+
+
+[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
+
+## Tables
+
+Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
+
+   | Name  | Age |
+   | ----- | --- |
+   | Bob   | 27  |
+   | Alice | 23  |
+
+#### Inline Markdown within tables
+
+| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |
+| ------------------------ | -------------------------- | ----------------------------------- | ------ |
+| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
+
+## Code Blocks
+
+#### Code block with backticks
+
+``` html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+```
+#### Code block indented with four spaces
+
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <title>Example HTML5 Document</title>
+    </head>
+    <body>
+      <p>Test</p>
+    </body>
+    </html>
+
+#### Code block with Hugo's internal highlight shortcode
+{{< highlight html >}}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+{{< /highlight >}}
+
+## List Types
+
+#### Ordered List
+
+1. First item
+2. Second item
+3. Third item
+
+#### Unordered List
+
+* List item
+* Another item
+* And another item
+
+#### Nested list
+
+* Item
+1. First Sub-item
+2. Second Sub-item
+
+## Other Elements — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
+
+Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.

content/blog/markdown_2.md

@@ -0,0 +1,145 @@
+---
+title: "Markdown syntax"
+title: "Markdown syntax"
+date: 2020-08-15T13:22:10+05:30
+draft: false
+github_link: "https://github.com/gurusabarish/hugo-profile"
+author: "Gurusabarish"
+tags:
+  - markdown
+  - css
+  - blog
+bg_image: ""
+description: "This is a description of Markdown syntax "
+---
+
+This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
+<!--more-->
+
+## Headings
+
+The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
+
+# H1
+## H2
+### H3
+#### H4
+##### H5
+###### H6
+
+## Paragraph
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+
+## Blockquotes
+
+The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
+
+#### Blockquote without attribution
+
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Note** that you can use *Markdown syntax* within a blockquote.
+
+
+#### Blockquote with attribution
+
+
+> Don't communicate by sharing memory, share memory by communicating.</p>
+> — <cite>Rob Pike[^1]</cite>
+
+
+[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
+
+## Tables
+
+Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
+
+   | Name  | Age |
+   | ----- | --- |
+   | Bob   | 27  |
+   | Alice | 23  |
+
+#### Inline Markdown within tables
+
+| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |
+| ------------------------ | -------------------------- | ----------------------------------- | ------ |
+| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
+
+## Code Blocks
+
+#### Code block with backticks
+
+``` html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+```
+#### Code block indented with four spaces
+
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <title>Example HTML5 Document</title>
+    </head>
+    <body>
+      <p>Test</p>
+    </body>
+    </html>
+
+#### Code block with Hugo's internal highlight shortcode
+{{< highlight html >}}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+{{< /highlight >}}
+
+## List Types
+
+#### Ordered List
+
+1. First item
+2. Second item
+3. Third item
+
+#### Unordered List
+
+* List item
+* Another item
+* And another item
+
+#### Nested list
+
+* Item
+1. First Sub-item
+2. Second Sub-item
+
+## Other Elements — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
+
+Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.

content/blog/markdown_3.md

@@ -0,0 +1,144 @@
+---
+title: "Markdown syntax"
+date: 2020-08-15T13:22:10+05:30
+draft: false
+github_link: "https://github.com/gurusabarish/hugo-profile"
+author: "Gurusabarish"
+tags:
+  - markdown
+  - css
+  - blog
+bg_image: ""
+description: "This is a description of Markdown syntax "
+---
+
+This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
+<!--more-->
+
+## Headings
+
+The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
+
+# H1
+## H2
+### H3
+#### H4
+##### H5
+###### H6
+
+## Paragraph
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+
+## Blockquotes
+
+The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
+
+#### Blockquote without attribution
+
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Note** that you can use *Markdown syntax* within a blockquote.
+
+
+#### Blockquote with attribution
+
+
+> Don't communicate by sharing memory, share memory by communicating.</p>
+> — <cite>Rob Pike[^1]</cite>
+
+
+[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
+
+## Tables
+
+Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
+
+   | Name  | Age |
+   | ----- | --- |
+   | Bob   | 27  |
+   | Alice | 23  |
+
+#### Inline Markdown within tables
+
+| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |
+| ------------------------ | -------------------------- | ----------------------------------- | ------ |
+| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
+
+## Code Blocks
+
+#### Code block with backticks
+
+``` html 
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+```
+#### Code block indented with four spaces
+
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <title>Example HTML5 Document</title>
+    </head>
+    <body>
+      <p>Test</p>
+    </body>
+    </html>
+
+#### Code block with Hugo's internal highlight shortcode
+{{< highlight html >}}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Example HTML5 Document</title>
+</head>
+<body>
+  <p>Test</p>
+</body>
+</html>
+{{< /highlight >}}
+
+## List Types
+
+#### Ordered List
+
+1. First item
+2. Second item
+3. Third item
+
+#### Unordered List
+
+* List item
+* Another item
+* And another item
+
+#### Nested list
+
+* Item
+1. First Sub-item
+2. Second Sub-item
+
+## Other Elements — abbr, sub, sup, kbd, mark
+
+<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
+
+H<sub>2</sub>O
+
+X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
+
+Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
+
+Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.

exampleSite/config.yaml

@@ -28,17 +28,6 @@ params:
   twitter: "https://twitter.com/gurusabarishh"
   instagram: "https://instagram.com/gurusabarishh"
 
-  # Do things 
-  usedothings: true
-  usedefaultlogos: true
-
-  thing1: "Python"
-  thing2: "Machine learning"
-  thing3: "Things for web"
-  thing1_des: "I build something beautiful using Python."
-  thing2_des: "I train robust models for various tasks."
-  thing3_des: "I love to build things for web."
-
   # About
   profile_image: "/images/gurusabarish.webp"
   descripe_l1_person: "Hi, I'm Gurusabarish, a passionate web developer and ML engineer. 
@@ -47,6 +36,27 @@ params:
   job: "Web developer"
   resume: ""
 
+  # Things I do
+  usedothings: true
+  Things:
+    - logo: fab fa-python
+      title: Python
+      description: I build something beautiful using Python.
+
+    - logo: fas fa-robot
+      title:  Machine learning 
+      description: I train robust models for various tasks. 
+
+    - logo: fab fa-html5
+      title: Things for web 
+      description: I love to build things for web
+
+  #footer
+  embed:  
+
+  #blog ( Description for seo. If you want to show description in your blog post, let's make it true)
+  showdescription: false
+
 Author:
   name: "Gurusabarish"
   website: "https://github.com/gurusabarish"

exampleSite/content/blog/markdown.md

@@ -1,18 +1,15 @@
 ---
 title: "Markdown syntax"
-date: 2020-08-13T23:03:58+05:30
+date: 2020-08-15T13:22:10+05:30
 draft: false
-subtitle: "Javascript"
-bg_image: "/images/bg-image.jpg"
-description: "Markdown syntax"
-author: "Gurusabarish"
 github_link: "https://github.com/gurusabarish/hugo-profile"
+author: "Gurusabarish"
 tags:
   - markdown
   - css
-  - html
-  - themes
   - blog
+bg_image: ""
+description: "This is a description of Markdown syntax "
 ---
 
 This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.

exampleSite/content/blog/markdown_1.md

@@ -2,15 +2,14 @@
 title: "Markdown syntax"
 date: 2020-08-15T13:22:10+05:30
 draft: false
-subtitle: "Javascript"
 github_link: "https://github.com/gurusabarish/hugo-profile"
 author: "Gurusabarish"
 tags:
   - markdown
   - css
   - blog
-bg_image: "/images/bg-image-4.jpg"
+bg_image: ""
-description: "Markdown syntax"
+description: "This is a description of Markdown syntax "
 ---
 
 This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.

exampleSite/content/blog/markdown_2.md

@@ -1,16 +1,16 @@
 ---
 title: "Markdown syntax"
-date: 2020-08-14T13:30:29+05:30
+title: "Markdown syntax"
+date: 2020-08-15T13:22:10+05:30
 draft: false
-subtitle: "Javascript"
-author: "Gurusabarish"
 github_link: "https://github.com/gurusabarish/hugo-profile"
+author: "Gurusabarish"
 tags:
+  - markdown
+  - css
   - blog
-    - theme
+bg_image: ""
-    - javascript
+description: "This is a description of Markdown syntax "
-bg_image: "/images/bg-image-5.jpg"
-description: "Markdown syntax"
 ---
 
 This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.

exampleSite/content/blog/markdown_3.md

@@ -1,14 +1,15 @@
 ---
 title: "Markdown syntax"
-date: 2020-09-28T16:19:06+05:30
+date: 2020-08-15T13:22:10+05:30
 draft: false
-subtitle: ""
 github_link: "https://github.com/gurusabarish/hugo-profile"
-author: ""
+author: "Gurusabarish"
 tags:
   - markdown
+  - css
+  - blog
 bg_image: ""
-description: "Markdown syntax"
+description: "This is a description of Markdown syntax "
 ---
 
 This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.

layouts/_default/list.html

@@ -26,6 +26,7 @@
             <a class="text-decoration-none" href="{{ .Permalink }}">
               <div class="card-body">
                 <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">{{ .Title }}</div>
+
                 <div class="text-muted">
                   <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor"
                     xmlns="http://www.w3.org/2000/svg">

layouts/_default/single.html

@@ -22,16 +22,22 @@
     margin-bottom: 0.5rem !important;
   }
 
-  article h1,
+  article h1 {
-  h2 {
+    font-size: 55px !important;
-    font-size: 52px;
   }
 
-  article h3,
+  article h2 {
-  h4,
+    font-size: 42px !important;
+  }
+
+  article h3 {
+    font-size: 35px !important;
+  }
+
+  article h4,
   h5,
   h6 {
-    margin-top: 1.3rem;
+    font-size: 30px !important;
   }
 
   article table {
@@ -166,6 +172,12 @@
             </a>
             {{ end}}
           </div>
+
+          {{ if .Site.Params.showdescription }}
+          <div class="text-dark py-2">
+            {{ .Params.description }}
+          </div>
+          {{ end }}
         </div>
 
 

layouts/index.html

@@ -88,6 +88,7 @@
 
     {{- partial "footer.html" . -}}
     {{- partial "scripts.html" . -}}
+    <script src="https://kit.fontawesome.com/c4be8004cd.js" crossorigin="anonymous"></script>
 </body>
 
 </html>

layouts/partials/footer.html

@@ -1,11 +1,17 @@
 <footer class="footer py-3 text-muted text-center">
 
 
-    <p>
 
-    <div class="footer-site text-uppercase pb-2 font-weight-bold"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+
+    <div class="footer-site  pb-2 font-weight-bold">
+        {{ if .Site.Params.embed }}
+        <iframe class="footer">{{ .Site.Params.embed }}</iframe>
+        <br>
+        {{ end }}
+
+        <a class="text-uppercase" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+
     </div>
-
     &copy; {{ .Site.Params.copyright }} All Rights Reserved<br>
 
     Made with
@@ -27,6 +33,5 @@
     {{ else }}
     <a href="https://github.com/gurusabarish" aria-label="github handle">GuruSabarish</a>
     {{ end }}
-    </p>
 
 </footer>

layouts/partials/head.html

@@ -18,6 +18,10 @@
         font-size: 25px;
     }
 
+    iframe {
+        border: none;
+    }
+
     /*navbar*/
     .navbar-color {
         color: #101820ff;

layouts/partials/sections/do_things.html

@@ -8,189 +8,23 @@
 
             <div class="do-things-card">
                 <div class="row pb-5 justify-content-center">
+                    {{ range .Site.Params.Things }}
                     <!-- Thing 1 -->
                     <div class="col-lg-3 col-md-4">
                         <div class="things shadow rounded p-4 mt-5 bg-warning">
-                            {{ if .Site.Params.usedefaultlogos }}
+                            <i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
-                                <path
-                                    d="M255.03 261.65c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31c6.25-6.25 6.25-16.38 0-22.63L253.25 192l35.71-35.72c6.25-6.25 6.25-16.38 0-22.63l-11.31-11.31c-6.25-6.25-16.38-6.25-22.63 0l-58.34 58.34c-6.25 6.25-6.25 16.38 0 22.63l58.35 58.34zm96.01-11.3l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l58.34-58.34c6.25-6.25 6.25-16.38 0-22.63l-58.34-58.34c-6.25-6.25-16.38-6.25-22.63 0l-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63L386.75 192l-35.71 35.72c-6.25 6.25-6.25 16.38 0 22.63zM624 416H381.54c-.74 19.81-14.71 32-32.74 32H288c-18.69 0-33.02-17.47-32.77-32H16c-8.8 0-16 7.2-16 16v16c0 35.2 28.8 64 64 64h512c35.2 0 64-28.8 64-64v-16c0-8.8-7.2-16-16-16zM576 48c0-26.4-21.6-48-48-48H112C85.6 0 64 21.6 64 48v336h512V48zm-64 272H128V64h384v256z" />
-                            </svg>
-                            {{ end }}
-
                             <div class="p-2 font-weight-bold">
-                                {{ if .Site.Params.thing1 }}
+                                {{ .title }}
-                                {{ .Site.Params.thing1 }}
-                                {{ end }}
                             </div>
                             <div class="py-4 things-text">
-                                {{ if .Site.Params.thing1_des }}
+                                {{ .description }}
-                                {{ .Site.Params.thing1_des }}
+                            </div>
+                        </div>
+                    </div>
                     {{ end }}
                 </div>
             </div>
         </div>
-
-                    <!-- Thing 2 -->
-                    <div class="col-lg-3 col-md-4">
-                        <div class="things shadow rounded p-4 mt-5 bg-warning">
-                            {{ if .Site.Params.usedefaultlogos }}
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
-                                <path
-                                    d="M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z" />
-                            </svg>
-                            {{ end }}
-
-                            <div class="p-2 font-weight-bold">
-                                {{ if .Site.Params.thing2 }}
-                                {{ .Site.Params.thing2 }}
-                                {{ end }}
-                            </div>
-                            <div class="py-4 things-text">
-                                {{ if .Site.Params.thing2_des }}
-                                {{ .Site.Params.thing2_des }}
-                                {{ end }}
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Thing 3 -->
-                    <div class="col-lg-3 col-md-4">
-                        <div class="things shadow rounded p-4 mt-5 bg-warning">
-                            {{ if .Site.Params.usedefaultlogos }}
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
-                                <path
-                                    d="M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z" />
-                            </svg>
-                            {{ end }}
-
-                            <div class="p-2 font-weight-bold">
-                                {{ if .Site.Params.thing3 }}
-                                {{ .Site.Params.thing3 }}
-                                {{ end }}
-                            </div>
-                            <div class="py-4 things-text">
-                                {{ if .Site.Params.thing3_des }}
-                                {{ .Site.Params.thing3_des }}
-                                {{ end }}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
     </div>
 </section>
-
-{{ else }}
-<section>
-    <div class="do-things text-center bg-white" id="do-things">
-        <div class="container">
-            <div class="things-i-do text-primary font-weight-bold">
-                Things I do
-            </div>
-
-            <div class="do-things-card">
-                <div class="row pb-5 justify-content-center">
-                    <!-- Thing 1 -->
-                    <div class="col-lg-3 col-md-4">
-                        <div class="things shadow rounded p-4 mt-5 bg-warning">
-                            {{ if .Site.Params.usedefaultlogos }}
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
-                                <path
-                                    d="M255.03 261.65c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31c6.25-6.25 6.25-16.38 0-22.63L253.25 192l35.71-35.72c6.25-6.25 6.25-16.38 0-22.63l-11.31-11.31c-6.25-6.25-16.38-6.25-22.63 0l-58.34 58.34c-6.25 6.25-6.25 16.38 0 22.63l58.35 58.34zm96.01-11.3l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l58.34-58.34c6.25-6.25 6.25-16.38 0-22.63l-58.34-58.34c-6.25-6.25-16.38-6.25-22.63 0l-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63L386.75 192l-35.71 35.72c-6.25 6.25-6.25 16.38 0 22.63zM624 416H381.54c-.74 19.81-14.71 32-32.74 32H288c-18.69 0-33.02-17.47-32.77-32H16c-8.8 0-16 7.2-16 16v16c0 35.2 28.8 64 64 64h512c35.2 0 64-28.8 64-64v-16c0-8.8-7.2-16-16-16zM576 48c0-26.4-21.6-48-48-48H112C85.6 0 64 21.6 64 48v336h512V48zm-64 272H128V64h384v256z" />
-                            </svg>
-                            {{ else }}
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
-                                <path
-                                    d="M255.03 261.65c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31c6.25-6.25 6.25-16.38 0-22.63L253.25 192l35.71-35.72c6.25-6.25 6.25-16.38 0-22.63l-11.31-11.31c-6.25-6.25-16.38-6.25-22.63 0l-58.34 58.34c-6.25 6.25-6.25 16.38 0 22.63l58.35 58.34zm96.01-11.3l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l58.34-58.34c6.25-6.25 6.25-16.38 0-22.63l-58.34-58.34c-6.25-6.25-16.38-6.25-22.63 0l-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63L386.75 192l-35.71 35.72c-6.25 6.25-6.25 16.38 0 22.63zM624 416H381.54c-.74 19.81-14.71 32-32.74 32H288c-18.69 0-33.02-17.47-32.77-32H16c-8.8 0-16 7.2-16 16v16c0 35.2 28.8 64 64 64h512c35.2 0 64-28.8 64-64v-16c0-8.8-7.2-16-16-16zM576 48c0-26.4-21.6-48-48-48H112C85.6 0 64 21.6 64 48v336h512V48zm-64 272H128V64h384v256z" />
-                            </svg>
-                            {{ end }}
-
-                            <div class="p-2 font-weight-bold">
-                                {{ if .Site.Params.thing1 }}
-                                {{ .Site.Params.thing1 }}
-                                {{ else }}
-                                Programming
-                                {{ end }}
-                            </div>
-                            <div class="py-4 things-text">
-                                {{ if .Site.Params.thing1_des }}
-                                {{ .Site.Params.thing1_des }}
-                                {{ else }}
-                                I build something beautiful
-                                {{ end }}
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Thing 2 -->
-                    <div class="col-lg-3 col-md-4">
-                        <div class="things shadow rounded p-4 mt-5 bg-warning">
-                            {{ if .Site.Params.usedefaultlogos }}
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
-                                <path
-                                    d="M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z" />
-                            </svg>
-                            {{ else }}
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
-                                <path
-                                    d="M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z" />
-                            </svg>
-                            {{ end }}
-
-                            <div class="p-2 font-weight-bold">
-                                {{ if .Site.Params.thing2 }}
-                                {{ .Site.Params.thing2 }}
-                                {{ else}}
-                                Machine learning
-                                {{ end }}
-                            </div>
-                            <div class="py-4 things-text">
-                                {{ if .Site.Params.thing2_des }}
-                                {{ .Site.Params.thing2_des }}
-                                {{ else }}
-                                I train robust models for various tasks.
-                                {{ end }}
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Thing 3 -->
-                    <div class="col-lg-3 col-md-4">
-                        <div class="things shadow rounded p-4 mt-5 bg-warning">
-                            {{ if .Site.Params.usedefaultlogos }}
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
-                                <path
-                                    d="M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z" />
-                            </svg>
-                            {{ else }}
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
-                                <path
-                                    d="M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z" />
-                            </svg>
-                            {{ end }}
-
-                            <div class="p-2 font-weight-bold">
-                                {{ if .Site.Params.thing3 }}
-                                {{ .Site.Params.thing3 }}
-                                {{ else }}
-                                Things for web
-                                {{ end }}
-                            </div>
-                            <div class="py-4 things-text">
-                                {{ if .Site.Params.thing3_des }}
-                                {{ .Site.Params.thing3_des }}
-                                {{ else }}
-                                I love to build things for web.
-                                {{ end }}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</section>
-
 {{ end }}