Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ab04cdade4 | |||
| 78b7ebe862 | |||
| c74a0a8aa7 | |||
| f5ced2093f | |||
| d1efcfafa5 |
@@ -1,13 +0,0 @@
|
||||
name: Auto approve
|
||||
|
||||
on:
|
||||
pull_request_target
|
||||
|
||||
jobs:
|
||||
auto-approve:
|
||||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: hmarr/auto-approve-action@v2
|
||||
if: github.actor == 'ImgBotApp[bot]'
|
||||
with:
|
||||
github-token: "${{ secrets.GITHUB_TOKEN }}"
|
||||
@@ -1,16 +0,0 @@
|
||||
name: Greetings
|
||||
|
||||
on: [pull_request, issues]
|
||||
|
||||
jobs:
|
||||
greeting:
|
||||
runs-on: ubuntu-latest
|
||||
permissions:
|
||||
issues: write
|
||||
pull-requests: write
|
||||
steps:
|
||||
- uses: actions/first-interaction@v1
|
||||
with:
|
||||
repo-token: ${{ secrets.GITHUB_TOKEN }}
|
||||
issue-message: 'Thanks for your issue. It may help us to improve our product. We will follow up with you.'
|
||||
pr-message: 'Thanks for your pull request. We will review and merge it.'
|
||||
@@ -1,4 +1 @@
|
||||
/public
|
||||
/config.yaml
|
||||
/content
|
||||
/static/images
|
||||
@@ -1,406 +1,3 @@
|
||||
# hugo-profile V1 [](https://app.netlify.com/sites/hugo-profile-1/deploys)
|
||||
|
||||
<div align="center">
|
||||
|
||||
# hugo-profile
|
||||
|
||||
A high performance hugo theme for personal portfolio and blog
|
||||
|
||||
[](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile)
|
||||
[](https://github.com/gurusabarish/hugo-profile/network)
|
||||
[](https://github.com/gurusabarish/hugo-profile/stargazers)
|
||||
|
||||
[](https://app.netlify.com/sites/hugo-profile/deploys)
|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||
</div>
|
||||
|
||||
## Queries
|
||||
- If you have any queries or bugs, feel free to open an issue in [github](https://github.com/gurusabarish/hugo-profile/issues)
|
||||
|
||||
## Demos
|
||||
|
||||
### [Demo Site V3(latest)](https://profile.gurusabarish.tech)
|
||||
### [Demo Site V2](https://v2.profile.gurusabarish.tech)
|
||||
### [Demo Site V1](https://v1.profile.gurusabarish.tech)
|
||||
|
||||
*NOTE: If you are using this site as a template for your own portfolio and blog, I would be very glad if you add a link to the original template in footer*
|
||||
|
||||
> Open an issue and give your feedback and feature requests. It will help us to make the better version.
|
||||
|
||||
## Requirements
|
||||
|
||||
- Hugo Version 0.68.0 or higher
|
||||
|
||||
|
||||
|
||||
## Installation
|
||||
|
||||
- [Install Hugo](https://gohugo.io/overview/installing)
|
||||
|
||||
- Create your site if you haven't already
|
||||
|
||||
```
|
||||
hugo new site my-site -f=yaml
|
||||
cd my-site
|
||||
```
|
||||
|
||||
- Add the theme as git clone
|
||||
|
||||
```
|
||||
cd themes
|
||||
git clone https://github.com/gurusabarish/hugo-profile.git
|
||||
```
|
||||
|
||||
<b>Go to the config file and add the line after titile ```theme: "hugo-profile"``` </b>
|
||||
|
||||
## Configuration
|
||||
### Version 1
|
||||
```
|
||||
baseURL: "https://example.com"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo-profile"
|
||||
|
||||
googleanalytics: UA-xxxxxxxx-x
|
||||
disqusShortname: yourdiscussshortname
|
||||
Paginate: 3
|
||||
|
||||
taxonomies:
|
||||
tag: "tags"
|
||||
category: "categories"
|
||||
|
||||
params:
|
||||
version: 1
|
||||
|
||||
favicon: "/images/hugo.png"
|
||||
description: "A hugh performance hugo theme for personal website. It is single page portfolio. It has blog, contact sections also. Contact is powered by formspree."
|
||||
disqus: ""
|
||||
|
||||
# Background
|
||||
custombackground: false
|
||||
background: ""
|
||||
backimg: ""
|
||||
|
||||
# Contact
|
||||
contact: true
|
||||
action: ""
|
||||
emailname: ""
|
||||
messagename: ""
|
||||
|
||||
# Navbar Menus
|
||||
customMenus:
|
||||
- name: "Blog"
|
||||
Url: "/blog"
|
||||
|
||||
# Home
|
||||
name: "Example name"
|
||||
profile: "/images/v1/avatar.webp"
|
||||
github: "https://github.com/"
|
||||
linkedin: "https://linkedin.com/"
|
||||
twitter: "https://twitter.com/"
|
||||
instagram: "https://instagram.com/"
|
||||
|
||||
# Things I do
|
||||
usedothings: true
|
||||
Things:
|
||||
- logo: fab fa-python
|
||||
title: Python
|
||||
description: I build something beautiful using Python.
|
||||
#url: https://example.com
|
||||
|
||||
- logo: fas fa-robot
|
||||
title: Machine learning
|
||||
description: I train robust models for various tasks.
|
||||
#url: https://guru.com
|
||||
|
||||
- logo: fab fa-html5
|
||||
title: Things for web
|
||||
description: I love to build things for web
|
||||
#url: https://guru.com
|
||||
|
||||
# About
|
||||
profile_image: "/images/profile.webp"
|
||||
descripe_l1_person: "Hi, I'm Profile, a passionate web developer. 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: "your role"
|
||||
resume: "/resume.pdf"
|
||||
|
||||
#projects
|
||||
projects:
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
#Blog
|
||||
showdescription: false
|
||||
tweet: true
|
||||
```
|
||||
|
||||
### Version 2
|
||||
```
|
||||
baseURL: "https://example.com"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo-profile"
|
||||
|
||||
googleanalytics: UA-xxxxxx-x
|
||||
disqusShortname:
|
||||
Paginate: 3
|
||||
markup:
|
||||
goldmark:
|
||||
renderer:
|
||||
unsafe: true
|
||||
|
||||
taxonomies:
|
||||
tag: "tags"
|
||||
category: "categories"
|
||||
|
||||
enableEmoji: true
|
||||
params:
|
||||
version: 2
|
||||
|
||||
favicon: "/images/fav.png"
|
||||
description: "A high performance hugo theme for personal portfolio and blog."
|
||||
copyright: "2021"
|
||||
|
||||
# Navbar Menus
|
||||
customMenus:
|
||||
- name: "About"
|
||||
Url: "/#"
|
||||
- name: "Blog"
|
||||
Url: "/blog"
|
||||
|
||||
# social
|
||||
socialicontop: false
|
||||
name: "Examble name"
|
||||
github: "https://github.com"
|
||||
linkedin: "https://linkedin.com"
|
||||
twitter: "https://twitter.com/"
|
||||
instagram: "https://instagram.com/"
|
||||
facebook: "https://facebook.com"
|
||||
|
||||
# About
|
||||
profile_image: "/images/profile.webp"
|
||||
descripe_l1_person: "Hi, I'm Profile, a passionate web developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly. This is a example template for about section."
|
||||
descripe_l2_person: ""
|
||||
|
||||
useresume: true
|
||||
customname: ""
|
||||
resumelink: "/resume.pdf"
|
||||
|
||||
# Things I do
|
||||
usedothings: true
|
||||
Things:
|
||||
- logo: fab fa-python
|
||||
title: Python
|
||||
description: I build something beautiful using Python.
|
||||
#url: https://example.com
|
||||
|
||||
- logo: fas fa-robot
|
||||
title: Machine learning
|
||||
description: I train robust models for various tasks.
|
||||
#url: https://guru.com
|
||||
|
||||
- logo: fab fa-html5
|
||||
title: Things for web
|
||||
description: I love to build things for web
|
||||
#url: https://guru.com
|
||||
|
||||
# Footer
|
||||
socialiconfooter: true
|
||||
recentposts: true
|
||||
|
||||
# Blog
|
||||
showdescription: false
|
||||
tweet: true
|
||||
```
|
||||
|
||||
### Version 3
|
||||
```
|
||||
baseURL: "https://example.com"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo-profile"
|
||||
|
||||
googleanalytics: UA-xxxxxx-x
|
||||
disqusShortname:
|
||||
Paginate: 3
|
||||
markup:
|
||||
goldmark:
|
||||
renderer:
|
||||
unsafe: true
|
||||
|
||||
taxonomies:
|
||||
tag: "tags"
|
||||
category: "categories"
|
||||
|
||||
enableEmoji: true
|
||||
params:
|
||||
version: 3
|
||||
|
||||
favicon: "/images/fav.png"
|
||||
description: "A high performance hugo theme for personal portfolio and blog."
|
||||
|
||||
# Navbar Menus
|
||||
customMenus:
|
||||
- name: "Blog"
|
||||
Url: "/blog"
|
||||
|
||||
# home
|
||||
disable_home: false
|
||||
profile_image: "/images/profile.png"
|
||||
name: "Example name"
|
||||
profession: "Profession"
|
||||
github: "https://github.com"
|
||||
linkedin: "https://linkedin.com"
|
||||
twitter: "https://twitter.com/"
|
||||
instagram: "https://instagram.com/"
|
||||
facebook: "https://facebook.com"
|
||||
|
||||
# About
|
||||
disable_about: false
|
||||
descripe_l1_person: "Hi, I'm Profile, a passionate web developer. 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 a example template for about section. You can find my works [here](#projects)"
|
||||
skills:
|
||||
- name: CSS
|
||||
percentage: 90
|
||||
- name: Django
|
||||
percentage: 85
|
||||
- name: Hugo
|
||||
percentage: 80
|
||||
- name: React JS
|
||||
percentage: 70
|
||||
|
||||
# Experience
|
||||
disable_experience: false
|
||||
experience:
|
||||
- company: "Google"
|
||||
role: "Software developer"
|
||||
startdate: Feb 2021
|
||||
enddate: present
|
||||
featuredpoints:
|
||||
- point: Lead backend developer for a product.
|
||||
- point: Created a frontend design for a product.
|
||||
- company: "Facebook"
|
||||
role: "Fullstack developer"
|
||||
startdate: Mar 2020
|
||||
enddate: Dec 2020
|
||||
featuredpoints:
|
||||
- point: Lead backend developer for a product.
|
||||
- point: Created a frontend design for a product.
|
||||
- company: "Amazon"
|
||||
role: "Fullstack developer"
|
||||
startdate: Feb 2019
|
||||
enddate: Jan 2020
|
||||
featuredpoints:
|
||||
- point: Lead backend developer for a product.
|
||||
- point: Created a frontend design for a product.
|
||||
|
||||
# Education
|
||||
disable_education: false
|
||||
education:
|
||||
- degree: "B.tech"
|
||||
branch: "Information Technology"
|
||||
university: "Example university"
|
||||
startedyear: "2013"
|
||||
graduation: "2018"
|
||||
- degree: "Degree"
|
||||
branch: "Branch"
|
||||
university: "Example university"
|
||||
startedyear: "year"
|
||||
graduation: "year"
|
||||
- degree: "Degree"
|
||||
branch: "Branch"
|
||||
university: "Example university"
|
||||
startedyear: "year"
|
||||
graduation: "year"
|
||||
|
||||
# Projects
|
||||
disable_projects: false
|
||||
projects:
|
||||
- name: "Example project without details"
|
||||
img: /images/project.jpg
|
||||
githublink: "https://github.com/"
|
||||
featuredlink: "/"
|
||||
description: "Description of project"
|
||||
|
||||
# Achievements
|
||||
disable_achievements: false
|
||||
achievements:
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
|
||||
# Contact
|
||||
disable_contact: false
|
||||
contact_content: My inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!
|
||||
email: "example@mail.com"
|
||||
|
||||
# Footer
|
||||
socialiconfooter: true
|
||||
recentposts: true
|
||||
|
||||
# Blog
|
||||
showdescription: false
|
||||
tweet: true
|
||||
```
|
||||
|
||||
## Contributing
|
||||
|
||||
> Contributers are always welcome :heart:
|
||||
A highly customizable and mobile first Hugo template for personal portfolio and blog.
|
||||
|
||||
@@ -0,0 +1,121 @@
|
||||
baseURL: "https://hugo-profile-1.netlify.app"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo-profile"
|
||||
|
||||
googleanalytics: UA-xxxxxxxx-x
|
||||
disqusShortname: yourdiscussshortname
|
||||
Paginate: 3
|
||||
|
||||
taxonomies:
|
||||
tag: "tags"
|
||||
category: "categories"
|
||||
|
||||
params:
|
||||
version: 1
|
||||
|
||||
favicon: "/images/fav.png"
|
||||
description: "A hugh performance hugo theme for personal website. It is single page portfolio. It has blog, contact sections also. Contact is powered by formspree."
|
||||
disqus: ""
|
||||
|
||||
# Background
|
||||
custombackground: false
|
||||
background: ""
|
||||
backimg: ""
|
||||
|
||||
# Contact
|
||||
contact: true
|
||||
action: ""
|
||||
emailname: ""
|
||||
messagename: ""
|
||||
|
||||
# Navbar Menus
|
||||
customMenus:
|
||||
- name: "Blog"
|
||||
Url: "/blog"
|
||||
|
||||
# Home
|
||||
name: "Example name"
|
||||
profile: "/images/v1/avatar.webp"
|
||||
github: "https://github.com/"
|
||||
linkedin: "https://linkedin.com/"
|
||||
twitter: "https://twitter.com/"
|
||||
instagram: "https://instagram.com/"
|
||||
|
||||
# Things I do
|
||||
usedothings: true
|
||||
Things:
|
||||
- logo: fab fa-python
|
||||
title: Python
|
||||
description: I build something beautiful using Python.
|
||||
#url: https://example.com
|
||||
|
||||
- logo: fas fa-robot
|
||||
title: Machine learning
|
||||
description: I train robust models for various tasks.
|
||||
#url: https://guru.com
|
||||
|
||||
- logo: fab fa-html5
|
||||
title: Things for web
|
||||
description: I love to build things for web
|
||||
#url: https://guru.com
|
||||
|
||||
# About
|
||||
profile_image: "/images/profile.webp"
|
||||
descripe_l1_person: "Hi, I'm Profile, a passionate web developer. 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: "your role"
|
||||
resume: "/resume.pdf"
|
||||
|
||||
#projects
|
||||
projects:
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
- title: "Project name"
|
||||
image: "/images/project.jpg"
|
||||
description: "This is your description"
|
||||
secoundarylink: true
|
||||
secoundaryurlname: "Featured link"
|
||||
secoundaryurl: "/"
|
||||
sourceurl: "https://github.com/gurusabarish/hugo-profile"
|
||||
|
||||
#Blog
|
||||
showdescription: false
|
||||
tweet: true
|
||||
|
Before Width: | Height: | Size: 275 KiB |
|
Before Width: | Height: | Size: 122 KiB |
|
Before Width: | Height: | Size: 191 KiB |
|
Before Width: | Height: | Size: 89 KiB |
|
Before Width: | Height: | Size: 497 KiB |
@@ -23,57 +23,28 @@
|
||||
|
||||
</head>
|
||||
|
||||
{{ if eq .Site.Params.version 1 }}
|
||||
|
||||
<body>
|
||||
{{ if eq .Site.Params.version 1 }}
|
||||
{{- partial "sections/v1/scripts.html" . -}}
|
||||
{{- partial "sections/v1/header1.html" . -}}
|
||||
{{- block "main" . -}}{{- end }}
|
||||
{{- partial "sections/v1/footer.html" . -}}
|
||||
</body>
|
||||
{{ else if eq .Site.Params.version 2 }}
|
||||
|
||||
<body>
|
||||
{{ else if eq .Site.Params.version 2 }}
|
||||
{{- partial "sections/v2/scripts.html" . -}}
|
||||
{{- partial "sections/v2/header.html" . -}}
|
||||
{{- block "main" . -}}{{- end }}
|
||||
{{- partial "sections/v2/footer.html" . -}}
|
||||
</body>
|
||||
{{ else if eq .Site.Params.version 3 }}
|
||||
|
||||
<body class="text-dark">
|
||||
{{ else if eq .Site.Params.version 3 }}
|
||||
{{- partial "sections/v3/scripts.html" . -}}
|
||||
{{- partial "sections/v3/navbar.html" . -}}
|
||||
{{- block "main" . -}}{{- end }}
|
||||
{{- partial "sections/v3/footer.html" . -}}
|
||||
<script>
|
||||
$('.darkmode-label').click(function () {
|
||||
$("body").toggleClass("darkmode");
|
||||
$(".fa-moon").toggleClass("d-none");
|
||||
$(".fa-sun").toggleClass("d-none");
|
||||
$("nav").toggleClass("navbar-dark");
|
||||
$("nav").toggleClass("navbar-light");
|
||||
$('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
|
||||
$('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
|
||||
if ($('input.custom-control-input').is(':checked')) {
|
||||
$('.darkmode-text-dark').addClass('text-dark').removeClass('darkmode-text-dark');
|
||||
$('.darkmode-text-muted').addClass('text-muted').removeClass('darkmode-text-muted');
|
||||
};
|
||||
});
|
||||
if ($('input.custom-control-input').is(':checked')) {
|
||||
$("body").toggleClass("darkmode");
|
||||
$(".fa-moon").addClass("d-none");
|
||||
$(".fa-sun").removeClass("d-none");
|
||||
$("nav").toggleClass("navbar-dark");
|
||||
$("nav").toggleClass("navbar-light");
|
||||
$('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
|
||||
$('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
{{ else }}
|
||||
{{ else }}
|
||||
{{ end }}
|
||||
|
||||
<body></body>
|
||||
{{ end }}
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -16,7 +16,7 @@
|
||||
|
||||
{{ define "main" }}
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<section style="font-family: 'Roboto', sans-serif;5">
|
||||
<section style="font-family: 'Roboto', sans-serif; color: #8392a5">
|
||||
<div class="container pt-5">
|
||||
<h3 class="text-center">{{.Title}}</h2>
|
||||
<div class="row justify-content-center">
|
||||
|
||||
@@ -19,11 +19,11 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<section style="font-family: 'Roboto', sans-serif;">
|
||||
<section style="font-family: 'Roboto', sans-serif; color: #8392a5">
|
||||
<div class="container">
|
||||
<div class="row blog-page-color">
|
||||
<div class="row">
|
||||
<div class="col-md-9 py-4 px-0">
|
||||
<div class="rounded shadow bg-light p-3 px-md-5 bg-light">
|
||||
<div class="rounded bg-light p-3 px-md-5" style="background-color: #1A283C !important;">
|
||||
<h1 class="pb-2 text-center">{{ .Title }}</h1>
|
||||
<article>
|
||||
{{.Content}}
|
||||
@@ -31,36 +31,32 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 py-4">
|
||||
<div class="bg-light shadow p-4 rounded mb-2 bg-light">
|
||||
<div class="bg-light shadow p-4 rounded mb-2" style="background-color: #1A283C !important;">
|
||||
<h4>Table of content</h4>
|
||||
{{.TableOfContents}}
|
||||
</div>
|
||||
|
||||
<div class="bg-light shadow p-4 rounded mt-2 bg-light">
|
||||
<h4>Share article with</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a target="blank" class="text-info"
|
||||
<div class="bg-light shadow p-4 rounded mt-2" style="background-color: #1A283C !important;">
|
||||
<h4>Share</h4>
|
||||
<span class="rounded-circle p-1 m-1">
|
||||
<a target="blank" class="text-decoration-none"
|
||||
href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
|
||||
Twitter
|
||||
<i class="fab fa-twitter text-primary" style="font-size: 1.6em;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="blank" class="text-success"
|
||||
</span>
|
||||
<span class="rounded-circle m-1">
|
||||
<a target="blank" class="text-decoration-none"
|
||||
href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
|
||||
data-action="share/whatsapp/share">
|
||||
Whatsapp
|
||||
<i class="fab fa-whatsapp text-success" style="font-size: 1.6em;"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-danger" target="blank"
|
||||
</span>
|
||||
<span class="rounded-circle m-1">
|
||||
<a target="blank" class="text-decoration-none"
|
||||
href="mailto:?subject={{ .Title }}&body=Check out this site {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
|
||||
Email
|
||||
<i class="fa fa-envelope text-danger" style="font-size: 1.6em;"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
||||
</head>
|
||||
|
||||
<body class="text-dark">
|
||||
<body>
|
||||
<!--<div id="loader" class="center"></div>-->
|
||||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
||||
<script>
|
||||
@@ -130,28 +130,6 @@
|
||||
}
|
||||
};
|
||||
*/
|
||||
$('.darkmode-label').click(function () {
|
||||
$("body").toggleClass("darkmode");
|
||||
$(".fa-moon").toggleClass("d-none");
|
||||
$(".fa-sun").toggleClass("d-none");
|
||||
$("nav").toggleClass("navbar-dark");
|
||||
$("nav").toggleClass("navbar-light");
|
||||
$('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
|
||||
$('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
|
||||
if ($('input.custom-control-input').is(':checked')) {
|
||||
$('.darkmode-text-dark').addClass('text-dark').removeClass('darkmode-text-dark');
|
||||
$('.darkmode-text-muted').addClass('text-muted').removeClass('darkmode-text-muted');
|
||||
};
|
||||
});
|
||||
if ($('input.custom-control-input').is(':checked')) {
|
||||
$("body").toggleClass("darkmode");
|
||||
$(".fa-moon").addClass("d-none");
|
||||
$(".fa-sun").removeClass("d-none");
|
||||
$("nav").toggleClass("navbar-dark");
|
||||
$("nav").toggleClass("navbar-light");
|
||||
$('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
|
||||
$('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
{{ else }}
|
||||
|
||||
@@ -1,11 +1,10 @@
|
||||
<section id="about" class="pt-3">
|
||||
<div class="container-fluid" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
||||
<div class="text-dark text-center h3">About Me</div>
|
||||
<div id="about" class="pt-3" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
||||
<div class="container-fluid">
|
||||
<div class="text-light text-center h3">About Me</div>
|
||||
<div class="row justify-content-center about">
|
||||
<div class="col-md-6 about-content">
|
||||
<div data-aos="zoom-in-up" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
|
||||
data-aos-duration="900">
|
||||
<div class="px-2">
|
||||
<div class="px-2" style="color: #8892b0;" data-aos="zoom-in" data-aos-offset="50" data-aos-delay="50"
|
||||
data-aos-once="true" data-aos-duration="900">
|
||||
{{ .Site.Params.descripe_l1_person | markdownify }}
|
||||
<br>
|
||||
<br>
|
||||
@@ -13,22 +12,18 @@
|
||||
</div>
|
||||
{{ if .Site.Params.email }}
|
||||
<div class="py-3 pl-2">
|
||||
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" target="_blank"
|
||||
class="contact-btn btn text-muted">
|
||||
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn" data-aos="zoom-in"
|
||||
data-aos-offset="50" data-aos-delay="50" data-aos-once="true" data-aos-duration="1000">
|
||||
Get In Touch
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-5 about-skill">
|
||||
<div data-aos="zoom-in-down" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
|
||||
data-aos-duration="1000">
|
||||
<div class="text-secondary text-center h4">Skills</div>
|
||||
{{ range .Site.Params.skills }}
|
||||
<div>
|
||||
<div>
|
||||
<div data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
||||
<div style="color: rgb(230, 241, 255)">
|
||||
{{ .name }}
|
||||
</div>
|
||||
<div class="progress mb-4">
|
||||
@@ -38,9 +33,7 @@
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@@ -3,7 +3,7 @@
|
||||
<section class="py-3 pt-5" id="achievements" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
|
||||
data-aos-once="true">
|
||||
<div class="container-fluid">
|
||||
<div class="text-dark text-center h3">Achievements</div>
|
||||
<div class="text-light text-center h3">Achievements</div>
|
||||
<div class="row justify-content-center py-3 mx-2">
|
||||
{{ range .Site.Params.achievements }}
|
||||
{{ if .img }}
|
||||
@@ -13,7 +13,7 @@
|
||||
data-aos-duration="600" data-aos-once="true">
|
||||
<div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url({{ .img }});">
|
||||
<div class="p-3 w-100 achiv overflow-hidden">
|
||||
<h4 class="text-center achiv-head">
|
||||
<h4 class="text-center">
|
||||
{{ .title }}
|
||||
</h4>
|
||||
<div class="text-secondary">
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<section id="contact" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
||||
<div class="container-fluid py-3">
|
||||
<div class="text-right text-center h3">Get In Touch</div>
|
||||
<div class="text-light text-center h3">Get In Touch</div>
|
||||
<div class="row justify-content-center px-md-5">
|
||||
<div class="col-md-6 py-3">
|
||||
<div class=" text-center">
|
||||
@@ -8,7 +8,7 @@
|
||||
</div>
|
||||
{{ if .Site.Params.email }}
|
||||
<div class="text-center pt-3">
|
||||
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn text-muted">
|
||||
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn">
|
||||
Get In Touch
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -1,13 +1,13 @@
|
||||
<section id="experience" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
||||
<div class="container-fluid pt-5">
|
||||
<div class="text-dark text-center h3">Experience</div>
|
||||
<div class="text-light text-center h3">Experience</div>
|
||||
|
||||
<div class="row justify-content-center py-md-5">
|
||||
<div class="d-md-none d-lg-none d-sm-block">
|
||||
<ol class="ex-ol pl-5 pr-3">
|
||||
{{ range .Site.Params.experience }}
|
||||
<li class="ex-ol-li" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
||||
<h4 class="text-muted">
|
||||
<h4>
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</h4>
|
||||
<div>
|
||||
@@ -43,11 +43,11 @@
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="tab-content col-md-4 d-none d-md-block" id="v-pills-tabContent">
|
||||
<div class="tab-content col-md-5 d-none d-md-block" id="v-pills-tabContent">
|
||||
{{ range $index, $element := .Site.Params.experience }}
|
||||
{{ if (eq $index 0) }}
|
||||
<div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<div class="h4">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
@@ -63,7 +63,7 @@
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="tab-pane fade" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<div class="h4">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<footer>
|
||||
<footer data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
||||
<!-- recent posts -->
|
||||
<div class="news container py-3" data-aos="fade-up" data-aos-easing="linear" data-aos-once="true">
|
||||
<div class="news container py-3">
|
||||
{{ if .Site.Params.recentposts }}
|
||||
<div class="h3 text-center text-dark py-3 font-weight-bold">Recent posts</div>
|
||||
<div class="h3 text-center text-light py-3 font-weight-bold">Recent posts</div>
|
||||
<div class="row justify-content-center">
|
||||
{{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
|
||||
<div class="col-lg-4 col-md-6 pt-2">
|
||||
@@ -28,7 +28,7 @@
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<a class="text-dark text-decoration-none" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
|
||||
<path
|
||||
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
|
||||
@@ -55,7 +55,7 @@
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<a class="text-white text-decoration-none" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
|
||||
viewBox="0 0 512 512">
|
||||
<rect width="512" height="512" fill="#0077b5" rx="15%" />
|
||||
@@ -68,7 +68,7 @@
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a class="text-info text-decoration-none" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#03a9f4"
|
||||
d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
|
||||
@@ -79,7 +79,7 @@
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-danger text-decoration-none" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#fd5" />
|
||||
@@ -109,7 +109,7 @@
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.facebook }}
|
||||
<a class="text-info text-decoration-none" href="{{ .Site.Params.facebook }}" aria-label="facebook">
|
||||
<a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#3F51B5"
|
||||
d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
|
||||
|
||||
@@ -7,23 +7,3 @@
|
||||
<link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/all.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/v3/darkmode.css" media="all">
|
||||
|
||||
<style>
|
||||
html {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #6c757d transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #6c757d;
|
||||
}
|
||||
</style>
|
||||
@@ -1,20 +1,20 @@
|
||||
<div class="container-fluid home">
|
||||
<div class="pt-5 pb-3 pt-md-0">
|
||||
<div class="py-5">
|
||||
<div class="row justify-content-center intro" data-aos="fade-down" data-aos-easing="linear"
|
||||
data-aos-duration="1000">
|
||||
<div class="col-md-7 pb-2 name-container">
|
||||
<div class="col-md-7 name-container">
|
||||
<div class="name" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000"
|
||||
data-aos-once="true">
|
||||
<div class="text-warning hi-text" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
|
||||
<div class="text-warning" style="font-size: 15px;" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
|
||||
data-aos-once="true" data-aos-duration="900">
|
||||
Hi there, I'm
|
||||
</div>
|
||||
<h1 class="text-primary name-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
|
||||
data-aos-duration="900" data-aos-once="true">
|
||||
<h1 class="text-primary" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
|
||||
data-aos-once="true">
|
||||
{{ .Site.Params.name }}
|
||||
</h1>
|
||||
<h5 class="text-muted pro-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
|
||||
data-aos-duration="900" data-aos-once="true">
|
||||
<h5 class="text-light" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
|
||||
data-aos-once="true">
|
||||
{{ .Site.Params.profession }}
|
||||
</h5>
|
||||
</div>
|
||||
@@ -55,7 +55,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-5 text-center pt-2 pt-md-0 position-relative">
|
||||
<div class="col-md-5 text-center">
|
||||
{{ if .Site.Params.profile_image }}
|
||||
<img class="profile rounded shadow-lg" data-aos="zoom-in" data-aos-once="true" data-aos-duration="1000"
|
||||
src="{{ .Site.Params.profile_image }}" alt="{{ .Site.Params.name }}" class="rounded">
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div class="container">
|
||||
<nav class="pt-3 navbar navbar-expand-lg navbar-light" data-aos="fade-down" data-aos-easing="linear"
|
||||
data-aos-duration="500">
|
||||
<nav style="background-color: #0a192f;" class="pt-3 navbar navbar-expand-lg navbar-dark" data-aos="fade-down"
|
||||
data-aos-easing="linear" data-aos-duration="500">
|
||||
<a class="navbar-brand" href="{{ .Site.BaseURL | relURL }}">
|
||||
{{ if .Site.Params.favicon }}
|
||||
<img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
|
||||
@@ -9,8 +9,6 @@
|
||||
{{ .Site.Title }}
|
||||
{{ end }}
|
||||
</a>
|
||||
|
||||
|
||||
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
@@ -22,37 +20,35 @@
|
||||
{{ if .Site.Params.disable_about }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_experience }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#experience"
|
||||
aria-label="experience">Experience</a>
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#experience" aria-label="experience">Experience</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_education }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#education"
|
||||
aria-label="education">Education</a>
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#education" aria-label="education">Education</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_projects }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_achievements }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#achievements"
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#achievements"
|
||||
aria-label="achievements">Achievements</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
@@ -60,24 +56,16 @@
|
||||
{{ if .Site.Params.disable_contact }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
|
||||
<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
<li class="nav-item navbar-text">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="customSwitch1" autocomplete="on">
|
||||
<label class="pt-2 darkmode-label" for="customSwitch1" style="cursor: pointer;">
|
||||
<i class="fas fa-lg fa-moon"></i>
|
||||
<i class="fas fa-lg fa-sun d-none text-warning"></i>
|
||||
</label>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@@ -1,10 +1,9 @@
|
||||
<section id="projects">
|
||||
<div class="container-fluid py-3 pt-5" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
|
||||
data-aos-once="true">
|
||||
<div class="text-dark text-center h3">Projects</div>
|
||||
<section id="projects" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
||||
<div class="container-fluid py-3 pt-5">
|
||||
<div class="text-light text-center h3">Projects</div>
|
||||
<div class="row justify-content-center pt-2">
|
||||
{{ range ( where .Site.RegularPages "Type" "project" ) }}
|
||||
<div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
|
||||
<div class="col-md-8 pro m-3 shadow" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true">
|
||||
<div class="row">
|
||||
<div class="col-md-6 bg-pro">
|
||||
<img src='{{ .Params.img }}' alt="{{ .Title }}">
|
||||
@@ -24,7 +23,7 @@
|
||||
{{ end }}
|
||||
{{ if .Params.github }}
|
||||
<a href="{{ .Params.github }}" class="px-1 pr-2">
|
||||
<i class="fab text-dark fa-lg fa-github pro-github"></i>
|
||||
<i class="fab text-dark fa-lg fa-github"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
<a class="btn btn-sm pro-btn btn-outline-info" target="_blank" href="{{ .Permalink }}">
|
||||
@@ -36,7 +35,7 @@
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ range .Site.Params.projects }}
|
||||
<div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
|
||||
<div class="col-md-8 pro m-3 shadow" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true">
|
||||
<div class="row">
|
||||
<div class="col-md-6 bg-pro">
|
||||
<img src='{{ .img }}' alt="{{ .name }}">
|
||||
@@ -56,7 +55,7 @@
|
||||
{{ end }}
|
||||
{{ if .githublink }}
|
||||
<a href="{{ .githublink }}" class="px-1 pr-2">
|
||||
<i class="fab text-dark fa-lg fa-github pro-github"></i>
|
||||
<i class="fab text-dark fa-lg fa-github"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
|
||||
@@ -1,30 +1,27 @@
|
||||
[build]
|
||||
publish = "website/public"
|
||||
command = "cd website && hugo --gc --minify --themesDir ../.."
|
||||
publish = "public"
|
||||
command = "hugo --gc --minify"
|
||||
|
||||
[context.production.environment]
|
||||
HUGO_VERSION = "0.76.5"
|
||||
HUGO_ENV = "production"
|
||||
HUGO_ENABLEGITINFO = "true"
|
||||
HUGO_THEME = "repo"
|
||||
|
||||
[context.split1]
|
||||
command = "cd website && hugo --gc --minify --enableGitInfo --themesDir ../.."
|
||||
command = "hugo --gc --minify --enableGitInfo"
|
||||
|
||||
[context.split1.environment]
|
||||
HUGO_VERSION = "0.76.5"
|
||||
HUGO_ENV = "production"
|
||||
HUGO_THEME = "repo"
|
||||
|
||||
[context.deploy-preview]
|
||||
command = "cd website && hugo --gc --minify --buildFuture --themesDir ../.. -b $DEPLOY_PRIME_URL"
|
||||
command = "hugo --gc --minify --buildFuture -b $DEPLOY_PRIME_URL"
|
||||
|
||||
[context.deploy-preview.environment]
|
||||
HUGO_VERSION = "0.76.5"
|
||||
HUGO_THEME = "repo"
|
||||
|
||||
[context.branch-deploy]
|
||||
command = "cd website && hugo --gc --minify --themesDir ../.. -b $DEPLOY_PRIME_URL"
|
||||
command = "hugo --gc --minify -b $DEPLOY_PRIME_URL"
|
||||
|
||||
[context.branch-deploy.environment]
|
||||
HUGO_VERSION = "0.76.5"
|
||||
|
||||
@@ -1,14 +0,0 @@
|
||||
.darkmode {
|
||||
background-color: #18191a;
|
||||
}
|
||||
|
||||
.darkmode-text-dark {
|
||||
color: #e4e6eb !important;
|
||||
}
|
||||
|
||||
.darkmode-text-muted {
|
||||
color: #b0b3b8 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -3,7 +3,7 @@ html {
|
||||
}
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #eaedf0;
|
||||
background-color: #0a192f;
|
||||
}
|
||||
.post-ol {
|
||||
list-style-type: decimal-leading-zero;
|
||||
|
||||
@@ -2,7 +2,9 @@
|
||||
.navbar-brand {
|
||||
color: #007bff !important;
|
||||
}
|
||||
|
||||
.navbar .nav-link {
|
||||
color: #f9fafc !important;
|
||||
}
|
||||
.navbar .nav-link:hover {
|
||||
color: #007bff !important;
|
||||
}
|
||||
|
||||
@@ -3,11 +3,9 @@ html {
|
||||
}
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #eaedf0;
|
||||
}
|
||||
.blog-page-color{
|
||||
color: #3a3b3c !important;
|
||||
background-color: #0a192f;
|
||||
}
|
||||
|
||||
#TableOfContents {
|
||||
padding: 3%;
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@ html {
|
||||
}
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #eaedf0;
|
||||
background-color: #0a192f;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
@@ -12,16 +12,7 @@ a:hover {
|
||||
/* v3 home */
|
||||
.name {
|
||||
padding-left: 3%;
|
||||
border-left: 1.2px solid #007bff;
|
||||
}
|
||||
.hi-text {
|
||||
font-size: 20px;
|
||||
}
|
||||
.name-text {
|
||||
font-size: 70px;
|
||||
}
|
||||
.pro-text {
|
||||
font-size: 30px;
|
||||
border-left: 5px solid #f9fafc;
|
||||
}
|
||||
.btn-intro {
|
||||
padding-left: 3%;
|
||||
@@ -38,16 +29,13 @@ a:hover {
|
||||
}
|
||||
.social-icon {
|
||||
padding: 2%;
|
||||
background-color: #007bff;
|
||||
color: #f9fafc !important;
|
||||
background-color: #f9fafc;
|
||||
border-radius: 50%;
|
||||
transition: 0.3s;
|
||||
border: 1px solid;
|
||||
}
|
||||
.social-icon:hover {
|
||||
background-color: #f9fafc !important;
|
||||
color: #007bff !important;
|
||||
border: 1px solid #007bff;
|
||||
background-color: #007bff !important;
|
||||
color: #f9fafc !important;
|
||||
}
|
||||
.intro {
|
||||
padding: 8% 0 8% 0;
|
||||
@@ -58,8 +46,8 @@ a:hover {
|
||||
.profile {
|
||||
padding: 1%;
|
||||
border: 1px solid #f9fafc;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
}
|
||||
.profile:hover {
|
||||
-webkit-filter: grayscale(0);
|
||||
@@ -73,15 +61,6 @@ a:hover {
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
}
|
||||
.hi-text {
|
||||
font-size: 15px;
|
||||
}
|
||||
.name-text {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
.pro-text {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px) and (orientation: landscape) {
|
||||
.name-container {
|
||||
@@ -102,17 +81,13 @@ a:hover {
|
||||
padding-right: 10% !important;
|
||||
}
|
||||
.contact-btn {
|
||||
padding: 1.5%;
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
padding: 2%;
|
||||
font-size: 17px;
|
||||
border: 1px solid #007bff;
|
||||
color: #f9fafc;
|
||||
border: 1px solid #f9fafc;
|
||||
}
|
||||
.contact-btn:hover {
|
||||
color: #007bff !important;
|
||||
}
|
||||
.progress {
|
||||
background-color: #f9fafc !important;
|
||||
color: #8892b0;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.about-content {
|
||||
@@ -132,7 +107,7 @@ a:hover {
|
||||
/* v3 projects */
|
||||
.bg-pro {
|
||||
padding: 0 !important;
|
||||
opacity: 0.9;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.bg-pro img {
|
||||
height: 250px;
|
||||
@@ -148,13 +123,9 @@ a:hover {
|
||||
border-bottom-right-radius: 0.5rem !important;
|
||||
}
|
||||
.content-pro-top {
|
||||
color: #3a3b3c !important;
|
||||
height: 80%;
|
||||
}
|
||||
.pro-github{
|
||||
color: #3a3b3c !important;
|
||||
|
||||
}
|
||||
.pro:hover .pro-btn {
|
||||
background-color: #3498db !important;
|
||||
color: #f9fafc;
|
||||
@@ -178,10 +149,10 @@ a:hover {
|
||||
}
|
||||
.content-pro-top {
|
||||
height: 80%;
|
||||
color: #6c757d;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.card-text {
|
||||
color: #343a40;
|
||||
color: #faf9f6;
|
||||
}
|
||||
.pro:hover .content-pro {
|
||||
background-color: transparent !important;
|
||||
@@ -189,6 +160,7 @@ a:hover {
|
||||
}
|
||||
.pro:hover .pro-btn {
|
||||
color: #f9fafc;
|
||||
border: none;
|
||||
}
|
||||
.pro:hover .bg-pro {
|
||||
opacity: 0.3;
|
||||
@@ -197,25 +169,20 @@ a:hover {
|
||||
|
||||
/* v3 experience */
|
||||
#experience {
|
||||
color: #8892b0;
|
||||
}
|
||||
#nav-pills-out {
|
||||
border-left: 1px solid #007bff;
|
||||
border-left: 1px solid #f9fafc;
|
||||
}
|
||||
.nav-pills .nav-link {
|
||||
color: #8892b0 !important;
|
||||
}
|
||||
.nav-pills .active {
|
||||
padding-left: 20%;
|
||||
color: #818181 !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.nav-pills .active::before {
|
||||
padding-left: 8%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #007bff;
|
||||
color: #f9fafc !important;
|
||||
background-color: #0a192f !important;
|
||||
}
|
||||
.tab-pane {
|
||||
color: #8892b0;
|
||||
}
|
||||
.ex {
|
||||
list-style-type: none;
|
||||
@@ -267,6 +234,7 @@ a:hover {
|
||||
|
||||
/* v3 education */
|
||||
#education {
|
||||
color: #8892b0;
|
||||
}
|
||||
.v-center {
|
||||
display: flex;
|
||||
@@ -277,13 +245,16 @@ a:hover {
|
||||
padding: 0;
|
||||
}
|
||||
.edu-item {
|
||||
padding-right: 8%;
|
||||
padding-left: 20%;
|
||||
list-style: none;
|
||||
}
|
||||
.edu-item::before {
|
||||
content: "\25C3";
|
||||
padding: 0%;
|
||||
padding-left: 20%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.edu-img {
|
||||
width: 100%;
|
||||
@@ -291,14 +262,15 @@ a:hover {
|
||||
@media only screen and (max-width: 768px) {
|
||||
.edu-item::before {
|
||||
padding: 0%;
|
||||
padding-left: 8%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.edu-item {
|
||||
padding-left: 5%;
|
||||
padding-left: 2%;
|
||||
list-style: none;
|
||||
padding-right: 2%;
|
||||
}
|
||||
.edu-img {
|
||||
width: 100%;
|
||||
@@ -312,6 +284,7 @@ a:hover {
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.edu-item {
|
||||
padding-right: 18%;
|
||||
@@ -346,9 +319,6 @@ a:hover {
|
||||
.achiv-out {
|
||||
max-width: 35% !important;
|
||||
}
|
||||
.achiv-head {
|
||||
color: #3a3b3c !important;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.achiv-out {
|
||||
max-width: 100% !important;
|
||||
@@ -357,5 +327,6 @@ a:hover {
|
||||
|
||||
/* v3 contact */
|
||||
#contact {
|
||||
color: #8892b0;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 268 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 724 KiB After Width: | Height: | Size: 730 KiB |
|
Before Width: | Height: | Size: 139 KiB After Width: | Height: | Size: 141 KiB |
|
Before Width: | Height: | Size: 884 KiB After Width: | Height: | Size: 896 KiB |
@@ -1,11 +0,0 @@
|
||||
name = "Hugo Profile"
|
||||
license = "MIT"
|
||||
licenselink = "https://github.com/gurusabarish/hugo-profile/blob/master/LICENSE"
|
||||
description = "A high performance hugo theme for personal portfolio and blog."
|
||||
homepage = "https://profile.gurusabarish.tech"
|
||||
tags = ["Responsive","Blog", "Portfolio", "Clean", "Fast", "Seo"]
|
||||
min_version = "0.68.0"
|
||||
|
||||
[author]
|
||||
name = "Gurusabarish"
|
||||
homepage = "https://gurusabarish.tech"
|
||||
@@ -13,7 +13,7 @@ taxonomies:
|
||||
params:
|
||||
version: 1
|
||||
|
||||
favicon: "/images/hugo.png"
|
||||
favicon: "/images/fav.png"
|
||||
description: "A hugh performance hugo theme for personal website. It is single page portfolio. It has blog, contact sections also. Contact is powered by formspree."
|
||||
disqus: ""
|
||||
|
||||
@@ -1,137 +0,0 @@
|
||||
baseURL: "https://profile.gurusabarish.tech"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo-profile"
|
||||
|
||||
googleanalytics: UA-167646412-8
|
||||
disqusShortname:
|
||||
Paginate: 3
|
||||
markup:
|
||||
goldmark:
|
||||
renderer:
|
||||
unsafe: true
|
||||
|
||||
taxonomies:
|
||||
tag: "tags"
|
||||
category: "categories"
|
||||
|
||||
enableEmoji: true
|
||||
params:
|
||||
version: 3
|
||||
|
||||
favicon: "/images/fav.png"
|
||||
description: "A high performance hugo theme for personal portfolio and blog."
|
||||
|
||||
# Navbar Menus
|
||||
customMenus:
|
||||
- name: "Blog"
|
||||
Url: "/blog"
|
||||
- name: "Version2"
|
||||
Url: "https://v2.profile.gurusabarish.tech"
|
||||
- name: "Version1"
|
||||
Url: "https://v1.profile.gurusabarish.tech"
|
||||
# home
|
||||
disable_home: false
|
||||
profile_image: "/images/profile.png"
|
||||
name: "Guru Sabarish"
|
||||
profession: "Full Stack Developer"
|
||||
github: "https://github.com/gurusabarish"
|
||||
linkedin: "https://linkedin.com/in/gurusabarish"
|
||||
twitter: "https://twitter.com/gurusabarishh"
|
||||
instagram: "https://instagram.com/gurusabarishh"
|
||||
facebook: "https://facebook.com/gurusabarish01"
|
||||
|
||||
# About
|
||||
disable_about: false
|
||||
descripe_l1_person: "Hi, I'm Guru sabarish, a passionate web developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
|
||||
descripe_l2_person: "Check out my blogs [here](https://blog.gurusabarish.tech)"
|
||||
skills:
|
||||
- name: CSS
|
||||
percentage: 90
|
||||
- name: Django
|
||||
percentage: 85
|
||||
- name: Hugo
|
||||
percentage: 80
|
||||
- name: React JS
|
||||
percentage: 70
|
||||
|
||||
# Experience
|
||||
disable_experience: false
|
||||
experience:
|
||||
- company: "Google"
|
||||
role: "Software developer"
|
||||
startdate: Feb 2021
|
||||
enddate: present
|
||||
featuredpoints:
|
||||
- point: Lead backend developer for a product.
|
||||
- point: Created a frontend design for a product.
|
||||
- company: "Facebook"
|
||||
role: "Fullstack developer"
|
||||
startdate: Mar 2020
|
||||
enddate: Dec 2020
|
||||
featuredpoints:
|
||||
- point: Lead backend developer for a product.
|
||||
- point: Created a frontend design for a product.
|
||||
- company: "Amazon"
|
||||
role: "Fullstack developer"
|
||||
startdate: Feb 2019
|
||||
enddate: Jan 2020
|
||||
featuredpoints:
|
||||
- point: Lead backend developer for a product.
|
||||
- point: Created a frontend design for a product.
|
||||
|
||||
# Education
|
||||
disable_education: false
|
||||
education:
|
||||
- degree: "B.tech"
|
||||
branch: "Information Technology"
|
||||
university: "Example university"
|
||||
startedyear: "2013"
|
||||
graduation: "2018"
|
||||
- degree: "B.tech"
|
||||
branch: "Information Technology"
|
||||
university: "Example university"
|
||||
startedyear: "2013"
|
||||
graduation: "2018"
|
||||
- degree: "B.tech"
|
||||
branch: "Information Technology"
|
||||
university: "Example university"
|
||||
startedyear: "2013"
|
||||
graduation: "2018"
|
||||
|
||||
# Projects
|
||||
disable_projects: false
|
||||
projects:
|
||||
- name: "Example project without details"
|
||||
img: /images/project.jpg
|
||||
githublink: "https://github.com/"
|
||||
featuredlink: "/"
|
||||
description: "Description of project"
|
||||
|
||||
# Achievements
|
||||
disable_achievements: false
|
||||
achievements:
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
|
||||
# Contact
|
||||
disable_contact: false
|
||||
contact_content: My inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!
|
||||
email: "example@mail.com"
|
||||
|
||||
# Footer
|
||||
socialiconfooter: true
|
||||
recentposts: true
|
||||
|
||||
# Blog
|
||||
showdescription: false
|
||||
tweet: true
|
||||
|
Before Width: | Height: | Size: 248 KiB |