Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Guru Sabarish
|
ab04cdade4 | ||
|
Guru Sabarish
|
78b7ebe862 | ||
|
gurusabarish
|
c74a0a8aa7 | ||
|
gurusabarish
|
f5ced2093f | ||
|
gurusabarish
|
d1efcfafa5 |
@@ -0,0 +1,13 @@
|
||||
# These are supported funding model platforms
|
||||
|
||||
github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
|
||||
patreon: # Replace with a single Patreon username
|
||||
open_collective: # Replace with a single Open Collective username
|
||||
ko_fi: # Replace with a single Ko-fi username
|
||||
tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
|
||||
community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
|
||||
liberapay: # Replace with a single Liberapay username
|
||||
issuehunt: # Replace with a single IssueHunt username
|
||||
otechie: # Replace with a single Otechie username
|
||||
custom: ['https://www.buymeacoffee.com/gurusabarish',
|
||||
'https://www.paypal.me/gurusabarish'] # Replace with up to 4 custom sponsorship URLs e.g.['link1',link2']
|
||||
+1
-19
@@ -1,19 +1 @@
|
||||
/config.yaml
|
||||
/content
|
||||
/static/images
|
||||
.vscode
|
||||
|
||||
### Hugo ###
|
||||
# Generated files by hugo
|
||||
/public/
|
||||
/resources/_gen/
|
||||
/assets/jsconfig.json
|
||||
hugo_stats.json
|
||||
|
||||
# Executable may be added to repository
|
||||
hugo.exe
|
||||
hugo.darwin
|
||||
hugo.linux
|
||||
|
||||
# Temporary lock file while building
|
||||
/.hugo_build.lock
|
||||
/public
|
||||
@@ -1,6 +1,6 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2021 GURU SABARISH
|
||||
Copyright (c) 2020 GURU SABARISH
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
|
||||
@@ -1,80 +1,3 @@
|
||||
<div align="center">
|
||||
# hugo-profile V1 [](https://app.netlify.com/sites/hugo-profile-1/deploys)
|
||||
|
||||
# hugo-profile
|
||||
|
||||
[](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)
|
||||
|
||||
</div>
|
||||
|
||||
A high performance and mobile first hugo template for personal portfolio and blog
|
||||
|
||||
## Requirements
|
||||
|
||||
- Hugo Version 0.68.0 or higher
|
||||
|
||||
## How to use this template
|
||||
|
||||
- [Hugo theme format](#Hugo-theme-format)
|
||||
- [Local Development](#Local-Development)
|
||||
- [Direct deployment using netlify](#Direct-deployment-using-netlify)
|
||||
- [Direct deployment using Github Pages and action](#Direct-deployment-using-Github-Pages-and-action)
|
||||
|
||||
### Hugo theme format
|
||||
|
||||
- Install Hugo and create a site using `hugo new site my-site -f=yaml`
|
||||
- Clone this repo inside your themes folder and create config.yaml (_I am not much aware about toml. So, I am using yaml format._) inside root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v3.yaml) as base template.
|
||||
|
||||
```
|
||||
cd themes
|
||||
git clone https://github.com/gurusabarish/hugo-profile.git
|
||||
```
|
||||
|
||||
- You should have the mentioned (_inside the config file_) images in static folder to use them.
|
||||
|
||||
### Local Development
|
||||
|
||||
- Install hugo and just clone this repo
|
||||
|
||||
```
|
||||
git clone https://github.com/gurusabarish/hugo-profile.git
|
||||
cd hugo-profile
|
||||
```
|
||||
|
||||
- Now create config.yaml file in your root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/version3/exampleSite/v3.yaml) as base template.
|
||||
- Run your site using `hugo serve` commend
|
||||
|
||||
### Direct deployment using netlify
|
||||
|
||||
- Fork this repo or create new repo using `use this template` button and connect repo to netlify.
|
||||
- You can customize the config file, content and everything inside exampleSite folder. Netlify will automatically deploy your changes every time you modify the repo.
|
||||
|
||||
**[What is netlify?](https://www.netlify.com/about/)** An intuitive Git-based workflow and powerful serverless platform to build, deploy, and collaborate on web apps
|
||||
|
||||
### Direct deployment using Github Pages and action
|
||||
|
||||
- Fork this repo or create new repo using `use this template` button. Github action will generate all files and push to demo branch. Now, you have to connect your github pages to that `demo` branch. _No need to create demo branch. Github action will take care of it_
|
||||
- You can customize the config file, content and everything inside exampleSite folder. Github action will automatically deploy your changes to demo branch every time you modify the repo.
|
||||
- When using your own domain create a file in the static dir called `CNAME' and put your domain in it.
|
||||
- If you clone the repo locally, you can view the local change with `hugo --gc --minify --themesDir . serve` from within the exampleSite dir.
|
||||
|
||||
## Deployment
|
||||
|
||||
Run `hugo`. It will generate a folder called public. You can use the files inside public folder for deployment. You should delete the public folder for each time when you are using `hugo` commend.
|
||||
|
||||
## Issues
|
||||
|
||||
If you have a question, please [open an issue](https://github.com/gurusabarish/hugo-profile/issues) for help and to help those who come after you. The more information you can provide, the better!
|
||||
|
||||
## Contributing
|
||||
|
||||
Contributions, issues, and feature requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
|
||||
|
||||
## License
|
||||
|
||||
Licensed under [MIT](LICENSE)
|
||||
|
||||
## 🤝 Support
|
||||
|
||||
Give a ⭐️ if you like this project!
|
||||
|
||||
<a href="https://www.buymeacoffee.com/gurusabarish" target="_blank" rel="noopener"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" height="40" width="145" alt="Buy Me A Coffee"></a>
|
||||
A highly customizable and mobile first Hugo template for personal portfolio and blog.
|
||||
|
||||
+121
@@ -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
|
||||
@@ -1,174 +0,0 @@
|
||||
baseURL: "https://hugo-profile.netlify.app"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo-profile"
|
||||
theme: "./.."
|
||||
relativeURLs: true
|
||||
|
||||
googleanalytics: UA-167646412-8
|
||||
disqusShortname:
|
||||
Paginate: 3
|
||||
markup:
|
||||
goldmark:
|
||||
renderer:
|
||||
unsafe: true
|
||||
|
||||
taxonomies:
|
||||
tag: "tags"
|
||||
category: "categories"
|
||||
|
||||
enableEmoji: true
|
||||
|
||||
# menus
|
||||
Menus:
|
||||
main:
|
||||
- identifier: blog
|
||||
name: Blog
|
||||
title: Blog posts
|
||||
url: /blog
|
||||
weight: 1
|
||||
|
||||
#Dropdown menu
|
||||
# - identifier: dropdown
|
||||
# title: Example dropdown menu
|
||||
# name: Dropdown
|
||||
# weight: 3
|
||||
# - identifier: dropdown1
|
||||
# title: example dropdown 1
|
||||
# name: example 1
|
||||
# url: /ew
|
||||
# parent: dropdown
|
||||
# weight: 1
|
||||
# - identifier: dropdown2
|
||||
# title: example dropdown 2
|
||||
# name: example 2
|
||||
# url: /34545
|
||||
# parent: dropdown
|
||||
# weight: 2
|
||||
|
||||
params:
|
||||
version: 3
|
||||
customCSS: false
|
||||
|
||||
favicon: "/images/fav.png"
|
||||
description: "A high performance hugo theme for personal portfolio and blog."
|
||||
|
||||
# home
|
||||
disable_home: false
|
||||
profile_image: "/images/profile.png"
|
||||
name: "Example name"
|
||||
namecolor: ffc107
|
||||
profession: "Profession"
|
||||
github: "https://github.com"
|
||||
gitlab: "https://gitlab.com"
|
||||
linkedin: "https://linkedin.com"
|
||||
twitter: "https://twitter.com/"
|
||||
instagram: "https://instagram.com/"
|
||||
facebook: "https://facebook.com"
|
||||
|
||||
#Custom social links
|
||||
# customSocialLinks:
|
||||
# - imageURL: "https://hugo-profile.netlify.app/images/fav.png"
|
||||
# url: "https://gohugo.com"
|
||||
# - fontAwesomeIconName: "fa fa-envelope"
|
||||
# url: "https://gmail.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"
|
||||
# id: "google-developer" // use this, when you want to change the id(used for navigation)
|
||||
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"
|
||||
# id: "facebook-developer" // use this, when you want to change the id(used for navigation)
|
||||
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"
|
||||
# id: "amazon-developer" // use this, when you want to change the id(used for navigation)
|
||||
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
|
||||
url: https://example.com
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
# url: https://example.com
|
||||
- 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
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 248 KiB |
@@ -1,3 +0,0 @@
|
||||
.hi-text{
|
||||
font-size: 40px !important;
|
||||
}
|
||||
+19
-16
@@ -1,24 +1,27 @@
|
||||
{{ define "main" }}
|
||||
<style>
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #eaedf0;
|
||||
}
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #0a192f;
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<div class="row justify-centent-center py-5">
|
||||
<div class="display-4 font-weight-bold text-center col p-5">
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<span class="text-dark">404 page not found</span>
|
||||
{{ else }} 404 page not found {{ end }}
|
||||
<div class="text-center p-5">
|
||||
<a href="{{ .Site.BaseURL }}" class="font-weight-bold btn btn-primary rounded-pill p-3 mb-2">Back to Home</a>
|
||||
</div>
|
||||
<div class="row justify-centent-center py-5">
|
||||
<div class="display-4 font-weight-bold text-center col p-5">
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<span class="text-light">404 page not found</span>
|
||||
{{ else }}
|
||||
404 page not found
|
||||
{{ end }}
|
||||
<div class="text-center p-5">
|
||||
<a href="{{ .Site.BaseURL }}" class="font-weight-bold btn btn-primary rounded-pill p-3 mb-2">Back to
|
||||
Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -2,7 +2,6 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
{{ if eq .Site.Params.version 1 }}
|
||||
{{- partial "sections/v1/head.html" . -}}
|
||||
<link href="/css/bootstrap.min.css" rel="stylesheet">
|
||||
@@ -18,78 +17,34 @@
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;1,100;1,300&display=swap"
|
||||
rel="stylesheet">
|
||||
<script src="/js/popper.min.js"></script>
|
||||
|
||||
{{- block "head" . -}}{{- end }}
|
||||
{{ else }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
|
||||
</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>
|
||||
$(function () {
|
||||
$('[data-toggle="tooltip"]').tooltip()
|
||||
})
|
||||
</script>
|
||||
{{ else }}
|
||||
{{ end }}
|
||||
|
||||
<!-- Darkmode -->
|
||||
<script>
|
||||
function autoDarkMode() {
|
||||
$("body").toggleClass("darkmode");
|
||||
$(".fa-moon").addClass("d-none");
|
||||
$(".fa-sun").removeClass("d-none");
|
||||
$("nav").toggleClass("navbar-dark");
|
||||
$("nav").toggleClass("navbar-light");
|
||||
$('.text-dark').toggleClass('darkmode-text-dark');
|
||||
$('.text-muted').toggleClass('darkmode-text-muted');
|
||||
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
|
||||
};
|
||||
</script>
|
||||
<script src="/js/auto_darkmode.js"></script>
|
||||
<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').toggleClass('darkmode-text-dark');
|
||||
$('.text-muted').toggleClass('darkmode-text-muted');
|
||||
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
|
||||
|
||||
switchDarkmodeSetting();
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
{{ else }}
|
||||
|
||||
<body></body>
|
||||
{{ end }}
|
||||
|
||||
</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">
|
||||
@@ -26,7 +26,7 @@
|
||||
<li>
|
||||
|
||||
<h1 style="font-size: 25px;" class="font-weight-bold">
|
||||
<a class="text-decoration-none" href="{{ .RelPermalink }}">
|
||||
<a class="text-decoration-none" href="{{ .Permalink }}">
|
||||
{{ .Title }}
|
||||
</a>
|
||||
</h1>
|
||||
@@ -68,7 +68,7 @@
|
||||
{{ end }}
|
||||
</h5>
|
||||
{{ end }}
|
||||
<a class="text-decoration-none" href="{{ .RelPermalink }}">
|
||||
<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>
|
||||
{{ if .Site.Params.showdescription }}
|
||||
|
||||
@@ -19,66 +19,11 @@
|
||||
{{ define "main" }}
|
||||
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<section style="font-family: 'Roboto', sans-serif;">
|
||||
|
||||
<div class="bottom-share d-none">
|
||||
<div class="my-1 mb-3 share-container">
|
||||
<div class="d-block my-1 text-center" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
|
||||
<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" />
|
||||
<path fill="#fff"
|
||||
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="d-block my-1 text-center" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="48px" data-name="Layer 1" viewBox="0 0 32 32">
|
||||
<path fill="#ea4435"
|
||||
d="M16.58,19.1068l-12.69-8.0757A3,3,0,0,1,7.1109,5.97l9.31,5.9243L24.78,6.0428A3,3,0,0,1,28.22,10.9579Z" />
|
||||
<path fill="#00ac47" d="M25.5,5.5h4a0,0,0,0,1,0,0v18a3,3,0,0,1-3,3h0a3,3,0,0,1-3-3V7.5a2,2,0,0,1,2-2Z"
|
||||
transform="rotate(180 26.5 16)" />
|
||||
<path fill="#ffba00"
|
||||
d="M29.4562,8.0656c-.0088-.06-.0081-.1213-.0206-.1812-.0192-.0918-.0549-.1766-.0823-.2652a2.9312,2.9312,0,0,0-.0958-.2993c-.02-.0475-.0508-.0892-.0735-.1354A2.9838,2.9838,0,0,0,28.9686,6.8c-.04-.0581-.09-.1076-.1342-.1626a3.0282,3.0282,0,0,0-.2455-.2849c-.0665-.0647-.1423-.1188-.2146-.1771a3.02,3.02,0,0,0-.24-.1857c-.0793-.0518-.1661-.0917-.25-.1359-.0884-.0461-.175-.0963-.267-.1331-.0889-.0358-.1837-.0586-.2766-.0859s-.1853-.06-.2807-.0777a3.0543,3.0543,0,0,0-.357-.036c-.0759-.0053-.1511-.0186-.2273-.018a2.9778,2.9778,0,0,0-.4219.0425c-.0563.0084-.113.0077-.1689.0193a33.211,33.211,0,0,0-.5645.178c-.0515.022-.0966.0547-.1465.0795A2.901,2.901,0,0,0,23.5,8.5v5.762l4.72-3.3043a2.8878,2.8878,0,0,0,1.2359-2.8923Z" />
|
||||
<path fill="#4285f4" d="M5.5,5.5h0a3,3,0,0,1,3,3v18a0,0,0,0,1,0,0h-4a2,2,0,0,1-2-2V8.5a3,3,0,0,1,3-3Z" />
|
||||
<path fill="#c52528"
|
||||
d="M2.5439,8.0656c.0088-.06.0081-.1213.0206-.1812.0192-.0918.0549-.1766.0823-.2652A2.9312,2.9312,0,0,1,2.7426,7.32c.02-.0475.0508-.0892.0736-.1354A2.9719,2.9719,0,0,1,3.0316,6.8c.04-.0581.09-.1076.1342-.1626a3.0272,3.0272,0,0,1,.2454-.2849c.0665-.0647.1423-.1188.2147-.1771a3.0005,3.0005,0,0,1,.24-.1857c.0793-.0518.1661-.0917.25-.1359A2.9747,2.9747,0,0,1,4.3829,5.72c.089-.0358.1838-.0586.2766-.0859s.1853-.06.2807-.0777a3.0565,3.0565,0,0,1,.357-.036c.076-.0053.1511-.0186.2273-.018a2.9763,2.9763,0,0,1,.4219.0425c.0563.0084.113.0077.169.0193a2.9056,2.9056,0,0,1,.286.0888,2.9157,2.9157,0,0,1,.2785.0892c.0514.022.0965.0547.1465.0795a2.9745,2.9745,0,0,1,.3742.21A2.9943,2.9943,0,0,1,8.5,8.5v5.762L3.78,10.9579A2.8891,2.8891,0,0,1,2.5439,8.0656Z" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="d-block my-1 text-center" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="38px" height="48px">
|
||||
<path fill="#4CAF50"
|
||||
d="M8.002 0h-.004C3.587 0 0 3.588 0 8a7.94 7.94 0 0 0 1.523 4.689l-.997 2.972 3.075-.983A7.93 7.93 0 0 0 8.002 16C12.413 16 16 12.411 16 8s-3.587-8-7.998-8z" />
|
||||
<path fill="#FAFAFA"
|
||||
d="M12.657 11.297c-.193.545-.959.997-1.57 1.129-.418.089-.964.16-2.802-.602-2.351-.974-3.865-3.363-3.983-3.518-.113-.155-.95-1.265-.95-2.413s.583-1.707.818-1.947c.193-.197.512-.287.818-.287.099 0 .188.005.268.009.235.01.353.024.508.395.193.465.663 1.613.719 1.731.057.118.114.278.034.433-.075.16-.141.231-.259.367-.118.136-.23.24-.348.386-.108.127-.23.263-.094.498.136.23.606.997 1.298 1.613.893.795 1.617 1.049 1.876 1.157.193.08.423.061.564-.089.179-.193.4-.513.625-.828.16-.226.362-.254.574-.174.216.075 1.359.64 1.594.757.235.118.39.174.447.273.056.099.056.564-.137 1.11z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center" data-toggle="tooltip" data-placement="left" title="Share this article">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="40px" height="40px" viewBox="0 0 25 25">
|
||||
<g transform="translate(0 -1027.362)">
|
||||
<circle cx="657.054" cy="437.094" r="15.268" fill="#9257a2" fill-rule="evenodd"
|
||||
transform="translate(-525.439 682.007) scale(.81871)" />
|
||||
<path fill="#6c4676"
|
||||
style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal"
|
||||
d="M 12.943359 24.984375 A 12.5 12.5 0 0 0 13.384766 24.96875 A 12.5 12.5 0 0 0 14.625 24.818359 A 12.5 12.5 0 0 0 15.84375 24.544922 A 12.5 12.5 0 0 0 17.029297 24.150391 A 12.5 12.5 0 0 0 18.169922 23.640625 A 12.5 12.5 0 0 0 19.253906 23.017578 A 12.5 12.5 0 0 0 20.269531 22.291016 A 12.5 12.5 0 0 0 21.208984 21.466797 A 12.5 12.5 0 0 0 22.060547 20.552734 A 12.5 12.5 0 0 0 22.816406 19.558594 A 12.5 12.5 0 0 0 23.470703 18.492188 A 12.5 12.5 0 0 0 24.013672 17.367188 A 12.5 12.5 0 0 0 24.441406 16.193359 A 12.5 12.5 0 0 0 24.496094 15.974609 L 14.265625 5.7441406 C 13.812473 5.2910406 13.187396 5.0097656 12.5 5.0097656 C 11.12521 5.0097656 10 6.1349656 10 7.5097656 C 10 7.5307656 10.005259 7.5493125 10.005859 7.5703125 C 9.4896699 7.8077125 9.0133544 8.1147296 8.5878906 8.4804688 C 8.374766 8.6636758 8.1738297 8.8614634 7.9882812 9.0722656 C 7.0619905 10.124095 6.5 11.499953 6.5 13.009766 C 6.5 13.488466 6.573385 13.948784 6.6796875 14.396484 C 5.9748502 14.839884 5.5 15.620266 5.5 16.509766 C 5.5 17.197166 5.7812253 17.822291 6.234375 18.275391 L 12.943359 24.984375 z "
|
||||
color="#000" font-family="sans-serif" font-weight="400" transform="translate(0 1027.362)" />
|
||||
<path fill="#fff"
|
||||
d="m 7.9941406,1 c -1.3747895,0 -2.5,1.1252 -2.5,2.5 0,0.02072 0.00535,0.039943 0.00586,0.060547 C 3.4352817,4.5101164 1.9941406,6.5842949 1.9941406,9 c 0,0.4787281 0.073385,0.9389814 0.1796875,1.386719 C 1.4689908,10.830108 0.99414062,11.610545 0.99414062,12.5 c 0,1.3748 1.12521048,2.5 2.49999998,2.5 0.6665407,0 1.2712865,-0.268072 1.7207032,-0.697266 C 6.0479519,14.74009 6.9900874,15 7.9941406,15 8.9981981,15 9.9421095,14.741984 10.775391,14.304688 11.224611,14.732762 11.828584,15 12.494141,15 c 1.374789,0 2.5,-1.1252 2.5,-2.5 0,-0.887901 -0.472993,-1.667522 -1.175782,-2.111328 C 13.924794,9.941126 13.994141,9.4787929 13.994141,9 c 0,-2.4173981 -1.439125,-4.4947611 -3.50586,-5.4433594 4.46e-4,-0.019294 0.0059,-0.037245 0.0059,-0.056641 0,-1.3748 -1.1252108,-2.5 -2.5000004,-2.5 z m 0,1 c 0.8343495,0 1.5,0.6657 1.5,1.5 0,0.8344 -0.6656505,1.5 -1.5,1.5 -0.8343494,0 -1.5,-0.6656 -1.5,-1.5 0,-0.8343 0.6656506,-1.5 1.5,-1.5 z M 5.7363281,4.5507812 C 6.1363719,5.4015827 6.9962448,6 7.9941406,6 8.9914269,6 9.8515843,5.4027009 10.251953,4.5527344 11.874506,5.3778725 12.994141,7.0495149 12.994141,9 c 0,0.358063 -0.04812,0.702711 -0.119141,1.039062 C 12.74983,10.019561 12.62455,10 12.494141,10 c -1.37479,0 -2.5000004,1.1252 -2.5000004,2.5 0,0.347738 0.073318,0.676884 0.2031254,0.978516 C 9.5317018,13.806899 8.7887215,14 7.9941406,14 7.1996182,14 6.4561816,13.808725 5.7910156,13.480469 5.9212525,13.178414 5.9941406,12.848348 5.9941406,12.5 c 0,-1.3748 -1.1252104,-2.5 -2.5,-2.5 C 3.3643933,10 3.2397998,10.01975 3.1152344,10.03906 3.0437876,9.7026723 2.9941406,9.3583587 2.9941406,9 c 0,-1.9503184 1.1196952,-3.6242663 2.7421875,-4.4492188 z M 3.4941406,11 c 0.8343495,0 1.5,0.6657 1.5,1.5 0,0.8344 -0.6656505,1.5 -1.5,1.5 -0.8343494,0 -1.5,-0.6656 -1.5,-1.5 0,-0.8343 0.6656506,-1.5 1.5,-1.5 z m 9.0000004,0 c 0.834349,0 1.5,0.6657 1.5,1.5 0,0.8344 -0.665651,1.5 -1.5,1.5 -0.83435,0 -1.5,-0.6656 -1.5,-1.5 0,-0.8343 0.66565,-1.5 1.5,-1.5 z"
|
||||
color="#000" font-family="sans-serif" font-weight="400" overflow="visible"
|
||||
transform="translate(4.506 1031.372)"
|
||||
style="line-height:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;block-progression:tb;isolation:auto;mix-blend-mode:normal" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<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}}
|
||||
@@ -86,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"
|
||||
href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
|
||||
Twitter
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a target="blank" class="text-success"
|
||||
href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
|
||||
data-action="share/whatsapp/share">
|
||||
Whatsapp
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-danger" target="blank"
|
||||
href="mailto:?subject={{ .Title }}&body=Check out this site {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
|
||||
Email
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<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 }}">
|
||||
<i class="fab fa-twitter text-primary" style="font-size: 1.6em;"></i>
|
||||
</a>
|
||||
</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">
|
||||
<i class="fab fa-whatsapp text-success" style="font-size: 1.6em;"></i>
|
||||
</a>
|
||||
</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 }}">
|
||||
<i class="fa fa-envelope text-danger" style="font-size: 1.6em;"></i>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+5
-42
@@ -53,12 +53,11 @@
|
||||
<head>
|
||||
<title>{{- .Site.Title -}}</title>
|
||||
<meta name="description" content="{{ .Site.Params.description }}">
|
||||
|
||||
|
||||
<!-- Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
|
||||
media="all">
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
{{- partial "sections/v3/head.html" . -}}
|
||||
<link rel="stylesheet" href="/css/v3/v3.css" media="all">
|
||||
<link rel="stylesheet" href="/css/v3/navbar-footer.css" media="all">
|
||||
@@ -68,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>
|
||||
@@ -115,24 +114,6 @@
|
||||
{{- partial "sections/v3/footer.html" . -}}
|
||||
{{- partial "sections/v3/scripts.html" . -}}
|
||||
</div>
|
||||
|
||||
<!-- Darkmode -->
|
||||
<script>
|
||||
function autoDarkMode() {
|
||||
$("body").toggleClass("darkmode");
|
||||
$(".fa-moon").addClass("d-none");
|
||||
$(".fa-sun").removeClass("d-none");
|
||||
$("nav").toggleClass("navbar-dark");
|
||||
$("nav").toggleClass("navbar-light");
|
||||
$(".text-dark").toggleClass("darkmode-text-dark");
|
||||
$(".text-muted").toggleClass("darkmode-text-muted")
|
||||
$(".about-backdark").toggleClass("about-back");
|
||||
$(".education-backdark").toggleClass("education-back");
|
||||
$(".achievements-backdark").toggleClass("achievements-back");
|
||||
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
|
||||
}
|
||||
</script>
|
||||
<script src="/js/auto_darkmode.js"></script>
|
||||
<script>
|
||||
/*
|
||||
document.onreadystatechange = function () {
|
||||
@@ -149,24 +130,6 @@
|
||||
}
|
||||
};
|
||||
*/
|
||||
|
||||
$(".darkmode-label").click(function () {
|
||||
$("body").toggleClass("darkmode");
|
||||
$(".fa-moon").toggleClass("d-none");
|
||||
$(".fa-sun").toggleClass("d-none");
|
||||
$(".about-backdark").toggleClass("about-back");
|
||||
$(".education-backdark").toggleClass("education-back");
|
||||
$(".achievements-backdark").toggleClass("achievements-back");
|
||||
$("nav").toggleClass("navbar-dark");
|
||||
$("nav").toggleClass("navbar-light");
|
||||
$(".text-dark").toggleClass("darkmode-text-dark");
|
||||
$(".text-muted").toggleClass("darkmode-text-muted")
|
||||
$(".dropdown-menu").toggleClass('darkmode-dropdown-menu');
|
||||
|
||||
switchDarkmodeSetting();
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
{{ else }}
|
||||
|
||||
@@ -3,10 +3,6 @@
|
||||
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
</div>
|
||||
© {{ dateFormat "2006" now }} All Rights Reserved<br>
|
||||
<div>
|
||||
Made with ❤ and
|
||||
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
|
||||
| Designed and Developed by
|
||||
<a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
|
||||
</div>
|
||||
Designed and Developed by
|
||||
<a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
|
||||
</footer>
|
||||
@@ -1,11 +1,6 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
|
||||
<link rel="icon" href="{{ .Site.Params.favicon | default "/images/favicon.png"}}" type="image/gif">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Custom Styles -->
|
||||
{{ if .Site.Params.customCSS }}
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
{{ end }}
|
||||
@@ -131,12 +131,8 @@
|
||||
</div>
|
||||
© {{ .Site.Params.copyright }} All Rights Reserved
|
||||
<div class="text-secondary">
|
||||
<div>
|
||||
Made with ❤ and
|
||||
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
|
||||
| Designed and Developed by
|
||||
<a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
|
||||
</div>
|
||||
Designed and Developed by
|
||||
<a class="text-secondary" href="https://gurusabarish.tech">Gurusabarish</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -8,9 +8,3 @@
|
||||
<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/v2/v2.css" media="all">
|
||||
|
||||
|
||||
<!-- Custom Styles -->
|
||||
{{ if .Site.Params.customCSS }}
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
{{ end }}
|
||||
@@ -1,43 +1,39 @@
|
||||
<div id="about" class="about-backdark about-back">
|
||||
<section class="pt-5">
|
||||
<div class="container-fluid">
|
||||
<div class="text-dark 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">
|
||||
{{ .Site.Params.descripe_l1_person | markdownify }}
|
||||
<br />
|
||||
<br />
|
||||
{{ .Site.Params.descripe_l2_person | markdownify }}
|
||||
</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">
|
||||
{{ .Site.Params.getintouch | default "Get in Touch" }}
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</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 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>
|
||||
{{ .Site.Params.descripe_l2_person | markdownify }}
|
||||
</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>{{ .name }}</div>
|
||||
<div class="progress mb-4">
|
||||
<div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
|
||||
aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Site.Params.email }}
|
||||
<div class="py-3 pl-2">
|
||||
<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 class="col-md-5 about-skill">
|
||||
<div class="text-secondary text-center h4">Skills</div>
|
||||
{{ range .Site.Params.skills }}
|
||||
<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">
|
||||
<div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
|
||||
aria-valuemax="100"></div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,37 +1,29 @@
|
||||
{{ $img:= "./images/v1/background.png" }}
|
||||
{{ $img:= "images/v1/background.png" }}
|
||||
|
||||
<section id="achievements" class="py-5 achievements-backdark achievements-back">
|
||||
<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 }}
|
||||
{{ $img = .img }}
|
||||
{{ end }}
|
||||
{{ if .url }}
|
||||
<div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
|
||||
data-aos-duration="600" data-aos-once="true">
|
||||
<a target="_blank" href={{ .url | default "#" }}>
|
||||
<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">{{ .title }}</h4>
|
||||
<div class="text-secondary">{{ .description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
|
||||
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="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">{{ .title }}</h4>
|
||||
<div class="text-secondary">{{ .description }}</div>
|
||||
<h4 class="text-center">
|
||||
{{ .title }}
|
||||
</h4>
|
||||
<div class="text-secondary">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
@@ -1,17 +1,20 @@
|
||||
<section id="contact">
|
||||
<div class="container-fluid py-5">
|
||||
<div class="text-right text-center h3">Get In Touch</div>
|
||||
<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-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">{{ .Site.Params.contact_content | emojify | markdownify }}</div>
|
||||
<div class=" text-center">
|
||||
{{ .Site.Params.contact_content }}
|
||||
</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">
|
||||
{{ .Site.Params.getintouch | default "Get in Touch" }}
|
||||
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn">
|
||||
Get In Touch
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
File diff suppressed because one or more lines are too long
@@ -1,13 +1,13 @@
|
||||
<section id="experience">
|
||||
<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>
|
||||
@@ -22,6 +22,7 @@
|
||||
</ul>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
@@ -29,76 +30,24 @@
|
||||
role="tablist" aria-orientation="vertical">
|
||||
{{ range $index, $element := .Site.Params.experience }}
|
||||
{{ if (eq $index 0) }}
|
||||
{{ if .id }}
|
||||
<a class="nav-link active" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab"
|
||||
aria-controls="{{ .id }}" aria-selected="true">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ else }}
|
||||
<a class="nav-link active" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
|
||||
aria-controls="{{ .company }}" aria-selected="true">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ else }}
|
||||
{{ if .id }}
|
||||
<a class="nav-link" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab" aria-controls="{{ .id }}"
|
||||
aria-selected="false">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ else }}
|
||||
<a class="nav-link" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
|
||||
aria-controls="{{ .company }}" aria-selected="false">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ end }} {{ end }}
|
||||
{{ 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) }}
|
||||
{{ if .id }}
|
||||
<div class="tab-pane fade show active" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
<small>{{ .startdate }}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
<small>{{ .startdate }}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ else }}
|
||||
{{ if .id }}
|
||||
<div class="tab-pane fade" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<div class="h4">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
@@ -114,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>
|
||||
@@ -131,8 +80,9 @@
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,14 +1,14 @@
|
||||
<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">
|
||||
<a href="{{ .RelPermalink }}" class="post-card-link">
|
||||
<div class="card h-100">
|
||||
<div class="card-head px-2 py-3">
|
||||
<div class="card px-2 h-100">
|
||||
<div class="card-head py-3">
|
||||
<h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
|
||||
<div class="px-2">{{ .Summary | truncate 300}}</div>
|
||||
</div>
|
||||
@@ -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" />
|
||||
@@ -131,10 +131,8 @@
|
||||
</div>
|
||||
© {{ dateFormat "2006" now }} All Rights Reserved
|
||||
<div>
|
||||
Made with ❤ and
|
||||
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
|
||||
| Designed and Developed by
|
||||
<a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
|
||||
Designed and Developed by
|
||||
<a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,35 +2,8 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
|
||||
<!-- Google analytics -->
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
|
||||
<!-- stylesheets -->
|
||||
<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>
|
||||
|
||||
|
||||
<!-- Custom Styles -->
|
||||
{{ if .Site.Params.customCSS }}
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
{{ end }}
|
||||
@@ -1,84 +1,52 @@
|
||||
<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 style="color: #{{ .Site.Params.namecolor }};" class="hi-text" data-aos="fade-up" data-aos-offset="50"
|
||||
data-aos-delay="50" data-aos-once="true" data-aos-duration="900">
|
||||
{{ .Site.Params.hitext | default "Hi there, I'm" }}
|
||||
<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>
|
||||
<div class="row social pt-4" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50" data-aos-duration="900"
|
||||
data-aos-once="true">
|
||||
<div class="col-md-12">
|
||||
{{ if .Site.Params.github }}
|
||||
<a href="{{ .Site.Params.github }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-github"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
{{ if .Site.Params.github }}
|
||||
<a href="{{ .Site.Params.github }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-github"></i>
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.gitlab }}
|
||||
<a href="{{ .Site.Params.gitlab }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-gitlab"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a href="{{ .Site.Params.twitter }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-twitter"></i>
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a href="{{ .Site.Params.twitter }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-twitter"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<a href="{{ .Site.Params.linkedin }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-linkedin"></i>
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<a href="{{ .Site.Params.linkedin }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-linkedin"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.facebook }}
|
||||
<a href="{{ .Site.Params.facebook }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-facebook"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
<!-- customSocialLinks -->
|
||||
{{ range .Site.Params.customSocialLinks }}
|
||||
{{ if .fontAwesomeIconName }}
|
||||
<a href="{{ .url }}" class="social-icon">
|
||||
<i class="fa-lg {{ .fontAwesomeIconName }}"></i>
|
||||
​
|
||||
</a>
|
||||
{{ else }}
|
||||
<a href="{{ .url }}" class="social-icon">
|
||||
<img class="fab fa-lg" src="{{ .imageURL }}" alt="{{ .name }}" width="4%" />
|
||||
​
|
||||
</a>
|
||||
{{ end }}
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Site.Params.facebook }}
|
||||
<a href="{{ .Site.Params.facebook }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-facebook"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="pt-4 btn-intro">
|
||||
<a href="#about" class="btn-know btn btn-outline-info" data-aos="zoom-in" data-aos-offset="50"
|
||||
data-aos-delay="50" data-aos-duration="900" data-aos-once="true">
|
||||
@@ -87,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,60 +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.Menus.main }}
|
||||
{{ if .HasChildren }}
|
||||
<!-- Dropdown menu -->
|
||||
<li class="nav-item dropdown navbar-text">
|
||||
<a class="nav-link text-dark dropdown-toggle" href="#" title="{{ .Title }}" id="navbarDropdownMenuLink"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
||||
{{ range .Children }}
|
||||
<a class="dropdown-item text-dark" href="{{ .URL }}" title="{{ .Title }}">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{{/*
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="{{ .URL }}" id="navbarDropdown" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{{ .Title }}">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
{{ range .Children }}
|
||||
<a class="dropdown-item" href="{{ .URL }}" title="{{ .Title }}">
|
||||
{{ .Name }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</li> */}}
|
||||
{{else}}
|
||||
<!-- Single menu item -->
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{.URL}}" title="{{ .Title }}">
|
||||
{{ .Pre }}
|
||||
<span>{{ .Name }}</span>
|
||||
</a>
|
||||
<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
|
||||
</li>
|
||||
{{end}}
|
||||
{{end}}
|
||||
{{ 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,26 +1,29 @@
|
||||
<section id="projects">
|
||||
<div class="container-fluid py-5">
|
||||
<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 }}" />
|
||||
<img src='{{ .Params.img }}' alt="{{ .Title }}">
|
||||
</div>
|
||||
<div class="col-md-6 content-pro p-3 bg-light">
|
||||
<div class="content-pro-top">
|
||||
<h2>{{ .Title }}</h2>
|
||||
<p class="card-text pt-2">{{ .Params.description }}</p>
|
||||
<p class="card-text pt-2">
|
||||
{{ .Params.description }}
|
||||
</p>
|
||||
</div>
|
||||
<span class="float-right">
|
||||
{{ if .Params.featured }}
|
||||
<a href="{{ .Params.featured }}" class="px-1">
|
||||
<i class="fas text-info fa-link"></i>
|
||||
</a>
|
||||
{{ end }} {{ if .Params.github }}
|
||||
{{ 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 }}">
|
||||
@@ -30,27 +33,32 @@
|
||||
</div>
|
||||
</div>
|
||||
</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">
|
||||
{{ end }}
|
||||
{{ range .Site.Params.projects }}
|
||||
<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 }}" />
|
||||
<img src='{{ .img }}' alt="{{ .name }}">
|
||||
</div>
|
||||
<div class="col-md-6 content-pro p-3 bg-light">
|
||||
<div class="content-pro-top">
|
||||
<h2>{{ .name }}</h2>
|
||||
<p class="card-text pt-2">{{ .description }}</p>
|
||||
<p class="card-text pt-2">
|
||||
{{ .description }}
|
||||
</p>
|
||||
</div>
|
||||
<span class="float-right">
|
||||
{{ if .featuredlink }}
|
||||
<a href="{{ .featuredlink }}" class="px-1">
|
||||
<i class="fas text-info fa-link"></i>
|
||||
</a>
|
||||
{{ end }} {{ if .githublink }}
|
||||
{{ 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 }}
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+9
-12
@@ -1,33 +1,30 @@
|
||||
[build]
|
||||
publish = "exampleSite/public"
|
||||
command = "cd exampleSite && hugo --gc --minify --themesDir ../.."
|
||||
publish = "public"
|
||||
command = "hugo --gc --minify"
|
||||
|
||||
[context.production.environment]
|
||||
HUGO_VERSION = "0.92.0"
|
||||
HUGO_VERSION = "0.76.5"
|
||||
HUGO_ENV = "production"
|
||||
HUGO_ENABLEGITINFO = "true"
|
||||
HUGO_THEME = "repo"
|
||||
|
||||
[context.split1]
|
||||
command = "cd exampleSite && hugo --gc --minify --enableGitInfo --themesDir ../.."
|
||||
command = "hugo --gc --minify --enableGitInfo"
|
||||
|
||||
[context.split1.environment]
|
||||
HUGO_VERSION = "0.92.0"
|
||||
HUGO_VERSION = "0.76.5"
|
||||
HUGO_ENV = "production"
|
||||
HUGO_THEME = "repo"
|
||||
|
||||
[context.deploy-preview]
|
||||
command = "cd exampleSite && 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.92.0"
|
||||
HUGO_THEME = "repo"
|
||||
HUGO_VERSION = "0.76.5"
|
||||
|
||||
[context.branch-deploy]
|
||||
command = "cd exampleSite && hugo --gc --minify --themesDir ../.. -b $DEPLOY_PRIME_URL"
|
||||
command = "hugo --gc --minify -b $DEPLOY_PRIME_URL"
|
||||
|
||||
[context.branch-deploy.environment]
|
||||
HUGO_VERSION = "0.92.0"
|
||||
HUGO_VERSION = "0.76.5"
|
||||
|
||||
[context.next.environment]
|
||||
HUGO_ENABLEGITINFO = "true"
|
||||
@@ -1,15 +0,0 @@
|
||||
.darkmode {
|
||||
background-color: #18191a;
|
||||
}
|
||||
|
||||
.darkmode-text-dark {
|
||||
color: #e4e6eb !important;
|
||||
}
|
||||
|
||||
.darkmode-text-muted {
|
||||
color: #b0b3b8 !important;
|
||||
}
|
||||
|
||||
.darkmode-dropdown-menu {
|
||||
background-color: #212121 !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,16 +2,15 @@
|
||||
.navbar-brand {
|
||||
color: #007bff !important;
|
||||
}
|
||||
|
||||
.navbar .nav-link {
|
||||
color: #f9fafc !important;
|
||||
}
|
||||
.navbar .nav-link:hover {
|
||||
color: #007bff !important;
|
||||
}
|
||||
.navbar-text {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
li> .dropdown-toggle:focus{
|
||||
color: #007bff !important;
|
||||
}
|
||||
|
||||
/* v2 and v3 footer */
|
||||
footer {
|
||||
|
||||
+1
-16
@@ -3,24 +3,9 @@ html {
|
||||
}
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #eaedf0;
|
||||
background-color: #0a192f;
|
||||
}
|
||||
|
||||
.bottom-share {
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
bottom: 20px;
|
||||
right: 25px;
|
||||
}
|
||||
.bottom-share button {
|
||||
overflow: hidden;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.blog-page-color {
|
||||
color: #3a3b3c !important;
|
||||
}
|
||||
#TableOfContents {
|
||||
padding: 3%;
|
||||
}
|
||||
|
||||
+42
-78
@@ -2,8 +2,8 @@ html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
font-family: "Noto Sans KR", sans-serif;
|
||||
background-color: #eaedf0;
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #0a192f;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
@@ -12,16 +12,7 @@ a:hover {
|
||||
/* v3 home */
|
||||
.name {
|
||||
padding-left: 3%;
|
||||
border-left: 4px solid #007bff;
|
||||
}
|
||||
.hi-text {
|
||||
font-size: 20px;
|
||||
}
|
||||
.name-text {
|
||||
font-size: 60px;
|
||||
}
|
||||
.pro-text {
|
||||
font-size: 25px;
|
||||
border-left: 5px solid #f9fafc;
|
||||
}
|
||||
.btn-intro {
|
||||
padding-left: 3%;
|
||||
@@ -35,21 +26,16 @@ a:hover {
|
||||
border-radius: 50px !important;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
font-weight: 500 !important;
|
||||
border: 2px solid;
|
||||
}
|
||||
.social-icon {
|
||||
padding: 2%;
|
||||
background-color: #f9fafc !important;
|
||||
color: #007bff !important;
|
||||
border: 1px solid #007bff;
|
||||
background-color: #f9fafc;
|
||||
border-radius: 50%;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.social-icon:hover {
|
||||
background-color: #007bff !important;
|
||||
color: #f9fafc !important;
|
||||
border: 1px solid #007bff;
|
||||
}
|
||||
.intro {
|
||||
padding: 8% 0 8% 0;
|
||||
@@ -60,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);
|
||||
@@ -75,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 {
|
||||
@@ -92,9 +69,6 @@ a:hover {
|
||||
}
|
||||
|
||||
/* v3 about */
|
||||
.about-back {
|
||||
background-color: #dce6f1;
|
||||
}
|
||||
.about {
|
||||
padding-top: 3% !important;
|
||||
padding-bottom: 3% !important;
|
||||
@@ -107,19 +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;
|
||||
border-radius: 5%;
|
||||
border-radius: 10px !important;
|
||||
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 {
|
||||
@@ -137,31 +105,27 @@ a:hover {
|
||||
}
|
||||
|
||||
/* v3 projects */
|
||||
|
||||
.bg-pro {
|
||||
padding: 0 !important;
|
||||
opacity: 0.9;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.bg-pro img {
|
||||
height: 300px;
|
||||
height: 250px;
|
||||
width: 100%;
|
||||
border-radius: 0.5rem !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
.content-pro {
|
||||
height: 300px;
|
||||
height: 250px;
|
||||
background-color: #e5e4e2 !important;
|
||||
border-top-right-radius: 0.5rem !important;
|
||||
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;
|
||||
@@ -176,21 +140,19 @@ a:hover {
|
||||
margin-right: 10% !important;
|
||||
}
|
||||
.bg-pro img {
|
||||
height: 250px;
|
||||
border-radius: 0.5rem !important;
|
||||
}
|
||||
.content-pro {
|
||||
height: 250px;
|
||||
background-color: transparent !important;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
}
|
||||
.content-pro-top {
|
||||
height: 80%;
|
||||
color: #6c757d;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.card-text {
|
||||
color: #343a40;
|
||||
color: #faf9f6;
|
||||
}
|
||||
.pro:hover .content-pro {
|
||||
background-color: transparent !important;
|
||||
@@ -198,6 +160,7 @@ a:hover {
|
||||
}
|
||||
.pro:hover .pro-btn {
|
||||
color: #f9fafc;
|
||||
border: none;
|
||||
}
|
||||
.pro:hover .bg-pro {
|
||||
opacity: 0.3;
|
||||
@@ -205,20 +168,21 @@ 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;
|
||||
color: #f9fafc !important;
|
||||
background-color: #0a192f !important;
|
||||
}
|
||||
.nav-pills .active::before {
|
||||
padding-left: 8%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #007bff;
|
||||
.tab-pane {
|
||||
color: #8892b0;
|
||||
}
|
||||
.ex {
|
||||
list-style-type: none;
|
||||
@@ -269,8 +233,8 @@ a:hover {
|
||||
}
|
||||
|
||||
/* v3 education */
|
||||
.education-back {
|
||||
background-color: #e1e0e5;
|
||||
#education {
|
||||
color: #8892b0;
|
||||
}
|
||||
.v-center {
|
||||
display: flex;
|
||||
@@ -281,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%;
|
||||
@@ -295,14 +262,15 @@ a:hover {
|
||||
@media only screen and (max-width: 768px) {
|
||||
.edu-item::before {
|
||||
padding: 0%;
|
||||
padding-left: 8%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 30px;
|
||||
left: 0px;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.edu-item {
|
||||
padding-left: 5%;
|
||||
padding-left: 2%;
|
||||
list-style: none;
|
||||
padding-right: 2%;
|
||||
}
|
||||
.edu-img {
|
||||
width: 100%;
|
||||
@@ -316,6 +284,7 @@ a:hover {
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.edu-item {
|
||||
padding-right: 18%;
|
||||
@@ -329,9 +298,6 @@ a:hover {
|
||||
}
|
||||
|
||||
/* v3 Achievements */
|
||||
.achievements-back {
|
||||
background-color: #dce6f1;
|
||||
}
|
||||
.achiv-card:hover {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
@@ -353,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;
|
||||
@@ -364,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 |
Binary file not shown.
|
After Width: | Height: | Size: 268 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
@@ -1,63 +0,0 @@
|
||||
function setCookie(name,value,days) {
|
||||
var expires = "";
|
||||
if (days) {
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + (days*24*60*60*1000));
|
||||
expires = "; expires=" + date.toUTCString();
|
||||
}
|
||||
document.cookie = name + "=" + (value || "") + expires + "; path=/";
|
||||
}
|
||||
|
||||
function getCookie(name) {
|
||||
var nameEQ = name + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
for(var i=0;i < ca.length;i++) {
|
||||
var c = ca[i];
|
||||
while (c.charAt(0)==' ') c = c.substring(1,c.length);
|
||||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function getDarkmodeSetting() {
|
||||
switch(getCookie("darkmode")) {
|
||||
case "true":
|
||||
return true;
|
||||
case "false":
|
||||
return false;
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
function setDarkmodeSetting(value) {
|
||||
if (value) {
|
||||
setCookie("darkmode", "true", 100);
|
||||
} else {
|
||||
setCookie("darkmode", "false", 100);
|
||||
}
|
||||
}
|
||||
|
||||
function switchDarkmodeSetting() {
|
||||
const darkmode = getDarkmodeSetting();
|
||||
switch(darkmode) {
|
||||
case true:
|
||||
setDarkmodeSetting(false);
|
||||
break;
|
||||
case false:
|
||||
setDarkmodeSetting(true);
|
||||
break;
|
||||
default:
|
||||
setDarkmodeSetting(true);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
const check_darkmode = getDarkmodeSetting();
|
||||
const darkmode_prefer = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||||
if (darkmode_prefer && check_darkmode === null) {
|
||||
autoDarkMode();
|
||||
setDarkmodeSetting(true);
|
||||
} else if (check_darkmode) {
|
||||
autoDarkMode();
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 724 KiB After Width: | Height: | Size: 730 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 139 KiB After Width: | Height: | Size: 141 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 884 KiB After Width: | Height: | Size: 896 KiB |
-12
@@ -1,12 +0,0 @@
|
||||
name = "Hugo Profile"
|
||||
license = "MIT"
|
||||
licenselink = "https://github.com/gurusabarish/hugo-profile/blob/master/LICENSE"
|
||||
description = "A high performance and mobile first hugo template for personal portfolio and blog."
|
||||
homepage = "https://github.com/gurusabarish/hugo-profile"
|
||||
demosite = "https://hugo-profile.netlify.app"
|
||||
tags = ["Responsive","Blog", "Portfolio", "Personal"]
|
||||
min_version = "0.68.0"
|
||||
|
||||
[author]
|
||||
name = "Gurusabarish"
|
||||
homepage = "https://www.linkedin.com/in/gurusabarish/"
|
||||
@@ -1,8 +1,6 @@
|
||||
baseURL: "https://example.com"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo-profile"
|
||||
theme: "./.."
|
||||
relativeURLs: true
|
||||
|
||||
googleanalytics: UA-xxxxxxxx-x
|
||||
disqusShortname: yourdiscussshortname
|
||||
@@ -14,9 +12,8 @@ taxonomies:
|
||||
|
||||
params:
|
||||
version: 1
|
||||
customCSS: false
|
||||
|
||||
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,8 +1,6 @@
|
||||
baseURL: "https://example.com"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo-profile"
|
||||
theme: "./.."
|
||||
relativeURLs: true
|
||||
|
||||
googleanalytics: UA-xxxxxx-x
|
||||
disqusShortname:
|
||||
@@ -19,7 +17,6 @@ taxonomies:
|
||||
enableEmoji: true
|
||||
params:
|
||||
version: 2
|
||||
customCSS: false
|
||||
|
||||
favicon: "/images/fav.png"
|
||||
description: "A high performance hugo theme for personal portfolio and blog."
|
||||
@@ -1,8 +1,6 @@
|
||||
baseURL: "https://hugo-profile.netlify.app"
|
||||
baseURL: "https://example.com"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo-profile"
|
||||
theme: "./.."
|
||||
relativeURLs: true
|
||||
|
||||
googleanalytics: UA-xxxxxx-x
|
||||
disqusShortname:
|
||||
@@ -17,61 +15,28 @@ taxonomies:
|
||||
category: "categories"
|
||||
|
||||
enableEmoji: true
|
||||
|
||||
# menus
|
||||
Menus:
|
||||
main:
|
||||
- identifier: blog
|
||||
name: Blog
|
||||
title: Blog posts
|
||||
url: /blog
|
||||
weight: 1
|
||||
|
||||
#Dropdown menu
|
||||
# - identifier: dropdown
|
||||
# title: Example dropdown menu
|
||||
# name: Dropdown
|
||||
# weight: 3
|
||||
# - identifier: dropdown1
|
||||
# title: example dropdown 1
|
||||
# name: example 1
|
||||
# url: /ew
|
||||
# parent: dropdown
|
||||
# weight: 1
|
||||
# - identifier: dropdown2
|
||||
# title: example dropdown 2
|
||||
# name: example 2
|
||||
# url: /34545
|
||||
# parent: dropdown
|
||||
# weight: 2
|
||||
|
||||
params:
|
||||
version: 3
|
||||
customCSS: false
|
||||
|
||||
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"
|
||||
namecolor: ffc107
|
||||
profession: "Profession"
|
||||
github: "https://github.com"
|
||||
gitlab: "https://gitlab.com"
|
||||
linkedin: "https://linkedin.com"
|
||||
twitter: "https://twitter.com/"
|
||||
instagram: "https://instagram.com/"
|
||||
facebook: "https://facebook.com"
|
||||
|
||||
# Custom social links
|
||||
customSocialLinks:
|
||||
- imageURL: "https://hugo-profile.netlify.app/images/fav.png"
|
||||
url: "https://gohugo.com"
|
||||
- fontAwesomeIconName: "fa fa-envelope"
|
||||
url: "https://gmail.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."
|
||||
@@ -90,7 +55,6 @@ params:
|
||||
disable_experience: false
|
||||
experience:
|
||||
- company: "Google"
|
||||
# id: "google-developer" // use this, when you want to change the id(used for navigation)
|
||||
role: "Software developer"
|
||||
startdate: Feb 2021
|
||||
enddate: present
|
||||
@@ -98,7 +62,6 @@ params:
|
||||
- point: Lead backend developer for a product.
|
||||
- point: Created a frontend design for a product.
|
||||
- company: "Facebook"
|
||||
# id: "facebook-developer" // use this, when you want to change the id(used for navigation)
|
||||
role: "Fullstack developer"
|
||||
startdate: Mar 2020
|
||||
enddate: Dec 2020
|
||||
@@ -106,7 +69,6 @@ params:
|
||||
- point: Lead backend developer for a product.
|
||||
- point: Created a frontend design for a product.
|
||||
- company: "Amazon"
|
||||
# id: "amazon-developer" // use this, when you want to change the id(used for navigation)
|
||||
role: "Fullstack developer"
|
||||
startdate: Feb 2019
|
||||
enddate: Jan 2020
|
||||
@@ -148,11 +110,9 @@ params:
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
url: https://example.com
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
# url: https://example.com
|
||||
- title: Competition winner
|
||||
description: We are developed a product which can help others.
|
||||
img: /images/achiv.jpg
|
||||
Reference in New Issue
Block a user