Guru Sabarish
+1
-1
@@ -1,4 +1,4 @@
|
||||
/public
|
||||
/content
|
||||
/config.yaml
|
||||
/content
|
||||
/static/images
|
||||
@@ -0,0 +1,10 @@
|
||||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
author: ""
|
||||
tags:
|
||||
bg_image: ""
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
@@ -0,0 +1,10 @@
|
||||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
author: ""
|
||||
tags:
|
||||
bg_image: ""
|
||||
description: ""
|
||||
toc:
|
||||
---
|
||||
@@ -0,0 +1,6 @@
|
||||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
tags:
|
||||
---
|
||||
+98
-35
@@ -5,7 +5,6 @@ title: "Hugo-profile"
|
||||
googleanalytics: UA-xxxxxx-x
|
||||
disqusShortname:
|
||||
Paginate: 3
|
||||
|
||||
markup:
|
||||
goldmark:
|
||||
renderer:
|
||||
@@ -17,55 +16,119 @@ taxonomies:
|
||||
|
||||
enableEmoji: true
|
||||
params:
|
||||
version: 3
|
||||
|
||||
favicon: "/images/fav.png"
|
||||
description: "A high performance hugo theme for personal portfolio and blog."
|
||||
copyright: "2021"
|
||||
|
||||
# Navbar Menus
|
||||
customMenus:
|
||||
- name: "Blog"
|
||||
Url: "/blog"
|
||||
- name: "About"
|
||||
Url: "/#"
|
||||
|
||||
# social
|
||||
socialicontop: false
|
||||
socialiconfooter: true
|
||||
name: "Gurusabarish"
|
||||
github: "https://github.com/gurusabarish"
|
||||
linkedin: "https://linkedin.com/in/gurusabarish"
|
||||
twitter: "https://twitter.com/gurusabarishh"
|
||||
instagram: "https://instagram.com/gurusabarishh"
|
||||
# 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
|
||||
profile_image: "/images/gurusabarish.webp"
|
||||
descripe_l1_person: "Hi, I'm Gurusabarish, a passionate web developer and ML engineer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
|
||||
descripe_l2_person: ""
|
||||
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
|
||||
|
||||
useresume: true
|
||||
customname: ""
|
||||
resumelink: ""
|
||||
# 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.
|
||||
|
||||
# Things I do
|
||||
usedothings: true
|
||||
Things:
|
||||
- logo: fab fa-python
|
||||
title: Python
|
||||
description: I build something beautiful using Python.
|
||||
#url: https://example.com
|
||||
# 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"
|
||||
|
||||
- logo: fas fa-robot
|
||||
title: Machine learning
|
||||
description: I train robust models for various tasks.
|
||||
#url: https://guru.com
|
||||
# Projects
|
||||
disable_projects: false
|
||||
projects:
|
||||
- name: "Example project without details"
|
||||
img: /images/project.jpg
|
||||
githublink: "https://github.com/"
|
||||
featuredlink: "/"
|
||||
description: "Description of project"
|
||||
|
||||
- logo: fab fa-html5
|
||||
title: Things for web
|
||||
description: I love to build things for web
|
||||
#url: https://guru.com
|
||||
# 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
|
||||
|
||||
#Description for seo. If you want to show description in your listing or single page, let's make it true
|
||||
# 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: "[email protected]"
|
||||
|
||||
# Footer
|
||||
socialiconfooter: true
|
||||
recentposts: true
|
||||
|
||||
# Blog
|
||||
showdescription: false
|
||||
tweet: true
|
||||
recentposts: true
|
||||
|
||||
@@ -0,0 +1,9 @@
|
||||
---
|
||||
title: "Example project with details"
|
||||
date: 2021-05-04T11:30:13+05:30
|
||||
draft: false
|
||||
img: /images/project.jpg
|
||||
description: "Description of project"
|
||||
github: https://github.com/
|
||||
featured: /
|
||||
---
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 268 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
@@ -0,0 +1,121 @@
|
||||
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
|
||||
@@ -0,0 +1,74 @@
|
||||
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
|
||||
@@ -0,0 +1,134 @@
|
||||
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: "[email protected]"
|
||||
|
||||
# Footer
|
||||
socialiconfooter: true
|
||||
recentposts: true
|
||||
|
||||
# Blog
|
||||
showdescription: false
|
||||
tweet: true
|
||||
@@ -1,8 +1,22 @@
|
||||
{{ define "main" }}
|
||||
<style>
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
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-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>
|
||||
|
||||
@@ -2,15 +2,49 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
{{- partial "head.html" . -}}
|
||||
{{ if eq .Site.Params.version 1 }}
|
||||
{{- partial "sections/v1/head.html" . -}}
|
||||
<link href="/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="/css/v1/head_foot.css" rel="stylesheet">
|
||||
{{- block "head" . -}}{{- end }}
|
||||
|
||||
{{ else if eq .Site.Params.version 2 }}
|
||||
{{- partial "sections/v2/head.html" . -}}
|
||||
{{- block "head" . -}}{{- end }}
|
||||
{{ else if eq .Site.Params.version 3 }}
|
||||
{{- partial "sections/v3/head.html" . -}}
|
||||
<link rel="stylesheet" href="/css/v3/navbar-footer.css">
|
||||
<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">
|
||||
{{- block "head" . -}}{{- end }}
|
||||
{{ else }}
|
||||
{{ end }}
|
||||
|
||||
</head>
|
||||
|
||||
<body class="bg-white">
|
||||
{{- partial "scripts.html" . -}}
|
||||
{{- partial "header.html" . -}}
|
||||
<body>
|
||||
{{ if eq .Site.Params.version 1 }}
|
||||
{{- partial "sections/v1/scripts.html" . -}}
|
||||
{{- partial "sections/v1/header1.html" . -}}
|
||||
{{- block "main" . -}}{{- end }}
|
||||
{{- partial "footer.html" . -}}
|
||||
{{- partial "sections/v1/footer.html" . -}}
|
||||
|
||||
{{ 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" . -}}
|
||||
|
||||
{{ 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" . -}}
|
||||
{{ else }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,14 +1,57 @@
|
||||
{{ define "head"}}
|
||||
<meta name="description" content="blog of {{ .Site.Title}}" />
|
||||
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<link rel="stylesheet" href="/css/v3/list.css" media="all">
|
||||
{{ else }}
|
||||
<!-- Fonts -->
|
||||
<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">
|
||||
{{ end }}
|
||||
|
||||
<meta name="description" content="{{ .Title }}" />
|
||||
<title>{{ .Title }}</title>
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ define "main" }}
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<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">
|
||||
<div class="col-md-7 py-2">
|
||||
<ol class="post-ol">
|
||||
{{ range .Paginator.Pages }}
|
||||
<li>
|
||||
|
||||
<h1 style="font-size: 25px;" class="font-weight-bold">
|
||||
<a class="text-decoration-none" href="{{ .Permalink }}">
|
||||
{{ .Title }}
|
||||
</a>
|
||||
</h1>
|
||||
<div class="post-sum">
|
||||
{{- .Summary | truncate 150 | safeHTML -}}
|
||||
</div>
|
||||
{{ if .Params.tags }}
|
||||
{{ range .Params.tags }}
|
||||
<a href={{ "/tags/" | relLangURL }}{{ . | urlize }} class="text-info text-decoration-none m-1"
|
||||
style="color: #8392a5">
|
||||
<small># {{ . }}</small>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ol>
|
||||
<div class="p-3">
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ else }}
|
||||
<section>
|
||||
<div class="container-fluid">
|
||||
<div class="row pt-3 justify-content-center">
|
||||
@@ -82,3 +125,6 @@
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ end }}
|
||||
@@ -1,14 +1,72 @@
|
||||
{{ define "head"}}
|
||||
<meta name="description" content="{{ .Params.description }}" />
|
||||
<title>{{ .Title }}</title>
|
||||
{{ if eq .Site.Params.version 1 }}
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet">
|
||||
<title>{{ .Title }}</title>
|
||||
|
||||
<link href="/css/v1/blog.css" rel="stylesheet">
|
||||
{{ else if eq .Site.Params.version 2 }}
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet">
|
||||
<link href="/css/v2/post.css" rel="stylesheet">
|
||||
{{ else if eq .Site.Params.version 3 }}
|
||||
<link href="/css/v3/post.css" rel="stylesheet">
|
||||
{{ else }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ define "main" }}
|
||||
|
||||
{{ if eq .Site.Params.version 3 }}
|
||||
<section style="font-family: 'Roboto', sans-serif; color: #8392a5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-9 py-4 px-0">
|
||||
<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}}
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 py-4">
|
||||
<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" 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>
|
||||
{{ template "_internal/disqus.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ else }}
|
||||
|
||||
|
||||
<section class="mincho-font">
|
||||
<div class="py-4 bg-info text-center">
|
||||
<div class="container-fluid">
|
||||
@@ -39,6 +97,7 @@
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.tweet }}
|
||||
|
||||
<div class="pt-3">
|
||||
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" data-size=large class="twitter-share-button"
|
||||
data-show-count="false">Tweet my work</a>
|
||||
@@ -111,5 +170,8 @@
|
||||
$('.TOC').on('click', function () {
|
||||
$('.TOC-content').removeClass('d-none');
|
||||
});
|
||||
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
+129
-5
@@ -1,4 +1,35 @@
|
||||
{{ define "head" }}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
{{ if eq .Site.Params.version 1 }}
|
||||
|
||||
<head>
|
||||
<title>{{- .Site.Title -}}</title>
|
||||
<!-- stylesheets -->
|
||||
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
||||
<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/v1/v1.css">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
|
||||
<meta name="description" content="{{ .Site.Params.description }}">
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
{{- partial "sections/v1/head.html" . -}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{- partial "sections/v1/home.html" . -}}
|
||||
{{- partial "sections/v1/blog.html" . -}}
|
||||
{{- partial "sections/v1/about.html" . -}}
|
||||
{{- partial "sections/v1/do_things.html" . -}}
|
||||
{{- partial "sections/v1/projects.html" . -}}
|
||||
{{- partial "sections/v1/contact.html" . -}}
|
||||
|
||||
{{- partial "sections/v1/footer.html" . -}}
|
||||
{{- partial "sections/v1/scripts.html" . -}}
|
||||
</body>
|
||||
{{ else if eq .Site.Params.version 2 }}
|
||||
|
||||
<head>
|
||||
<title>{{- .Site.Title -}}</title>
|
||||
<meta name="description" content="{{ .Site.Params.description }}">
|
||||
<!-- Fonts -->
|
||||
@@ -6,10 +37,103 @@
|
||||
<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/v2/head.html" . -}}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{- partial "sections/v2/header.html" . -}}
|
||||
{{- partial "sections/v2/about.html" . -}}
|
||||
{{- partial "sections/v2/do_things.html" . -}}
|
||||
{{- partial "sections/v2/footer.html" . -}}
|
||||
{{- partial "sections/v2/scripts.html" . -}}
|
||||
</body>
|
||||
|
||||
{{ else if eq .Site.Params.version 3 }}
|
||||
|
||||
<head>
|
||||
<title>{{- .Site.Title -}}</title>
|
||||
<meta name="description" content="{{ .Site.Params.description }}">
|
||||
<!-- Fonts -->
|
||||
<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">
|
||||
<link rel="stylesheet" href="/css/v3/loader.css" />
|
||||
|
||||
<!-- aos -->
|
||||
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--<div id="loader" class="center"></div>-->
|
||||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
||||
<script>
|
||||
AOS.init();
|
||||
</script>
|
||||
<div>
|
||||
{{- partial "sections/v3/navbar.html" . -}}
|
||||
|
||||
{{ if .Site.Params.disable_home }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/home.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ define "main" }}
|
||||
{{- partial "sections/about.html" . -}}
|
||||
{{- partial "sections/do_things.html" . -}}
|
||||
{{ if .Site.Params.disable_about }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/about.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_experience }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/experience.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_education }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/education.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_projects }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/projects.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_achievements }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/achievements.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_contact }}
|
||||
{{ else }}
|
||||
{{- partial "sections/v3/contact.html" . -}}
|
||||
{{ end }}
|
||||
|
||||
{{- partial "sections/v3/footer.html" . -}}
|
||||
{{- partial "sections/v3/scripts.html" . -}}
|
||||
</div>
|
||||
<script>
|
||||
/*
|
||||
document.onreadystatechange = function () {
|
||||
if (document.readyState !== "complete") {
|
||||
document.querySelector(
|
||||
"body").style.visibility = "hidden";
|
||||
document.querySelector(
|
||||
"#loader").style.visibility = "visible";
|
||||
} else {
|
||||
document.querySelector(
|
||||
"#loader").style.display = "none";
|
||||
document.querySelector(
|
||||
"body").style.visibility = "visible";
|
||||
}
|
||||
};
|
||||
*/
|
||||
</script>
|
||||
</body>
|
||||
{{ else }}
|
||||
|
||||
{{ end }}
|
||||
|
||||
</html>
|
||||
@@ -1,142 +0,0 @@
|
||||
<footer>
|
||||
<!-- recent posts -->
|
||||
<div class="news container py-3">
|
||||
{{ if .Site.Params.recentposts }}
|
||||
<div class="h3 text-center text-light 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 px-2 h-100">
|
||||
<div class="card-head py-3">
|
||||
<h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
|
||||
<p class="card-text px-2"> {{ .Summary | truncate 300}}</p>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
|
||||
<a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Site.Params.socialiconfooter }}
|
||||
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<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" />
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<rdf:Description about="https://iconscout.com/legal#licenses"
|
||||
dc:title="Github, Online, Project, Hosting, Square"
|
||||
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout"
|
||||
dc:date="2016-12-14" dc:format="image/svg+xml" dc:language="en">
|
||||
<dc:creator>
|
||||
<rdf:Bag>
|
||||
<rdf:li>Font Awesome</rdf:li>
|
||||
</rdf:Bag>
|
||||
</dc:creator>
|
||||
</rdf:Description>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<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%" />
|
||||
<circle cx="142" cy="138" r="37" />
|
||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||||
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<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>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<stop offset=".328" stop-color="#ff543f" />
|
||||
<stop offset=".348" stop-color="#fc5245" />
|
||||
<stop offset=".504" stop-color="#e64771" />
|
||||
<stop offset=".643" stop-color="#d53e91" />
|
||||
<stop offset=".761" stop-color="#cc39a4" />
|
||||
<stop offset=".841" stop-color="#c837ab" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
|
||||
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#4168c9" />
|
||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<path fill="#fff"
|
||||
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||
<path fill="#fff"
|
||||
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<path fill="#FFF"
|
||||
d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="container bg-transparent py-4">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
|
||||
<div class="pb-2">
|
||||
<a href="{{ .Site.BaseURL }}">
|
||||
<img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}"
|
||||
height="40px" width="40px">
|
||||
</a>
|
||||
</div>
|
||||
© {{ .Site.Params.copyright }} All Rights Reserved
|
||||
<div class="text-secondary">
|
||||
Powered by
|
||||
<a class="text-secondary" href="https://github.com/gurusabarish/hugo-profile">Hugo-profile</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -1,149 +0,0 @@
|
||||
<section>
|
||||
<div class="about pt-4">
|
||||
<div class="container">
|
||||
|
||||
<div class="row justify-content-center ">
|
||||
<div class="col-lg-3 pt-3 text-center">
|
||||
{{ if .Site.Params.profile_image }}
|
||||
<img src="{{ .Site.Params.profile_image }}" width="200" height="200" alt="{{ .Site.Params.name }}"
|
||||
class="rounded">
|
||||
{{ end }}
|
||||
<div class="about-me jop font-weight-bold text-secondary">
|
||||
{{ if .Site.Params.name }}
|
||||
{{ .Site.Params.name }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ if .Site.Params.socialicontop }}
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<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" />
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<rdf:Description about="https://iconscout.com/legal#licenses"
|
||||
dc:title="Github, Online, Project, Hosting, Square"
|
||||
dc:description="Github, Online, Project, Hosting, Square"
|
||||
dc:publisher="Iconscout" dc:date="2016-12-14" dc:format="image/svg+xml"
|
||||
dc:language="en">
|
||||
<dc:creator>
|
||||
<rdf:Bag>
|
||||
<rdf:li>Font Awesome</rdf:li>
|
||||
</rdf:Bag>
|
||||
</dc:creator>
|
||||
</rdf:Description>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<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%" />
|
||||
<circle cx="142" cy="138" r="37" />
|
||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||||
<path
|
||||
d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<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>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<stop offset=".328" stop-color="#ff543f" />
|
||||
<stop offset=".348" stop-color="#fc5245" />
|
||||
<stop offset=".504" stop-color="#e64771" />
|
||||
<stop offset=".643" stop-color="#d53e91" />
|
||||
<stop offset=".761" stop-color="#cc39a4" />
|
||||
<stop offset=".841" stop-color="#c837ab" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
|
||||
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#4168c9" />
|
||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<path fill="#fff"
|
||||
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||
<path fill="#fff"
|
||||
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<path fill="#FFF"
|
||||
d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="row justify-content-center ">
|
||||
<div class="col-md-8 text-center">
|
||||
<div class="about-content text-dark p-3">
|
||||
{{ if .Site.Params.descripe_l1_person }}
|
||||
{{ .Site.Params.descripe_l1_person | markdownify }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.descripe_l2_person }}
|
||||
<br><br>
|
||||
{{ .Site.Params.descripe_l2_person | markdownify }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="social px-3 text-center pb-4">
|
||||
{{ if .Site.Params.useresume }}
|
||||
<a href={{ .Site.Params.resumelink | default "#" }} class="btn btn-outline-danger" role="button"
|
||||
aria-pressed="true">
|
||||
{{ if .Site.Params.customname }}
|
||||
{{ .Site.Params.customname }}
|
||||
{{ else }}
|
||||
Resume
|
||||
{{ end }}
|
||||
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,45 +0,0 @@
|
||||
{{ if .Site.Params.usedothings }}
|
||||
<section>
|
||||
<div class="do-things text-center" id="do-things">
|
||||
<div class="container">
|
||||
<div class="things-i-do text-primary py-3 font-weight-bold">
|
||||
Things I do
|
||||
</div>
|
||||
|
||||
<div class="do-things-card">
|
||||
<div class="row pb-2 justify-content-center">
|
||||
{{ range .Site.Params.Things }}
|
||||
{{ if .url }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<a id="nothing" href={{ .url | default "#" }} class="">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,70 @@
|
||||
<section>
|
||||
<div class="about p-3" id="about">
|
||||
<div class="container">
|
||||
<div class="about-me text-center font-weight-bold text-secondary">About Me</div>
|
||||
|
||||
|
||||
<div class="row justify-content-center ">
|
||||
<div class="col-lg-3 pt-4 text-center">
|
||||
<img src="{{ .Site.Params.profile_image }}" width="200px" alt="{{ .Site.Params.name }}"
|
||||
class="rounded">
|
||||
<div class="about-me jop font-weight-bold text-secondary">{{ .Site.Params.job }}</div>
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<svg class="text-primary" width="2em" height="2em" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-7 pt-3 ">
|
||||
<div class="about-content text-dark p-3">
|
||||
{{ .Site.Params.descripe_l1_person }}
|
||||
<br><br>
|
||||
{{ .Site.Params.descripe_l2_person }}
|
||||
</div>
|
||||
<div class="social p-4">
|
||||
<a href="{{ .Site.Params.resume | default "#" }}" class="btn btn-info" role="button"
|
||||
aria-pressed="true">
|
||||
Resume
|
||||
</a>
|
||||
|
||||
{{ if .Site.Params.github }}
|
||||
<a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,23 @@
|
||||
<section>
|
||||
<div class="p-3 blog-back">
|
||||
<div class="container">
|
||||
<div class="text-center pb-3">
|
||||
<div class="recent-posts">Recent posts</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range first 4 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
|
||||
<div class="col-lg-3 col-md-5 pb-3 post-card text-center">
|
||||
<a href="{{ .RelPermalink }}">
|
||||
<span class="text-secondary">{{ .Date.Format "January 2, 2006" }}</span>
|
||||
<div class="text-dark">
|
||||
{{ .Title }}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,31 @@
|
||||
{{ if .Site.Params.contact }}
|
||||
<section id="contact">
|
||||
<div class="contact bg-danger text-white">
|
||||
<div class="text-center p-3 font-weight-bold contact-head">Get In Tough</div>
|
||||
<div class="p-3 container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-7">
|
||||
<form action="{{ .Site.Params.action }}">
|
||||
<div class="form-group">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="Your name" name="{{ .Site.Params.emailname }}">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" class="form-control" id="email" placeholder="[email protected]" name="{{ .Site.Params.emailname }}">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="message">Message</label>
|
||||
<textarea class="form-control" id="message" rows="3" name="{{ .Site.Params.messagename }}" placeholder="Type something"></textarea>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-sm btn-primary">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,45 @@
|
||||
{{ if .Site.Params.usedothings }}
|
||||
<section>
|
||||
<div class="pt-3 do-things text-center" id="do-things">
|
||||
<div class="container">
|
||||
<div class="things-i-do text-primary font-weight-bold">
|
||||
Things I do
|
||||
</div>
|
||||
|
||||
<div class="do-things-card">
|
||||
<div class="row pb-2 justify-content-center">
|
||||
{{ range .Site.Params.Things }}
|
||||
{{ if .url }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<a id="nothing" href={{ .url | default "#" }} class="">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card bg-primary text-light">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card bg-primary text-light">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,8 @@
|
||||
<footer class="footer py-3 text-muted text-center">
|
||||
<div class="footer-site text-uppercase pb-2 font-weight-bold">
|
||||
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
</div>
|
||||
© {{ dateFormat "2006" now }} All Rights Reserved<br>
|
||||
Designed and Developed by
|
||||
<a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
|
||||
</footer>
|
||||
@@ -0,0 +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">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
|
||||
@@ -0,0 +1,34 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container">
|
||||
<a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects">Projects</a>
|
||||
</li>
|
||||
{{ if .Site.Params.contact }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{.Url}}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -0,0 +1,39 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light shadow-sm bg-gradient-primary">
|
||||
<div class="container">
|
||||
<a class="navbar-brand font-weight-bold" href="{{ .Site.BaseURL | relURL }}">
|
||||
{{ if .Site.Params.favicon }}
|
||||
<img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
|
||||
{{ .Site.Title }}
|
||||
{{ else }}
|
||||
{{ .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>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto text-center">
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#home">Home</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#about">About</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#projects">Projects</a>
|
||||
</li>
|
||||
{{ if .Site.Params.contact }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -0,0 +1,123 @@
|
||||
{{ $backgroundImage:= "https://i.ibb.co/w4HYQcH/background.png" }}
|
||||
{{ $backimg:= "https://i.ibb.co/P5wwmWK/back.png" }}
|
||||
|
||||
{{ if .Site.Params.custombackground }}
|
||||
{{ $backgroundImage = .Site.Params.background }}
|
||||
{{ $backimg = .Site.Params.backimg }}
|
||||
{{ end }}
|
||||
|
||||
<section>
|
||||
<div class="home" style="background-image: url('{{ $backgroundImage | absURL }}');">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-transperant">
|
||||
<div class="container">
|
||||
<a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home" aria-label="home">Home</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about" aria-label="about">About</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects" aria-label="projects">Projects</a>
|
||||
</li>
|
||||
{{ if .Site.Params.contact }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#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>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container">
|
||||
<div class="row justify-content-center" id="home">
|
||||
<div class="text-white col-lg-8">
|
||||
<div class="name-intro">
|
||||
Hi there, I'm
|
||||
<h1 class="name">{{ .Site.Params.name }}</h1>
|
||||
|
||||
<!-- socialmedia -->
|
||||
<div class="social">
|
||||
{{ if .Site.Params.github }}
|
||||
<a class="text-white" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a class="text-white" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-white" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- image -->
|
||||
<div class="row profile text-center">
|
||||
<br>
|
||||
<img src="{{ .Site.Params.profile | default " /images/v1/avatar.webp"}}" width="150px"
|
||||
class="rounded-circle img-fluid" alt="{{ .Site.Params.name }}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 home-content d-none d-md-block" style="background-image: url('{{ $backimg | absURL }}');">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row know-more ">
|
||||
<div class="container p-3 rounded text-center">
|
||||
<a href="#about" class="text-info">
|
||||
know more
|
||||
<br>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,46 @@
|
||||
<section>
|
||||
<div class="projects p-3" id="projects">
|
||||
<div class="container">
|
||||
<div class="project-heading text-center text-white container pb-3">Projects</div>
|
||||
<div class="pt-5 pb-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="row justify-content-center">
|
||||
{{ range .Site.Params.projects }}
|
||||
<div class="col-md-4 mb-3">
|
||||
<div class="card">
|
||||
<img class="img-fluid" src="{{ .image }}" alt="{{ .title }}">
|
||||
<div class="card-body">
|
||||
<div class="card-title">{{ .title }}</div>
|
||||
<p class="card-text">{{ .description}}</p>
|
||||
|
||||
{{ if .secoundarylink}}
|
||||
<a href="{{ .secoundaryurl }}" class="btn btn-info" aria-label="{{ .secoundaryurlname }}">{{ .secoundaryurlname }}</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .sourceurl }}
|
||||
<a class="text-dark" href="{{ .sourceurl }}" aria-label="github">
|
||||
<svg width="2em" height="2em" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,133 @@
|
||||
<section>
|
||||
<div class="about pt-4">
|
||||
<div class="container">
|
||||
|
||||
<div class="row justify-content-center ">
|
||||
<div class="col-lg-3 pt-3 text-center">
|
||||
{{ if .Site.Params.profile_image }}
|
||||
<img src="{{ .Site.Params.profile_image }}" width="200" height="200" alt="{{ .Site.Params.name }}" class="rounded">
|
||||
{{ end }}
|
||||
<div class="about-me jop font-weight-bold text-secondary">
|
||||
{{ if .Site.Params.name }}
|
||||
{{ .Site.Params.name }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ if .Site.Params.socialicontop }}
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<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" />
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<rdf:Description about="https://iconscout.com/legal#licenses" dc:title="Github, Online, Project, Hosting, Square" dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
|
||||
dc:format="image/svg+xml" dc:language="en">
|
||||
<dc:creator>
|
||||
<rdf:Bag>
|
||||
<rdf:li>Font Awesome</rdf:li>
|
||||
</rdf:Bag>
|
||||
</dc:creator>
|
||||
</rdf:Description>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<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%" />
|
||||
<circle cx="142" cy="138" r="37" />
|
||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||||
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<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>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<stop offset=".328" stop-color="#ff543f" />
|
||||
<stop offset=".348" stop-color="#fc5245" />
|
||||
<stop offset=".504" stop-color="#e64771" />
|
||||
<stop offset=".643" stop-color="#d53e91" />
|
||||
<stop offset=".761" stop-color="#cc39a4" />
|
||||
<stop offset=".841" stop-color="#c837ab" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#4168c9" />
|
||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<path fill="#fff" d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||
<path fill="#fff" d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<path fill="#FFF" d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="row justify-content-center ">
|
||||
<div class="col-md-8 text-center">
|
||||
<div class="about-content text-dark p-3">
|
||||
{{ if .Site.Params.descripe_l1_person }}
|
||||
{{ .Site.Params.descripe_l1_person | markdownify }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.descripe_l2_person }}
|
||||
<br><br>
|
||||
{{ .Site.Params.descripe_l2_person | markdownify }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="social px-3 text-center pb-4">
|
||||
{{ if .Site.Params.useresume }}
|
||||
<a href={{ .Site.Params.resumelink | default "#" }} class="btn btn-outline-danger" role="button" aria-pressed="true">
|
||||
{{ if .Site.Params.customname }}
|
||||
{{ .Site.Params.customname }}
|
||||
{{ else }}
|
||||
Resume
|
||||
{{ end }}
|
||||
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,45 @@
|
||||
{{ if .Site.Params.usedothings }}
|
||||
<section>
|
||||
<div class="do-things text-center" id="do-things">
|
||||
<div class="container">
|
||||
<div class="things-i-do text-primary py-3 font-weight-bold">
|
||||
Things I do
|
||||
</div>
|
||||
|
||||
<div class="do-things-card">
|
||||
<div class="row pb-2 justify-content-center">
|
||||
{{ range .Site.Params.Things }}
|
||||
{{ if .url }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<a id="nothing" href={{ .url | default "#" }} class="">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,140 @@
|
||||
<footer>
|
||||
<!-- recent posts -->
|
||||
<div class="news container py-3">
|
||||
{{ if .Site.Params.recentposts }}
|
||||
<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 px-2 h-100">
|
||||
<div class="card-head py-3">
|
||||
<h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
|
||||
<p class="card-text px-2"> {{ .Summary | truncate 300}}</p>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
|
||||
<a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Site.Params.socialiconfooter }}
|
||||
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<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" />
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<rdf:Description about="https://iconscout.com/legal#licenses"
|
||||
dc:title="Github, Online, Project, Hosting, Square"
|
||||
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
|
||||
dc:format="image/svg+xml" dc:language="en">
|
||||
<dc:creator>
|
||||
<rdf:Bag>
|
||||
<rdf:li>Font Awesome</rdf:li>
|
||||
</rdf:Bag>
|
||||
</dc:creator>
|
||||
</rdf:Description>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<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%" />
|
||||
<circle cx="142" cy="138" r="37" />
|
||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||||
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<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>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<stop offset=".328" stop-color="#ff543f" />
|
||||
<stop offset=".348" stop-color="#fc5245" />
|
||||
<stop offset=".504" stop-color="#e64771" />
|
||||
<stop offset=".643" stop-color="#d53e91" />
|
||||
<stop offset=".761" stop-color="#cc39a4" />
|
||||
<stop offset=".841" stop-color="#c837ab" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
|
||||
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#4168c9" />
|
||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<path fill="#fff"
|
||||
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||
<path fill="#fff"
|
||||
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<path fill="#FFF"
|
||||
d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="container bg-transparent py-4">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
|
||||
<div class="pb-2">
|
||||
<a href="{{ .Site.BaseURL }}">
|
||||
<img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
|
||||
width="40px">
|
||||
</a>
|
||||
</div>
|
||||
© {{ .Site.Params.copyright }} All Rights Reserved
|
||||
<div class="text-secondary">
|
||||
Designed and Developed by
|
||||
<a class="text-secondary" href="https://gurusabarish.tech">Gurusabarish</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -7,4 +7,4 @@
|
||||
<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/index.css" media="all">
|
||||
<link rel="stylesheet" href="/css/v2/v2.css" media="all">
|
||||
@@ -0,0 +1,3 @@
|
||||
<!-- javascripts -->
|
||||
<script src="/js/jquery.slim.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
@@ -0,0 +1,39 @@
|
||||
<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>
|
||||
{{ 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>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,29 @@
|
||||
{{ $img:= "images/v1/background.png" }}
|
||||
|
||||
<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-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 }}
|
||||
<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="p-3 w-100 achiv overflow-hidden">
|
||||
<h4 class="text-center">
|
||||
{{ .title }}
|
||||
</h4>
|
||||
<div class="text-secondary">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
@@ -0,0 +1,20 @@
|
||||
<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 }}
|
||||
</div>
|
||||
{{ if .Site.Params.email }}
|
||||
<div class="text-center pt-3">
|
||||
<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
@@ -0,0 +1,88 @@
|
||||
<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-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>
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</h4>
|
||||
<div>
|
||||
<small>{{ .startdate}}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex-ol-ul">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-ol-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div id="nav-pills-out" class="d-none d-md-block nav flex-column nav-pills col-md-2" id="v-pills-tab"
|
||||
role="tablist" aria-orientation="vertical">
|
||||
{{ range $index, $element := .Site.Params.experience }}
|
||||
{{ if (eq $index 0) }}
|
||||
<a class="nav-link active" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
|
||||
aria-controls="{{ .company }}" aria-selected="true">
|
||||
{{ .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 }}
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<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" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
|
||||
<div class="h4">
|
||||
<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 }}
|
||||
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,140 @@
|
||||
<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">
|
||||
{{ if .Site.Params.recentposts }}
|
||||
<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 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>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
|
||||
<a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Site.Params.socialiconfooter }}
|
||||
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<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" />
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<rdf:Description about="https://iconscout.com/legal#licenses"
|
||||
dc:title="Github, Online, Project, Hosting, Square"
|
||||
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
|
||||
dc:format="image/svg+xml" dc:language="en">
|
||||
<dc:creator>
|
||||
<rdf:Bag>
|
||||
<rdf:li>Font Awesome</rdf:li>
|
||||
</rdf:Bag>
|
||||
</dc:creator>
|
||||
</rdf:Description>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<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%" />
|
||||
<circle cx="142" cy="138" r="37" />
|
||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||||
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<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>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<stop offset=".328" stop-color="#ff543f" />
|
||||
<stop offset=".348" stop-color="#fc5245" />
|
||||
<stop offset=".504" stop-color="#e64771" />
|
||||
<stop offset=".643" stop-color="#d53e91" />
|
||||
<stop offset=".761" stop-color="#cc39a4" />
|
||||
<stop offset=".841" stop-color="#c837ab" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
|
||||
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#4168c9" />
|
||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<path fill="#fff"
|
||||
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||
<path fill="#fff"
|
||||
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.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" />
|
||||
<path fill="#FFF"
|
||||
d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="container bg-transparent py-4">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
|
||||
<div class="pb-2">
|
||||
<a href="{{ .Site.BaseURL }}">
|
||||
<img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
|
||||
width="40px">
|
||||
</a>
|
||||
</div>
|
||||
© {{ dateFormat "2006" now }} All Rights Reserved
|
||||
<div>
|
||||
Designed and Developed by
|
||||
<a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -0,0 +1,9 @@
|
||||
<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">
|
||||
|
||||
<!-- 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">
|
||||
@@ -0,0 +1,67 @@
|
||||
<div class="container-fluid home">
|
||||
<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 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" 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" 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-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">
|
||||
{{ 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.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.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">
|
||||
About me
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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">
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,72 @@
|
||||
<div class="container">
|
||||
<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">
|
||||
{{ .Site.Title }}
|
||||
{{ else }}
|
||||
{{ .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>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto text-center">
|
||||
|
||||
{{ if .Site.Params.disable_about }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<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" 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" 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" 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" href="{{ .Site.BaseURL | relURL }}#achievements"
|
||||
aria-label="achievements">Achievements</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_contact }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<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" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -0,0 +1,114 @@
|
||||
<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-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 }}">
|
||||
</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>
|
||||
</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 }}
|
||||
<a href="{{ .Params.github }}" class="px-1 pr-2">
|
||||
<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 }}">
|
||||
Know more...
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ 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 }}">
|
||||
</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>
|
||||
</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 }}
|
||||
<a href="{{ .githublink }}" class="px-1 pr-2">
|
||||
<i class="fab text-dark fa-lg fa-github"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
{{ range ( where .Site.RegularPages "Type" "project" ) }}
|
||||
<div class="col-md-5 py-2">
|
||||
<div class="pb-2">
|
||||
<div class="card border-r border-0 shadow h-100 m-2">
|
||||
<a class="text-decoration-none" target="_blank" href="{{ .Permalink }}">
|
||||
<img src='{{ .Params.img }}' class="card-img-top" height="250" alt="{{ .Title }}">
|
||||
</a>
|
||||
<div class="card-body pt-2 ">
|
||||
<h2>{{ .Title }}</h2>
|
||||
<p class="card-text pt-2">
|
||||
<span class="">
|
||||
Build your website with “Hugo” comment Go to the terminal and type “hugo” …
|
||||
</span>
|
||||
|
||||
</p>
|
||||
<span class="float-right">
|
||||
{{ if .Params.featured }}
|
||||
<a href="{{ .Params.featured }}" class="px-1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm10 12c0 .685-.07 1.354-.202 2h-3.853c.121-1.283.129-2.621 0-4h3.853c.132.646.202 1.315.202 2zm-.841-4h-3.5c-.383-1.96-1.052-3.751-1.948-5.278 2.435.977 4.397 2.882 5.448 5.278zm-5.554 0h-2.605v-5.658c1.215 1.46 2.117 3.41 2.605 5.658zm-4.605-5.658v5.658h-2.605c.488-2.248 1.39-4.198 2.605-5.658zm0 7.658v4h-2.93c-.146-1.421-.146-2.577 0-4h2.93zm0 6v5.658c-1.215-1.46-2.117-3.41-2.605-5.658h2.605zm2 5.658v-5.658h2.605c-.488 2.248-1.39 4.198-2.605 5.658zm0-7.658v-4h2.93c.146 1.421.146 2.577 0 4h-2.93zm-4.711-11.278c-.896 1.527-1.565 3.318-1.948 5.278h-3.5c1.051-2.396 3.013-4.301 5.448-5.278zm-6.087 7.278h3.853c-.121 1.283-.129 2.621 0 4h-3.853c-.132-.646-.202-1.315-.202-2s.07-1.354.202-2zm.639 6h3.5c.383 1.96 1.052 3.751 1.948 5.278-2.435-.977-4.397-2.882-5.448-5.278zm12.87 5.278c.896-1.527 1.565-3.318 1.948-5.278h3.5c-1.051 2.396-3.013 4.301-5.448 5.278z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if .Params.github }}
|
||||
<a href="{{ .Params.github }}" class="px-1 pr-2">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
<a class="btn btn-sm btn-outline-info" target="_blank" href="{{ .Permalink }}">Read
|
||||
more...</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ end }}
|
||||
-->
|
||||
@@ -0,0 +1,3 @@
|
||||
<!-- javascripts -->
|
||||
<script src="/js/jquery.slim.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
+102
-39
@@ -1,11 +1,10 @@
|
||||
baseURL: "https://hugo-profile.netlify.app"
|
||||
baseURL: "https://example.com"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo-profile"
|
||||
|
||||
googleanalytics: UA-167646412-8
|
||||
disqusShortname: gurusabarish
|
||||
googleanalytics: UA-xxxxxx-x
|
||||
disqusShortname:
|
||||
Paginate: 3
|
||||
|
||||
markup:
|
||||
goldmark:
|
||||
renderer:
|
||||
@@ -17,55 +16,119 @@ taxonomies:
|
||||
|
||||
enableEmoji: true
|
||||
params:
|
||||
version: 3
|
||||
|
||||
favicon: "/images/fav.png"
|
||||
description: "A high performance hugo theme for personal portfolio and blog."
|
||||
copyright: "2021"
|
||||
|
||||
# Navbar Menus
|
||||
customMenus:
|
||||
- name: "Blog"
|
||||
Url: "/blog"
|
||||
- name: "About"
|
||||
Url: "/#"
|
||||
|
||||
# social
|
||||
socialicontop: false
|
||||
socialiconfooter: true
|
||||
name: "Gurusabarish"
|
||||
github: "https://github.com/gurusabarish"
|
||||
linkedin: "https://linkedin.com/in/gurusabarish"
|
||||
twitter: "https://twitter.com/gurusabarishh"
|
||||
instagram: "https://instagram.com/gurusabarishh"
|
||||
# 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
|
||||
profile_image: "/images/gurusabarish.webp"
|
||||
descripe_l1_person: "Hi, I'm Gurusabarish, a passionate web developer and ML engineer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
|
||||
descripe_l2_person: ""
|
||||
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
|
||||
|
||||
useresume: true
|
||||
customname: ""
|
||||
resumelink: ""
|
||||
# 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.
|
||||
|
||||
# Things I do
|
||||
usedothings: true
|
||||
Things:
|
||||
- logo: fab fa-python
|
||||
title: Python
|
||||
description: I build something beautiful using Python.
|
||||
#url: https://example.com
|
||||
# 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"
|
||||
|
||||
- logo: fas fa-robot
|
||||
title: Machine learning
|
||||
description: I train robust models for various tasks.
|
||||
#url: https://guru.com
|
||||
# Projects
|
||||
disable_projects: false
|
||||
projects:
|
||||
- name: "Example project without details"
|
||||
img: /images/project.jpg
|
||||
githublink: "https://github.com/"
|
||||
featuredlink: "/"
|
||||
description: "Description of project"
|
||||
|
||||
- logo: fab fa-html5
|
||||
title: Things for web
|
||||
description: I love to build things for web
|
||||
#url: https://guru.com
|
||||
# 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
|
||||
|
||||
#Description for seo. If you want to show description in your listing or single page, let's make it true
|
||||
showdescription: false
|
||||
tweet: false
|
||||
# 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: "[email protected]"
|
||||
|
||||
# Footer
|
||||
socialiconfooter: true
|
||||
recentposts: true
|
||||
|
||||
# Blog
|
||||
showdescription: false
|
||||
tweet: true
|
||||
|
||||
@@ -0,0 +1,9 @@
|
||||
---
|
||||
title: "Example project with details"
|
||||
date: 2021-05-04T11:30:13+05:30
|
||||
draft: false
|
||||
img: /images/project.jpg
|
||||
description: "Description of project"
|
||||
github: https://github.com/
|
||||
featured: /
|
||||
---
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 268 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
@@ -0,0 +1,115 @@
|
||||
article blockquote {
|
||||
margin: 0 !;
|
||||
border-left: 4px solid #248aaa !important;
|
||||
background-color: #248baa15 !important;
|
||||
padding: 0.3rem !important;
|
||||
padding-left: 1rem !important;
|
||||
}
|
||||
|
||||
article blockquote > p {
|
||||
color: #3c4858 !important;
|
||||
margin-top: 0.5rem !important;
|
||||
margin-bottom: 0.5rem !important;
|
||||
}
|
||||
|
||||
article h1,
|
||||
h2 {
|
||||
margin-top: 1.4rem;
|
||||
font-size: 32px;
|
||||
border-left: 4px solid #77ace9 !important;
|
||||
background-color: #b2cad43a !important;
|
||||
padding: 0.3rem !important;
|
||||
padding-left: 1rem !important;
|
||||
}
|
||||
|
||||
article h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin-top: 1.3rem;
|
||||
}
|
||||
|
||||
article table {
|
||||
border-radius: 0.1rem;
|
||||
background: #e5e9f2;
|
||||
border: 1px solid #c0ccda;
|
||||
padding: 0.1rem;
|
||||
}
|
||||
|
||||
article table tr {
|
||||
height: 40px !important;
|
||||
}
|
||||
|
||||
article table th,
|
||||
td {
|
||||
padding: 0.5rem;
|
||||
border-left: 1px solid #8392a5;
|
||||
border-bottom: 1px solid #8392a5;
|
||||
}
|
||||
|
||||
article table thead tr {
|
||||
background: #248aaa;
|
||||
color: #e5e9f2;
|
||||
}
|
||||
|
||||
article tbody tr:nth-child(odd) {
|
||||
background-color: #e5e9f2;
|
||||
}
|
||||
|
||||
article tbody tr:hover {
|
||||
background: #c0ccda;
|
||||
}
|
||||
|
||||
article img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
article caption,
|
||||
figcaption {
|
||||
caption-side: bottom;
|
||||
text-align: center;
|
||||
color: #8392a5;
|
||||
}
|
||||
|
||||
article pre {
|
||||
margin: 5px;
|
||||
padding: 5%;
|
||||
font-size: 18px;
|
||||
max-height: 400px;
|
||||
border-radius: 2%;
|
||||
background-color: #1f618d !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
article pre > code {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
article a.header-anchor {
|
||||
text-decoration: none;
|
||||
color: #1c2d41;
|
||||
}
|
||||
|
||||
article a.header-anchor i {
|
||||
font-size: 10pt;
|
||||
color: #3c4858;
|
||||
display: none;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
article a.header-anchor:hover i {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
article a.header-anchor code {
|
||||
color: #e83e8c;
|
||||
}
|
||||
|
||||
article kbd {
|
||||
background-color: #248aaa !important;
|
||||
color: #f9fafc;
|
||||
}
|
||||
|
||||
article mark {
|
||||
background-color: #ffc21280;
|
||||
}
|
||||
@@ -0,0 +1,13 @@
|
||||
/*footer*/
|
||||
.footer {
|
||||
background: #f2f2f2;
|
||||
}
|
||||
|
||||
.navbar-text {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.footer-site {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
@@ -0,0 +1,203 @@
|
||||
a:hover {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
/*home*/
|
||||
|
||||
.home {
|
||||
height: auto;
|
||||
padding: 0;
|
||||
padding-bottom: 0;
|
||||
margin: 0;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-family: "Alata", sans-serif;
|
||||
}
|
||||
|
||||
.name-intro {
|
||||
font-size: 20px;
|
||||
padding-top: 10%;
|
||||
padding-left: 17%;
|
||||
}
|
||||
|
||||
.profile {
|
||||
float: right;
|
||||
padding-right: 22%;
|
||||
padding-bottom: 10%;
|
||||
}
|
||||
|
||||
.know-more {
|
||||
padding-bottom: 15%;
|
||||
font-family: cursive;
|
||||
}
|
||||
|
||||
.know-more a:hover {
|
||||
text-decoration-line: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.home-content {
|
||||
padding-top: 0;
|
||||
padding-left: 18%;
|
||||
padding-right: 5%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom;
|
||||
}
|
||||
|
||||
.social a:hover {
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
.profile {
|
||||
padding-right: 35%;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.home {
|
||||
height: auto;
|
||||
background-position: left bottom;
|
||||
}
|
||||
|
||||
.name-intro {
|
||||
height: 200px;
|
||||
padding-left: 10%;
|
||||
}
|
||||
|
||||
.home-content {
|
||||
height: 30%;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.know-more {
|
||||
padding-top: 10%;
|
||||
padding-left: 20%;
|
||||
padding-right: 20%;
|
||||
padding-bottom: 10%;
|
||||
}
|
||||
|
||||
.know-more a {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
/* recent posts */
|
||||
.recent-posts {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
/* do things */
|
||||
|
||||
.do-things {
|
||||
background-color: #e5e9f2;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
padding-bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.things-i-do {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.things {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.things-text {
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.do-things-card {
|
||||
padding-left: 15%;
|
||||
padding-right: 15%;
|
||||
padding-bottom: 15%;
|
||||
padding-top: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
/* about */
|
||||
|
||||
.about {
|
||||
height: auto;
|
||||
background-color: #e5e9f2;
|
||||
}
|
||||
|
||||
.jop {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.about-me {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.about-content {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.about-content a:hover {
|
||||
text-decoration-line: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.about {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* Skill
|
||||
.skill {
|
||||
height: 80vh;
|
||||
background-color: #e5e9f2;
|
||||
}
|
||||
.skill-heading {
|
||||
font-family: 'Alata', sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Projects */
|
||||
.projects {
|
||||
height: auto;
|
||||
background-color: #bd8338;
|
||||
}
|
||||
|
||||
.project-heading {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
/* recent posts */
|
||||
.blog-back {
|
||||
background-color: #ebb951;
|
||||
}
|
||||
|
||||
.post-card a:hover {
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
.post-hover :hover {
|
||||
background-color: #17a2b8;
|
||||
}
|
||||
|
||||
/* contact */
|
||||
.contact-head {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
@@ -1,120 +1,3 @@
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* do things */
|
||||
|
||||
.do-things {
|
||||
height: auto;
|
||||
padding: 0;
|
||||
padding-bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.things-i-do {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.things {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.things-text {
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.things-i-do {
|
||||
padding-top: 7% !important;
|
||||
}
|
||||
|
||||
.do-things-card {
|
||||
padding-left: 15%;
|
||||
padding-right: 15%;
|
||||
padding-bottom: 0%;
|
||||
padding-top: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
/* about */
|
||||
|
||||
.about {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.jop {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.about-me {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
.about-content {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.about-content a:hover {
|
||||
text-decoration-line: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.about {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* footer */
|
||||
footer {
|
||||
background-color: #1c2d41;
|
||||
color: #8392a5;
|
||||
border-top-width: 1px !important;
|
||||
border-color: #8392a5;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #8392a5;
|
||||
}
|
||||
|
||||
/* news */
|
||||
.news a {
|
||||
color: #1c2d41;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*navbar*/
|
||||
.navbar-color {
|
||||
color: #101820ff;
|
||||
}
|
||||
|
||||
.navbar-text {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
color: #101820ff !important;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: #1c2d41;
|
||||
color: #8392a5;
|
||||
border-top-width: 1px !important;
|
||||
border-color: #8392a5;
|
||||
}
|
||||
|
||||
.blog-title {
|
||||
font-size: 48px;
|
||||
}
|
||||
@@ -0,0 +1,85 @@
|
||||
/* v2 and v3 footer */
|
||||
footer {
|
||||
background-color: #1c2d41;
|
||||
color: #8392a5;
|
||||
border-top-width: 1px !important;
|
||||
border-color: #8392a5;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #8392a5;
|
||||
text-decoration: none;
|
||||
}
|
||||
footer a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* v2 and v3 news */
|
||||
.news a {
|
||||
color: #1c2d41;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* v2 do things */
|
||||
.do-things {
|
||||
height: auto;
|
||||
padding: 0;
|
||||
padding-bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.things-i-do {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.things {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.things-text {
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.things-i-do {
|
||||
padding-top: 7% !important;
|
||||
}
|
||||
|
||||
.do-things-card {
|
||||
padding-left: 15%;
|
||||
padding-right: 15%;
|
||||
padding-bottom: 0%;
|
||||
padding-top: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
/* v2 about */
|
||||
.about {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.jop {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.about-me {
|
||||
font-family: "Alata", sans-serif;
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
.about-content {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.about-content a:hover {
|
||||
text-decoration-line: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.about {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #0a192f;
|
||||
}
|
||||
.post-ol {
|
||||
list-style-type: decimal-leading-zero;
|
||||
padding-top: 1%;
|
||||
}
|
||||
.post-ol li {
|
||||
padding-top: 3%;
|
||||
}
|
||||
.post-sum p {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
#loader {
|
||||
position: fixed;
|
||||
border: 5px solid #007bff;
|
||||
border-radius: 50%;
|
||||
border-top: 5px solid #444444;
|
||||
border-bottom: 5px solid #444444;
|
||||
border-right: 5px solid #444444;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
animation: spin 1s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.center {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
/* v3 navbar */
|
||||
.navbar-brand {
|
||||
color: #007bff !important;
|
||||
}
|
||||
.navbar .nav-link {
|
||||
color: #f9fafc !important;
|
||||
}
|
||||
.navbar .nav-link:hover {
|
||||
color: #007bff !important;
|
||||
}
|
||||
.navbar-text {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
/* v2 and v3 footer */
|
||||
footer {
|
||||
color: #8392a5;
|
||||
border-top-width: 1px !important;
|
||||
border-color: #8392a5;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #8392a5;
|
||||
}
|
||||
|
||||
/* v2 and v3 news */
|
||||
.news a {
|
||||
color: #1c2d41;
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -0,0 +1,122 @@
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #0a192f;
|
||||
}
|
||||
|
||||
#TableOfContents {
|
||||
padding: 3%;
|
||||
}
|
||||
#TableOfContents > ul > li > ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#TableOfContents > ul {
|
||||
padding-left: 7%;
|
||||
}
|
||||
article {
|
||||
line-height: 1.756;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
article blockquote {
|
||||
margin: 0 !;
|
||||
border-left: 4px solid #248aaa !important;
|
||||
background-color: #248baa15 !important;
|
||||
padding: 0.3rem !important;
|
||||
padding-left: 1rem !important;
|
||||
}
|
||||
|
||||
article blockquote > p {
|
||||
margin-top: 0.5rem !important;
|
||||
margin-bottom: 0.5rem !important;
|
||||
}
|
||||
|
||||
article > table {
|
||||
border-radius: 0.1rem;
|
||||
background: #e5e9f2;
|
||||
border: 1px solid #c0ccda;
|
||||
padding: 0.1rem;
|
||||
}
|
||||
|
||||
article > table > tr {
|
||||
height: 40px !important;
|
||||
}
|
||||
|
||||
article > table > thead > tr > th {
|
||||
padding: 0.5rem !important;
|
||||
border-left: 1px solid #8392a5;
|
||||
border-bottom: 1px solid #8392a5;
|
||||
}
|
||||
article > table > tbody > tr > td {
|
||||
padding: 0.5rem !important;
|
||||
border-left: 1px solid #8392a5;
|
||||
border-bottom: 1px solid #8392a5;
|
||||
}
|
||||
|
||||
article > table > thead > tr {
|
||||
background: #248aaa;
|
||||
color: #e5e9f2;
|
||||
}
|
||||
|
||||
article > tbody > tr:nth-child(odd) {
|
||||
background-color: #e5e9f2;
|
||||
}
|
||||
|
||||
article > tbody > tr:hover {
|
||||
background: #c0ccda;
|
||||
}
|
||||
|
||||
article img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
article caption,
|
||||
figcaption {
|
||||
caption-side: bottom;
|
||||
text-align: center;
|
||||
color: #8392a5;
|
||||
}
|
||||
|
||||
article pre {
|
||||
border-radius: 0.5rem !important;
|
||||
margin: 5px;
|
||||
padding: 2%;
|
||||
background-color: #1f618d !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
article pre > code {
|
||||
color: white;
|
||||
}
|
||||
|
||||
article a.header-anchor {
|
||||
text-decoration: none;
|
||||
color: #1c2d41;
|
||||
}
|
||||
|
||||
article a.header-anchor i {
|
||||
font-size: 10pt;
|
||||
color: #3c4858;
|
||||
display: none;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
article a.header-anchor:hover i {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
article a.header-anchor code {
|
||||
color: #e83e8c;
|
||||
}
|
||||
|
||||
article kbd {
|
||||
background-color: #248aaa !important;
|
||||
color: #f9fafc;
|
||||
}
|
||||
|
||||
article mark {
|
||||
background-color: #ffc21280;
|
||||
}
|
||||
@@ -0,0 +1,332 @@
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
body {
|
||||
font-family: "Roboto", sans-serif;
|
||||
background-color: #0a192f;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* v3 home */
|
||||
.name {
|
||||
padding-left: 3%;
|
||||
border-left: 5px solid #f9fafc;
|
||||
}
|
||||
.btn-intro {
|
||||
padding-left: 3%;
|
||||
padding-bottom: 10%;
|
||||
}
|
||||
.social {
|
||||
padding-left: 5%;
|
||||
}
|
||||
.btn-know {
|
||||
padding: 2% 5% 2% 5%;
|
||||
border-radius: 50px !important;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
}
|
||||
.social-icon {
|
||||
padding: 2%;
|
||||
background-color: #f9fafc;
|
||||
border-radius: 50%;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.social-icon:hover {
|
||||
background-color: #007bff !important;
|
||||
color: #f9fafc !important;
|
||||
}
|
||||
.intro {
|
||||
padding: 8% 0 8% 0;
|
||||
}
|
||||
.name-container {
|
||||
padding-left: 15%;
|
||||
}
|
||||
.profile {
|
||||
padding: 1%;
|
||||
border: 1px solid #f9fafc;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
}
|
||||
.profile:hover {
|
||||
-webkit-filter: grayscale(0);
|
||||
filter: none;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.name-container {
|
||||
padding-left: 10%;
|
||||
}
|
||||
.profile {
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 768px) and (orientation: landscape) {
|
||||
.name-container {
|
||||
padding-left: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 about */
|
||||
.about {
|
||||
padding-top: 3% !important;
|
||||
padding-bottom: 3% !important;
|
||||
}
|
||||
.about-content {
|
||||
padding-left: 10% !important;
|
||||
font-size: 17px;
|
||||
}
|
||||
.about-skill {
|
||||
padding-right: 10% !important;
|
||||
}
|
||||
.contact-btn {
|
||||
padding: 2%;
|
||||
font-size: 17px;
|
||||
color: #f9fafc;
|
||||
border: 1px solid #f9fafc;
|
||||
}
|
||||
.contact-btn:hover {
|
||||
color: #8892b0;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.about-content {
|
||||
padding-left: 5% !important;
|
||||
padding-right: 5% !important;
|
||||
}
|
||||
.about-skill {
|
||||
padding-left: 5% !important;
|
||||
padding-right: 5% !important;
|
||||
}
|
||||
.about {
|
||||
padding-top: 5% !important;
|
||||
padding-bottom: 5% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 projects */
|
||||
.bg-pro {
|
||||
padding: 0 !important;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.bg-pro img {
|
||||
height: 250px;
|
||||
width: 100%;
|
||||
border-radius: 0.5rem !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
}
|
||||
.content-pro {
|
||||
height: 250px;
|
||||
background-color: #e5e4e2 !important;
|
||||
border-top-right-radius: 0.5rem !important;
|
||||
border-bottom-right-radius: 0.5rem !important;
|
||||
}
|
||||
.content-pro-top {
|
||||
height: 80%;
|
||||
}
|
||||
|
||||
.pro:hover .pro-btn {
|
||||
background-color: #3498db !important;
|
||||
color: #f9fafc;
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.bg-pro {
|
||||
opacity: 0.3;
|
||||
position: relative;
|
||||
}
|
||||
.pro {
|
||||
margin-left: 10% !important;
|
||||
margin-right: 10% !important;
|
||||
}
|
||||
.bg-pro img {
|
||||
border-radius: 0.5rem !important;
|
||||
}
|
||||
.content-pro {
|
||||
background-color: transparent !important;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
}
|
||||
.content-pro-top {
|
||||
height: 80%;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.card-text {
|
||||
color: #faf9f6;
|
||||
}
|
||||
.pro:hover .content-pro {
|
||||
background-color: transparent !important;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.pro:hover .pro-btn {
|
||||
color: #f9fafc;
|
||||
border: none;
|
||||
}
|
||||
.pro:hover .bg-pro {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 experience */
|
||||
#experience {
|
||||
color: #8892b0;
|
||||
}
|
||||
#nav-pills-out {
|
||||
border-left: 1px solid #f9fafc;
|
||||
}
|
||||
.nav-pills .nav-link {
|
||||
color: #8892b0 !important;
|
||||
}
|
||||
.nav-pills .active {
|
||||
color: #f9fafc !important;
|
||||
background-color: #0a192f !important;
|
||||
}
|
||||
.tab-pane {
|
||||
color: #8892b0;
|
||||
}
|
||||
.ex {
|
||||
list-style-type: none;
|
||||
}
|
||||
.ex .ex-item {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.ex-item::before {
|
||||
padding-left: 8%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #007bff;
|
||||
}
|
||||
.ex-ol {
|
||||
list-style-type: decimal-leading-zero;
|
||||
padding-top: 7%;
|
||||
}
|
||||
.ex-ol .ex-ol-li {
|
||||
padding-bottom: 3%;
|
||||
}
|
||||
.ex-ol-ul {
|
||||
max-width: 100%;
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.ex-ol-ul li {
|
||||
max-width: 100%;
|
||||
padding-left: 10%;
|
||||
}
|
||||
.ex-ol-item::before {
|
||||
padding-left: 15%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #007bff;
|
||||
}
|
||||
@media only screen and (max-width: 768px) and (orientation: landscape) {
|
||||
.ex-ol {
|
||||
list-style-type: decimal-leading-zero;
|
||||
padding-left: 15% !important;
|
||||
padding-right: 15% !important;
|
||||
}
|
||||
.ex-ol-item::before {
|
||||
padding-left: 17%;
|
||||
content: "▹";
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 education */
|
||||
#education {
|
||||
color: #8892b0;
|
||||
}
|
||||
.v-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.edu {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.edu-item {
|
||||
padding-left: 20%;
|
||||
list-style: none;
|
||||
}
|
||||
.edu-item::before {
|
||||
padding: 0%;
|
||||
padding-left: 20%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.edu-img {
|
||||
width: 100%;
|
||||
}
|
||||
@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: 2%;
|
||||
list-style: none;
|
||||
}
|
||||
.edu-img {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1024px) and (orientation: landscape) {
|
||||
.edu-item::before {
|
||||
padding: 0%;
|
||||
padding-left: 18%;
|
||||
content: "▹";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
color: #f9fafc;
|
||||
}
|
||||
.edu-item {
|
||||
padding-right: 18%;
|
||||
padding-left: 18%;
|
||||
list-style: none;
|
||||
}
|
||||
.edu-img {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 Achievements */
|
||||
.achiv-card:hover {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
.achiv-card {
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
.achiv {
|
||||
min-height: 40%;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
|
||||
transition: 0.3s;
|
||||
transition: ease-in-out 0.4s;
|
||||
border-radius: 0.25rem !important;
|
||||
}
|
||||
.achiv-out {
|
||||
max-width: 35% !important;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.achiv-out {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* v3 contact */
|
||||
#contact {
|
||||
color: #8892b0;
|
||||
font-size: 17px;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
@@ -1 +0,0 @@
|
||||
<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"/><path fill="#FFF" d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z"/></svg>
|
||||
|
Before Width: | Height: | Size: 371 B |
@@ -1 +0,0 @@
|
||||
<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"/><stop offset=".328" stop-color="#ff543f"/><stop offset=".348" stop-color="#fc5245"/><stop offset=".504" stop-color="#e64771"/><stop offset=".643" stop-color="#d53e91"/><stop offset=".761" stop-color="#cc39a4"/><stop offset=".841" stop-color="#c837ab"/></radialGradient><path fill="url(#yOrnnhliCrdS2gy~4tD8ma)" d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z"/><radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4168c9"/><stop offset=".999" stop-color="#4168c9" stop-opacity="0"/></radialGradient><path fill="url(#yOrnnhliCrdS2gy~4tD8mb)" d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z"/><path fill="#fff" d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z"/><circle cx="31.5" cy="16.5" r="1.5" fill="#fff"/><path fill="#fff" d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z"/></svg>
|
||||
|
Before Width: | Height: | Size: 1.7 KiB |
@@ -1 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 835 B |
Binary file not shown.
Reference in New Issue
Block a user