extra colors, 404 fix and some more
This commit is contained in:
gurusabarish
@@ -2,3 +2,4 @@
|
|||||||
/config.yaml
|
/config.yaml
|
||||||
/content
|
/content
|
||||||
/static/images
|
/static/images
|
||||||
|
.vscode
|
||||||
@@ -1,9 +1,8 @@
|
|||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
|
|
||||||
# hugo-profile
|
# hugo-profile
|
||||||
|
|
||||||
A high performance hugo theme for personal portfolio and blog
|
A high performance and mobile first hugo template for personal portfolio and blog
|
||||||
|
|
||||||
[](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile)
|
[](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile)
|
||||||
[](https://github.com/gurusabarish/hugo-profile/network)
|
[](https://github.com/gurusabarish/hugo-profile/network)
|
||||||
@@ -16,21 +15,28 @@ A high performance hugo theme for personal portfolio and blog
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
## Queries
|
## Queries
|
||||||
|
|
||||||
- If you have any queries or bugs, feel free to open an issue in [github](https://github.com/gurusabarish/hugo-profile/issues)
|
- If you have any queries or bugs, feel free to open an issue in [github](https://github.com/gurusabarish/hugo-profile/issues)
|
||||||
|
|
||||||
## Quick deployment
|
## Quick deployment
|
||||||
|
|
||||||
*Fork this repo or create your own github repo using "*use this template*" button. Edit the content inside website folder and connect your repo to netlify*
|
*Fork this repo or create your own github repo using "*use this template*" button. Edit the content inside website folder and connect your repo to netlify*
|
||||||
> Please, use your google analytics after deployment
|
|
||||||
|
> Use your own google analytics
|
||||||
|
|
||||||
## Demos
|
## Demos
|
||||||
|
|
||||||
### [Demo Site V3(latest)](https://profile.gurusabarish.tech)
|
### [Demo Site V3(latest)](https://profile.gurusabarish.tech)
|
||||||
|
|
||||||
### [Demo Site V2](https://v2.profile.gurusabarish.tech)
|
### [Demo Site V2](https://v2.profile.gurusabarish.tech)
|
||||||
|
|
||||||
### [Demo Site V1](https://v1.profile.gurusabarish.tech)
|
### [Demo Site V1](https://v1.profile.gurusabarish.tech)
|
||||||
|
|
||||||
*NOTE: If you are using this site as a template for your own portfolio and blog, I would be very glad if you add a link to the original template in footer*
|
_NOTE: If you are using this site as a template for your own portfolio and blog, I would be very glad if you add a link to the original template in footer_
|
||||||
|
|
||||||
> Open an issue and give your feedback and feature requests. It will help us to make the better version.
|
> Open an issue and give your feedback and feature requests. It will help us to make the better version.
|
||||||
|
|
||||||
@@ -38,8 +44,6 @@ A high performance hugo theme for personal portfolio and blog
|
|||||||
|
|
||||||
- Hugo Version 0.68.0 or higher
|
- Hugo Version 0.68.0 or higher
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
|
|
||||||
- [Install Hugo](https://gohugo.io/overview/installing)
|
- [Install Hugo](https://gohugo.io/overview/installing)
|
||||||
@@ -58,10 +62,12 @@ cd themes
|
|||||||
git clone https://github.com/gurusabarish/hugo-profile.git
|
git clone https://github.com/gurusabarish/hugo-profile.git
|
||||||
```
|
```
|
||||||
|
|
||||||
<b>Go to the config file and add the line after titile ```theme: "hugo-profile"``` </b>
|
<b>Go to the config file and add the line after titile `theme: "hugo-profile"` </b>
|
||||||
|
|
||||||
## Configuration
|
## Configuration
|
||||||
|
|
||||||
### Version 1
|
### Version 1
|
||||||
|
|
||||||
```
|
```
|
||||||
baseURL: "https://example.com"
|
baseURL: "https://example.com"
|
||||||
languageCode: "en-us"
|
languageCode: "en-us"
|
||||||
@@ -188,6 +194,7 @@ params:
|
|||||||
```
|
```
|
||||||
|
|
||||||
### Version 2
|
### Version 2
|
||||||
|
|
||||||
```
|
```
|
||||||
baseURL: "https://example.com"
|
baseURL: "https://example.com"
|
||||||
languageCode: "en-us"
|
languageCode: "en-us"
|
||||||
@@ -267,6 +274,7 @@ params:
|
|||||||
```
|
```
|
||||||
|
|
||||||
### Version 3
|
### Version 3
|
||||||
|
|
||||||
```
|
```
|
||||||
baseURL: "https://example.com"
|
baseURL: "https://example.com"
|
||||||
languageCode: "en-us"
|
languageCode: "en-us"
|
||||||
|
|||||||
+20
-19
@@ -1,27 +1,28 @@
|
|||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<style>
|
<style>
|
||||||
html {
|
html {
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: "Roboto", sans-serif;
|
font-family: "Roboto", sans-serif;
|
||||||
background-color: #0a192f;
|
background-color: #eaedf0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row justify-centent-center py-5">
|
<div class="row justify-centent-center py-5">
|
||||||
<div class="display-4 font-weight-bold text-center col p-5">
|
<div class="display-4 font-weight-bold text-center col p-5">
|
||||||
{{ if eq .Site.Params.version 3 }}
|
{{ if eq .Site.Params.version 3 }}
|
||||||
<span class="text-light">404 page not found</span>
|
<span class="text-dark">404 page not found</span>
|
||||||
{{ else }}
|
{{ else }} 404 page not found {{ end }}
|
||||||
404 page not found
|
<div class="text-center p-5">
|
||||||
{{ end }}
|
<a
|
||||||
<div class="text-center p-5">
|
href="{{ .Site.BaseURL }}"
|
||||||
<a href="{{ .Site.BaseURL }}" class="font-weight-bold btn btn-primary rounded-pill p-3 mb-2">Back to
|
class="font-weight-bold btn btn-primary rounded-pill p-3 mb-2"
|
||||||
Home</a>
|
>Back to Home</a
|
||||||
</div>
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
+126
-136
@@ -1,121 +1,103 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
{{ if eq .Site.Params.version 1 }}
|
{{ if eq .Site.Params.version 1 }}
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>{{- .Site.Title -}}</title>
|
<title>{{- .Site.Title -}}</title>
|
||||||
<!-- stylesheets -->
|
<!-- stylesheets -->
|
||||||
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
<link rel="stylesheet" href="/css/bootstrap.min.css" />
|
||||||
<link rel="stylesheet" href="/css/all.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/fontawesome.min.css" media="all" />
|
||||||
<link rel="stylesheet" href="/css/v1/v1.css">
|
<link rel="stylesheet" href="/css/v1/v1.css" />
|
||||||
<!-- Fonts -->
|
<!-- Fonts -->
|
||||||
<link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
|
<link
|
||||||
<meta name="description" content="{{ .Site.Params.description }}">
|
href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap"
|
||||||
{{ template "_internal/google_analytics.html" . }}
|
rel="stylesheet"
|
||||||
{{- partial "sections/v1/head.html" . -}}
|
/>
|
||||||
</head>
|
<meta name="description" content="{{ .Site.Params.description }}" />
|
||||||
|
{{ template "_internal/google_analytics.html" . }} {{- partial
|
||||||
|
"sections/v1/head.html" . -}}
|
||||||
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{{- partial "sections/v1/home.html" . -}}
|
{{- partial "sections/v1/home.html" . -}} {{- partial
|
||||||
{{- partial "sections/v1/blog.html" . -}}
|
"sections/v1/blog.html" . -}} {{- partial "sections/v1/about.html" . -}} {{-
|
||||||
{{- partial "sections/v1/about.html" . -}}
|
partial "sections/v1/do_things.html" . -}} {{- partial
|
||||||
{{- partial "sections/v1/do_things.html" . -}}
|
"sections/v1/projects.html" . -}} {{- partial "sections/v1/contact.html" .
|
||||||
{{- partial "sections/v1/projects.html" . -}}
|
-}} {{- partial "sections/v1/footer.html" . -}} {{- partial
|
||||||
{{- partial "sections/v1/contact.html" . -}}
|
"sections/v1/scripts.html" . -}}
|
||||||
|
</body>
|
||||||
|
{{ else if eq .Site.Params.version 2 }}
|
||||||
|
|
||||||
{{- partial "sections/v1/footer.html" . -}}
|
<head>
|
||||||
{{- partial "sections/v1/scripts.html" . -}}
|
<title>{{- .Site.Title -}}</title>
|
||||||
</body>
|
<meta name="description" content="{{ .Site.Params.description }}" />
|
||||||
{{ else if eq .Site.Params.version 2 }}
|
<!-- 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/v2/head.html" . -}}
|
||||||
|
</head>
|
||||||
|
|
||||||
<head>
|
<body>
|
||||||
<title>{{- .Site.Title -}}</title>
|
{{- partial "sections/v2/header.html" . -}} {{- partial
|
||||||
<meta name="description" content="{{ .Site.Params.description }}">
|
"sections/v2/about.html" . -}} {{- partial "sections/v2/do_things.html" .
|
||||||
<!-- Fonts -->
|
-}} {{- partial "sections/v2/footer.html" . -}} {{- partial
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
"sections/v2/scripts.html" . -}}
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
|
</body>
|
||||||
media="all">
|
|
||||||
{{ template "_internal/google_analytics.html" . }}
|
|
||||||
{{- partial "sections/v2/head.html" . -}}
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
{{ else if eq .Site.Params.version 3 }}
|
||||||
{{- 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.googleapis.com" />
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
{{ 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" />
|
||||||
|
|
||||||
<head>
|
<!-- aos -->
|
||||||
<title>{{- .Site.Title -}}</title>
|
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
||||||
<meta name="description" content="{{ .Site.Params.description }}">
|
</head>
|
||||||
<!-- 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 -->
|
<body class="text-dark">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
<!--<div id="loader" class="center"></div>-->
|
||||||
</head>
|
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
||||||
|
<script>
|
||||||
<body class="text-dark">
|
AOS.init();
|
||||||
<!--<div id="loader" class="center"></div>-->
|
</script>
|
||||||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
<div>
|
||||||
<script>
|
{{- partial "sections/v3/navbar.html" . -}} {{ if
|
||||||
AOS.init();
|
.Site.Params.disable_home }} {{ else }} {{- partial
|
||||||
</script>
|
"sections/v3/home.html" . -}} {{ end }} {{ if .Site.Params.disable_about
|
||||||
<div>
|
}} {{ else }} {{- partial "sections/v3/about.html" . -}} {{ end }} {{ if
|
||||||
{{- partial "sections/v3/navbar.html" . -}}
|
.Site.Params.disable_experience }} {{ else }} {{- partial
|
||||||
|
"sections/v3/experience.html" . -}} {{ end }} {{ if
|
||||||
{{ if .Site.Params.disable_home }}
|
.Site.Params.disable_education }} {{ else }} {{- partial
|
||||||
{{ else }}
|
"sections/v3/education.html" . -}} {{ end }} {{ if
|
||||||
{{- partial "sections/v3/home.html" . -}}
|
.Site.Params.disable_projects }} {{ else }} {{- partial
|
||||||
{{ end }}
|
"sections/v3/projects.html" . -}} {{ end }} {{ if
|
||||||
|
.Site.Params.disable_achievements }} {{ else }} {{- partial
|
||||||
{{ if .Site.Params.disable_about }}
|
"sections/v3/achievements.html" . -}} {{ end }} {{ if
|
||||||
{{ else }}
|
.Site.Params.disable_contact }} {{ else }} {{- partial
|
||||||
{{- partial "sections/v3/about.html" . -}}
|
"sections/v3/contact.html" . -}} {{ end }} {{- partial
|
||||||
{{ end }}
|
"sections/v3/footer.html" . -}} {{- partial "sections/v3/scripts.html" .
|
||||||
|
-}}
|
||||||
{{ if .Site.Params.disable_experience }}
|
</div>
|
||||||
{{ else }}
|
<script>
|
||||||
{{- 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 () {
|
document.onreadystatechange = function () {
|
||||||
if (document.readyState !== "complete") {
|
if (document.readyState !== "complete") {
|
||||||
document.querySelector(
|
document.querySelector(
|
||||||
@@ -130,32 +112,40 @@
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
*/
|
*/
|
||||||
$('.darkmode-label').click(function () {
|
$(".darkmode-label").click(function () {
|
||||||
$("body").toggleClass("darkmode");
|
$("body").toggleClass("darkmode");
|
||||||
$(".fa-moon").toggleClass("d-none");
|
$(".fa-moon").toggleClass("d-none");
|
||||||
$(".fa-sun").toggleClass("d-none");
|
$(".fa-sun").toggleClass("d-none");
|
||||||
$("nav").toggleClass("navbar-dark");
|
$(".about-backdark").toggleClass("about-back");
|
||||||
$("nav").toggleClass("navbar-light");
|
$(".education-backdark").toggleClass("education-back");
|
||||||
$('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
|
$(".achievements-backdark").toggleClass("achievements-back");
|
||||||
$('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
|
$("nav").toggleClass("navbar-dark");
|
||||||
if ($('input.custom-control-input').is(':checked')) {
|
$("nav").toggleClass("navbar-light");
|
||||||
$('.darkmode-text-dark').addClass('text-dark').removeClass('darkmode-text-dark');
|
$(".text-dark").addClass("darkmode-text-dark").removeClass("text-dark");
|
||||||
$('.darkmode-text-muted').addClass('text-muted').removeClass('darkmode-text-muted');
|
$(".text-muted")
|
||||||
};
|
.addClass("darkmode-text-muted")
|
||||||
});
|
.removeClass("text-muted");
|
||||||
if ($('input.custom-control-input').is(':checked')) {
|
if ($("input.custom-control-input").is(":checked")) {
|
||||||
$("body").toggleClass("darkmode");
|
$(".darkmode-text-dark")
|
||||||
$(".fa-moon").addClass("d-none");
|
.addClass("text-dark")
|
||||||
$(".fa-sun").removeClass("d-none");
|
.removeClass("darkmode-text-dark");
|
||||||
$("nav").toggleClass("navbar-dark");
|
$(".darkmode-text-muted")
|
||||||
$("nav").toggleClass("navbar-light");
|
.addClass("text-muted")
|
||||||
$('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
|
.removeClass("darkmode-text-muted");
|
||||||
$('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
|
}
|
||||||
};
|
});
|
||||||
</script>
|
if ($("input.custom-control-input").is(":checked")) {
|
||||||
</body>
|
$("body").toggleClass("darkmode");
|
||||||
{{ else }}
|
$(".fa-moon").addClass("d-none");
|
||||||
|
$(".fa-sun").removeClass("d-none");
|
||||||
{{ end }}
|
$("nav").toggleClass("navbar-dark");
|
||||||
|
$("nav").toggleClass("navbar-light");
|
||||||
|
$(".text-dark").addClass("darkmode-text-dark").removeClass("text-dark");
|
||||||
|
$(".text-muted")
|
||||||
|
.addClass("darkmode-text-muted")
|
||||||
|
.removeClass("text-muted");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
{{ else }} {{ end }}
|
||||||
</html>
|
</html>
|
||||||
@@ -1,46 +1,61 @@
|
|||||||
<section id="about" class="pt-3">
|
<div id="about" class="about-backdark about-back">
|
||||||
<div class="container-fluid" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
<section class="pt-5">
|
||||||
<div class="text-dark text-center h3">About Me</div>
|
<div class="container-fluid">
|
||||||
<div class="row justify-content-center about">
|
<div class="text-dark text-center h3">About Me</div>
|
||||||
<div class="col-md-6 about-content">
|
<div class="row justify-content-center about">
|
||||||
<div data-aos="zoom-in-up" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
|
<div class="col-md-6 about-content">
|
||||||
data-aos-duration="900">
|
<div
|
||||||
<div class="px-2">
|
data-aos="zoom-in-up"
|
||||||
{{ .Site.Params.descripe_l1_person | markdownify }}
|
data-aos-offset="50"
|
||||||
<br>
|
data-aos-delay="50"
|
||||||
<br>
|
data-aos-once="true"
|
||||||
{{ .Site.Params.descripe_l2_person | markdownify }}
|
data-aos-duration="900"
|
||||||
|
>
|
||||||
|
<div class="px-2">
|
||||||
|
{{ .Site.Params.descripe_l1_person | markdownify }}
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
{{ .Site.Params.descripe_l2_person | markdownify }}
|
||||||
|
</div>
|
||||||
|
{{ if .Site.Params.email }}
|
||||||
|
<div class="py-3 pl-2">
|
||||||
|
<a
|
||||||
|
href="mailto:{{ .Site.Params.email }}?subject=Say hi!"
|
||||||
|
target="_blank"
|
||||||
|
class="contact-btn btn text-muted"
|
||||||
|
>
|
||||||
|
Get In Touch
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{ if .Site.Params.email }}
|
|
||||||
<div class="py-3 pl-2">
|
|
||||||
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" target="_blank"
|
|
||||||
class="contact-btn btn text-muted">
|
|
||||||
Get In Touch
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-md-5 about-skill">
|
||||||
</div>
|
<div
|
||||||
<div class="col-md-5 about-skill">
|
data-aos="zoom-in-down"
|
||||||
<div data-aos="zoom-in-down" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
|
data-aos-offset="50"
|
||||||
data-aos-duration="1000">
|
data-aos-delay="50"
|
||||||
<div class="text-secondary text-center h4">Skills</div>
|
data-aos-once="true"
|
||||||
{{ range .Site.Params.skills }}
|
data-aos-duration="1000"
|
||||||
<div>
|
>
|
||||||
|
<div class="text-secondary text-center h4">Skills</div>
|
||||||
|
{{ range .Site.Params.skills }}
|
||||||
<div>
|
<div>
|
||||||
{{ .name }}
|
<div>{{ .name }}</div>
|
||||||
</div>
|
<div class="progress mb-4">
|
||||||
<div class="progress mb-4">
|
<div
|
||||||
<div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
|
class="progress-bar"
|
||||||
aria-valuemax="100"></div>
|
role="progressbar"
|
||||||
|
style="width: {{ .percentage }}%;"
|
||||||
|
aria-valuemin="0"
|
||||||
|
aria-valuemax="100"
|
||||||
|
></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
</section>
|
</div>
|
||||||
|
|||||||
@@ -1,29 +1,29 @@
|
|||||||
{{ $img:= "images/v1/background.png" }}
|
{{ $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"
|
<section id="achievements" class="py-5 achievements-backdark achievements-back">
|
||||||
data-aos-once="true">
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="text-dark text-center h3">Achievements</div>
|
<div class="text-dark text-center h3">Achievements</div>
|
||||||
<div class="row justify-content-center py-3 mx-2">
|
<div class="row justify-content-center py-3 mx-2">
|
||||||
{{ range .Site.Params.achievements }}
|
{{ range .Site.Params.achievements }} {{ if .img }} {{ $img = .img }} {{
|
||||||
{{ if .img }}
|
end }}
|
||||||
{{ $img = .img }}
|
<div
|
||||||
{{ end }}
|
class="col-md-5 achiv-out px-4 px-md-2 my-2"
|
||||||
<div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
|
data-aos="fade-up"
|
||||||
data-aos-duration="600" data-aos-once="true">
|
data-aos-easing="linear"
|
||||||
<div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url({{ .img }});">
|
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">
|
<div class="p-3 w-100 achiv overflow-hidden">
|
||||||
<h4 class="text-center achiv-head">
|
<h4 class="text-center achiv-head">{{ .title }}</h4>
|
||||||
{{ .title }}
|
<div class="text-secondary">{{ .description }}</div>
|
||||||
</h4>
|
|
||||||
<div class="text-secondary">
|
|
||||||
{{ .description }}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
@@ -1,20 +1,20 @@
|
|||||||
<section id="contact" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
<section id="contact">
|
||||||
<div class="container-fluid py-3">
|
<div class="container-fluid py-5">
|
||||||
<div class="text-right text-center h3">Get In Touch</div>
|
<div class="text-right text-center h3">Get In Touch</div>
|
||||||
<div class="row justify-content-center px-md-5">
|
<div class="row justify-content-center px-md-5">
|
||||||
<div class="col-md-6 py-3">
|
<div class="col-md-6 py-3">
|
||||||
<div class=" text-center">
|
<div class="text-center">{{ .Site.Params.contact_content }}</div>
|
||||||
{{ .Site.Params.contact_content }}
|
|
||||||
</div>
|
|
||||||
{{ if .Site.Params.email }}
|
{{ if .Site.Params.email }}
|
||||||
<div class="text-center pt-3">
|
<div class="text-center pt-3">
|
||||||
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn text-muted">
|
<a
|
||||||
|
href="mailto:{{ .Site.Params.email }}?subject=Say hi!"
|
||||||
|
class="contact-btn btn text-muted"
|
||||||
|
>
|
||||||
Get In Touch
|
Get In Touch
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
File diff suppressed because one or more lines are too long
@@ -1,4 +1,4 @@
|
|||||||
<section id="experience" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
|
<section id="experience">
|
||||||
<div class="container-fluid pt-5">
|
<div class="container-fluid pt-5">
|
||||||
<div class="text-dark text-center h3">Experience</div>
|
<div class="text-dark text-center h3">Experience</div>
|
||||||
|
|
||||||
@@ -6,7 +6,13 @@
|
|||||||
<div class="d-md-none d-lg-none d-sm-block">
|
<div class="d-md-none d-lg-none d-sm-block">
|
||||||
<ol class="ex-ol pl-5 pr-3">
|
<ol class="ex-ol pl-5 pr-3">
|
||||||
{{ range .Site.Params.experience }}
|
{{ 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">
|
<li
|
||||||
|
class="ex-ol-li"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-easing="linear"
|
||||||
|
data-aos-duration="600"
|
||||||
|
data-aos-once="true"
|
||||||
|
>
|
||||||
<h4 class="text-muted">
|
<h4 class="text-muted">
|
||||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||||
</h4>
|
</h4>
|
||||||
@@ -22,31 +28,56 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="nav-pills-out" class="d-none d-md-block nav flex-column nav-pills col-md-2" id="v-pills-tab"
|
<div
|
||||||
role="tablist" aria-orientation="vertical">
|
id="nav-pills-out"
|
||||||
{{ range $index, $element := .Site.Params.experience }}
|
class="d-none d-md-block nav flex-column nav-pills col-md-2"
|
||||||
{{ if (eq $index 0) }}
|
id="v-pills-tab"
|
||||||
<a class="nav-link active" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
|
role="tablist"
|
||||||
aria-controls="{{ .company }}" aria-selected="true">
|
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 }}
|
{{ .company }}
|
||||||
</a>
|
</a>
|
||||||
{{ else }}
|
{{ else }}
|
||||||
<a class="nav-link" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
|
<a
|
||||||
aria-controls="{{ .company }}" aria-selected="false">
|
class="nav-link"
|
||||||
|
id="{{ .company }}-tab"
|
||||||
|
data-toggle="pill"
|
||||||
|
href="#{{ .company }}"
|
||||||
|
role="tab"
|
||||||
|
aria-controls="{{ .company }}"
|
||||||
|
aria-selected="false"
|
||||||
|
>
|
||||||
{{ .company }}
|
{{ .company }}
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }} {{ end }}
|
||||||
{{ end }}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="tab-content col-md-4 d-none d-md-block" id="v-pills-tabContent">
|
<div
|
||||||
{{ range $index, $element := .Site.Params.experience }}
|
class="tab-content col-md-4 d-none d-md-block"
|
||||||
{{ if (eq $index 0) }}
|
id="v-pills-tabContent"
|
||||||
<div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
|
>
|
||||||
|
{{ range $index, $element := .Site.Params.experience }} {{ if (eq $index
|
||||||
|
0) }}
|
||||||
|
<div
|
||||||
|
class="tab-pane fade show active"
|
||||||
|
id="{{ .company }}"
|
||||||
|
role="tabpanel"
|
||||||
|
aria-labelledby="{{ .company }}-tab"
|
||||||
|
>
|
||||||
<div class="h4 text-muted">
|
<div class="h4 text-muted">
|
||||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||||
</div>
|
</div>
|
||||||
@@ -62,7 +93,12 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
{{ else }}
|
{{ else }}
|
||||||
<div class="tab-pane fade" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
|
<div
|
||||||
|
class="tab-pane fade"
|
||||||
|
id="{{ .company }}"
|
||||||
|
role="tabpanel"
|
||||||
|
aria-labelledby="{{ .company }}-tab"
|
||||||
|
>
|
||||||
<div class="h4 text-muted">
|
<div class="h4 text-muted">
|
||||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||||
</div>
|
</div>
|
||||||
@@ -77,12 +113,8 @@
|
|||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }} {{ end }}
|
||||||
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -1,20 +1,28 @@
|
|||||||
<footer>
|
<footer>
|
||||||
<!-- recent posts -->
|
<!-- recent posts -->
|
||||||
<div class="news container py-3" data-aos="fade-up" data-aos-easing="linear" data-aos-once="true">
|
<div class="news container py-3">
|
||||||
{{ if .Site.Params.recentposts }}
|
{{ if .Site.Params.recentposts }}
|
||||||
<div class="h3 text-center text-dark py-3 font-weight-bold">Recent posts</div>
|
<div class="h3 text-center text-dark py-3 font-weight-bold">
|
||||||
|
Recent posts
|
||||||
|
</div>
|
||||||
<div class="row justify-content-center">
|
<div class="row justify-content-center">
|
||||||
{{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
|
{{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
|
||||||
<div class="col-lg-4 col-md-6 pt-2">
|
<div class="col-lg-4 col-md-6 pt-2">
|
||||||
<a href="{{ .RelPermalink }}" class="post-card-link">
|
<a href="{{ .RelPermalink }}" class="post-card-link">
|
||||||
<div class="card px-2 h-100">
|
<div class="card h-100">
|
||||||
<div class="card-head py-3">
|
<div class="card-head px-2 py-3">
|
||||||
<h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
|
<h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
|
||||||
<div class="px-2">{{ .Summary | truncate 300}}</div>
|
<div class="px-2">{{ .Summary | truncate 300}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-auto card-footer">
|
<div class="mt-auto card-footer">
|
||||||
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
|
<span class="float-left"
|
||||||
<a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
|
>{{ .Date.Format "January 2, 2006" }}</span
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="{{ .RelPermalink }}"
|
||||||
|
class="float-right btn btn-outline-info btn-sm"
|
||||||
|
>Read</a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
@@ -28,18 +36,36 @@
|
|||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
{{ if .Site.Params.github }}
|
{{ if .Site.Params.github }}
|
||||||
<span class="px-1">
|
<span class="px-1">
|
||||||
<a class="text-dark text-decoration-none" href="{{ .Site.Params.github }}" aria-label="github">
|
<a
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
|
class="text-dark text-decoration-none"
|
||||||
|
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
|
<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" />
|
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>
|
<metadata>
|
||||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
<rdf:RDF
|
||||||
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
<rdf:Description about="https://iconscout.com/legal#licenses"
|
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:title="Github, Online, Project, Hosting, Square"
|
||||||
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
|
dc:description="Github, Online, Project, Hosting, Square"
|
||||||
dc:format="image/svg+xml" dc:language="en">
|
dc:publisher="Iconscout"
|
||||||
|
dc:date="2016-12-14"
|
||||||
|
dc:format="image/svg+xml"
|
||||||
|
dc:language="en"
|
||||||
|
>
|
||||||
<dc:creator>
|
<dc:creator>
|
||||||
<rdf:Bag>
|
<rdf:Bag>
|
||||||
<rdf:li>Font Awesome</rdf:li>
|
<rdf:li>Font Awesome</rdf:li>
|
||||||
@@ -51,37 +77,71 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
{{ end }}
|
{{ end }} {{ if .Site.Params.linkedin }}
|
||||||
|
|
||||||
{{ if .Site.Params.linkedin }}
|
|
||||||
<span class="px-1">
|
<span class="px-1">
|
||||||
<a class="text-white text-decoration-none" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
<a
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
|
class="text-white text-decoration-none"
|
||||||
viewBox="0 0 512 512">
|
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%" />
|
<rect width="512" height="512" fill="#0077b5" rx="15%" />
|
||||||
<circle cx="142" cy="138" r="37" />
|
<circle cx="142" cy="138" r="37" />
|
||||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
<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" />
|
<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>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
{{ end }}
|
{{ end }} {{ if .Site.Params.twitter }}
|
||||||
|
<a
|
||||||
{{ if .Site.Params.twitter }}
|
class="text-info text-decoration-none"
|
||||||
<a class="text-info text-decoration-none" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
href="{{ .Site.Params.twitter }}"
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
aria-label="twitter"
|
||||||
<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" />
|
<svg
|
||||||
<path fill="#fff"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
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" />
|
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>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }} {{ if .Site.Params.instagram }}
|
||||||
|
<a
|
||||||
{{ if .Site.Params.instagram }}
|
class="text-danger text-decoration-none"
|
||||||
<a class="text-danger text-decoration-none" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
href="{{ .Site.Params.instagram }}"
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
aria-label="instagram"
|
||||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
|
>
|
||||||
|
<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="0" stop-color="#fd5" />
|
||||||
<stop offset=".328" stop-color="#ff543f" />
|
<stop offset=".328" stop-color="#ff543f" />
|
||||||
<stop offset=".348" stop-color="#fc5245" />
|
<stop offset=".348" stop-color="#fc5245" />
|
||||||
@@ -90,31 +150,56 @@
|
|||||||
<stop offset=".761" stop-color="#cc39a4" />
|
<stop offset=".761" stop-color="#cc39a4" />
|
||||||
<stop offset=".841" stop-color="#c837ab" />
|
<stop offset=".841" stop-color="#c837ab" />
|
||||||
</radialGradient>
|
</radialGradient>
|
||||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
<path
|
||||||
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" />
|
fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
|
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"
|
||||||
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
/>
|
||||||
|
<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="0" stop-color="#4168c9" />
|
||||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||||
</radialGradient>
|
</radialGradient>
|
||||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
<path
|
||||||
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" />
|
fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||||
<path fill="#fff"
|
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"
|
||||||
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" />
|
/>
|
||||||
|
<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" />
|
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||||
<path fill="#fff"
|
<path
|
||||||
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" />
|
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>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }} {{ if .Site.Params.facebook }}
|
||||||
|
<a
|
||||||
{{ if .Site.Params.facebook }}
|
class="text-info text-decoration-none"
|
||||||
<a class="text-info text-decoration-none" href="{{ .Site.Params.facebook }}" aria-label="facebook">
|
href="{{ .Site.Params.facebook }}"
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
aria-label="facebook"
|
||||||
<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" />
|
<svg
|
||||||
<path fill="#FFF"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
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" />
|
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>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
@@ -125,8 +210,8 @@
|
|||||||
<div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
|
<div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
|
||||||
<div class="pb-2">
|
<div class="pb-2">
|
||||||
<a href="{{ .Site.BaseURL }}">
|
<a href="{{ .Site.BaseURL }}">
|
||||||
<img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
|
<img alt="Footer logo" src="{{ .Site.Params.favicon | default
|
||||||
width="40px">
|
"/images/favicon.png"}}" height="40px" width="40px">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
© {{ dateFormat "2006" now }} All Rights Reserved
|
© {{ dateFormat "2006" now }} All Rights Reserved
|
||||||
|
|||||||
@@ -1,65 +1,70 @@
|
|||||||
<section id="projects">
|
<section id="projects">
|
||||||
<div class="container-fluid py-3 pt-5" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
|
<div class="container-fluid py-5">
|
||||||
data-aos-once="true">
|
|
||||||
<div class="text-dark text-center h3">Projects</div>
|
<div class="text-dark text-center h3">Projects</div>
|
||||||
<div class="row justify-content-center pt-2">
|
<div class="row justify-content-center pt-2">
|
||||||
{{ range ( where .Site.RegularPages "Type" "project" ) }}
|
{{ range ( where .Site.RegularPages "Type" "project" ) }}
|
||||||
<div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
|
<div
|
||||||
|
class="col-md-8 pro m-3 shadow"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration="1500"
|
||||||
|
data-aos-once="true"
|
||||||
|
>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6 bg-pro">
|
<div class="col-md-6 bg-pro">
|
||||||
<img src='{{ .Params.img }}' alt="{{ .Title }}">
|
<img src="{{ .Params.img }}" alt="{{ .Title }}" />
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 content-pro p-3 bg-light">
|
<div class="col-md-6 content-pro p-3 bg-light">
|
||||||
<div class="content-pro-top">
|
<div class="content-pro-top">
|
||||||
<h2>{{ .Title }}</h2>
|
<h2>{{ .Title }}</h2>
|
||||||
<p class="card-text pt-2">
|
<p class="card-text pt-2">{{ .Params.description }}</p>
|
||||||
{{ .Params.description }}
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
<span class="float-right">
|
<span class="float-right">
|
||||||
{{ if .Params.featured }}
|
{{ if .Params.featured }}
|
||||||
<a href="{{ .Params.featured }}" class="px-1">
|
<a href="{{ .Params.featured }}" class="px-1">
|
||||||
<i class="fas text-info fa-link"></i>
|
<i class="fas text-info fa-link"></i>
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }} {{ if .Params.github }}
|
||||||
{{ if .Params.github }}
|
|
||||||
<a href="{{ .Params.github }}" class="px-1 pr-2">
|
<a href="{{ .Params.github }}" class="px-1 pr-2">
|
||||||
<i class="fab text-dark fa-lg fa-github pro-github"></i>
|
<i class="fab text-dark fa-lg fa-github pro-github"></i>
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<a class="btn btn-sm pro-btn btn-outline-info" target="_blank" href="{{ .Permalink }}">
|
<a
|
||||||
|
class="btn btn-sm pro-btn btn-outline-info"
|
||||||
|
target="_blank"
|
||||||
|
href="{{ .Permalink }}"
|
||||||
|
>
|
||||||
Know more...
|
Know more...
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }} {{ range .Site.Params.projects }}
|
||||||
{{ range .Site.Params.projects }}
|
<div
|
||||||
<div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
|
class="col-md-8 pro m-3 shadow"
|
||||||
|
data-aos="fade-up"
|
||||||
|
data-aos-duration="1500"
|
||||||
|
data-aos-once="true"
|
||||||
|
>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6 bg-pro">
|
<div class="col-md-6 bg-pro">
|
||||||
<img src='{{ .img }}' alt="{{ .name }}">
|
<img src="{{ .img }}" alt="{{ .name }}" />
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 content-pro p-3 bg-light">
|
<div class="col-md-6 content-pro p-3 bg-light">
|
||||||
<div class="content-pro-top">
|
<div class="content-pro-top">
|
||||||
<h2>{{ .name }}</h2>
|
<h2>{{ .name }}</h2>
|
||||||
<p class="card-text pt-2">
|
<p class="card-text pt-2">{{ .description }}</p>
|
||||||
{{ .description }}
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
<span class="float-right">
|
<span class="float-right">
|
||||||
{{ if .featuredlink }}
|
{{ if .featuredlink }}
|
||||||
<a href="{{ .featuredlink }}" class="px-1">
|
<a href="{{ .featuredlink }}" class="px-1">
|
||||||
<i class="fas text-info fa-link"></i>
|
<i class="fas text-info fa-link"></i>
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }} {{ if .githublink }}
|
||||||
{{ if .githublink }}
|
|
||||||
<a href="{{ .githublink }}" class="px-1 pr-2">
|
<a href="{{ .githublink }}" class="px-1 pr-2">
|
||||||
<i class="fab text-dark fa-lg fa-github pro-github"></i>
|
<i class="fab text-dark fa-lg fa-github pro-github"></i>
|
||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+21
-14
@@ -12,16 +12,16 @@ a:hover {
|
|||||||
/* v3 home */
|
/* v3 home */
|
||||||
.name {
|
.name {
|
||||||
padding-left: 3%;
|
padding-left: 3%;
|
||||||
border-left: 1.2px solid #007bff;
|
border-left: 3px solid #007bff;
|
||||||
}
|
}
|
||||||
.hi-text {
|
.hi-text {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
.name-text {
|
.name-text {
|
||||||
font-size: 70px;
|
font-size: 60px;
|
||||||
}
|
}
|
||||||
.pro-text {
|
.pro-text {
|
||||||
font-size: 30px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
.btn-intro {
|
.btn-intro {
|
||||||
padding-left: 3%;
|
padding-left: 3%;
|
||||||
@@ -38,16 +38,16 @@ a:hover {
|
|||||||
}
|
}
|
||||||
.social-icon {
|
.social-icon {
|
||||||
padding: 2%;
|
padding: 2%;
|
||||||
background-color: #007bff;
|
|
||||||
color: #f9fafc !important;
|
|
||||||
border-radius: 50%;
|
|
||||||
transition: 0.3s;
|
|
||||||
border: 1px solid;
|
|
||||||
}
|
|
||||||
.social-icon:hover {
|
|
||||||
background-color: #f9fafc !important;
|
background-color: #f9fafc !important;
|
||||||
color: #007bff !important;
|
color: #007bff !important;
|
||||||
border: 1px solid #007bff;
|
border: 1px solid #007bff;
|
||||||
|
border-radius: 50%;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
.social-icon:hover {
|
||||||
|
background-color: #007bff !important;
|
||||||
|
color: #f9fafc !important;
|
||||||
|
border: 1px solid #007bff;
|
||||||
}
|
}
|
||||||
.intro {
|
.intro {
|
||||||
padding: 8% 0 8% 0;
|
padding: 8% 0 8% 0;
|
||||||
@@ -90,6 +90,9 @@ a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* v3 about */
|
/* v3 about */
|
||||||
|
.about-back {
|
||||||
|
background-color: #dce6f1;
|
||||||
|
}
|
||||||
.about {
|
.about {
|
||||||
padding-top: 3% !important;
|
padding-top: 3% !important;
|
||||||
padding-bottom: 3% !important;
|
padding-bottom: 3% !important;
|
||||||
@@ -130,6 +133,7 @@ a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* v3 projects */
|
/* v3 projects */
|
||||||
|
|
||||||
.bg-pro {
|
.bg-pro {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
@@ -151,9 +155,8 @@ a:hover {
|
|||||||
color: #3a3b3c !important;
|
color: #3a3b3c !important;
|
||||||
height: 80%;
|
height: 80%;
|
||||||
}
|
}
|
||||||
.pro-github{
|
.pro-github {
|
||||||
color: #3a3b3c !important;
|
color: #3a3b3c !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
.pro:hover .pro-btn {
|
.pro:hover .pro-btn {
|
||||||
background-color: #3498db !important;
|
background-color: #3498db !important;
|
||||||
@@ -266,7 +269,8 @@ a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* v3 education */
|
/* v3 education */
|
||||||
#education {
|
.education-back {
|
||||||
|
background-color: #e1e0e5;
|
||||||
}
|
}
|
||||||
.v-center {
|
.v-center {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -293,7 +297,7 @@ a:hover {
|
|||||||
padding: 0%;
|
padding: 0%;
|
||||||
content: "▹";
|
content: "▹";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0px;
|
left: 30px;
|
||||||
}
|
}
|
||||||
.edu-item {
|
.edu-item {
|
||||||
padding-left: 5%;
|
padding-left: 5%;
|
||||||
@@ -325,6 +329,9 @@ a:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* v3 Achievements */
|
/* v3 Achievements */
|
||||||
|
.achievements-back {
|
||||||
|
background-color: #e5e6df;
|
||||||
|
}
|
||||||
.achiv-card:hover {
|
.achiv-card:hover {
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
}
|
}
|
||||||
|
|||||||
+1
-1
@@ -1,7 +1,7 @@
|
|||||||
name = "Hugo Profile"
|
name = "Hugo Profile"
|
||||||
license = "MIT"
|
license = "MIT"
|
||||||
licenselink = "https://github.com/gurusabarish/hugo-profile/blob/master/LICENSE"
|
licenselink = "https://github.com/gurusabarish/hugo-profile/blob/master/LICENSE"
|
||||||
description = "A high performance hugo theme for personal portfolio and blog."
|
description = "A high performance and mobile first hugo template for personal portfolio and blog."
|
||||||
homepage = "https://github.com/gurusabarish/hugo-profile"
|
homepage = "https://github.com/gurusabarish/hugo-profile"
|
||||||
demosite = "https://profile.gurusabarish.tech"
|
demosite = "https://profile.gurusabarish.tech"
|
||||||
tags = ["Responsive","Blog", "Portfolio", "Clean", "Fast", "Seo"]
|
tags = ["Responsive","Blog", "Portfolio", "Clean", "Fast", "Seo"]
|
||||||
|
|||||||
Reference in New Issue
Block a user