@@ -39,6 +97,7 @@
{{ end }}
{{ if .Site.Params.tweet }}
+
@@ -111,5 +170,8 @@
$('.TOC').on('click', function () {
$('.TOC-content').removeClass('d-none');
});
+
+{{ end }}
+
{{ end }}
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index 21805c3..80b12a4 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,15 +1,139 @@
-{{ define "head" }}
-
{{- .Site.Title -}}
-
-
-
-
+
+{{ if eq .Site.Params.version 1 }}
+
+
+
{{- .Site.Title -}}
+
+
+
+
+
+
+
+
+ {{ template "_internal/google_analytics.html" . }}
+ {{- partial "sections/v1/head.html" . -}}
+
+
+
+ {{- 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" . -}}
+
+{{ else if eq .Site.Params.version 2 }}
+
+
+
{{- .Site.Title -}}
+
+
+
+
-{{ template "_internal/google_analytics.html" . }}
+ {{ template "_internal/google_analytics.html" . }}
+ {{- partial "sections/v2/head.html" . -}}
+
+
+
+ {{- 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" . -}}
+
+
+{{ else if eq .Site.Params.version 3 }}
+
+
+
{{- .Site.Title -}}
+
+
+
+
+ {{ template "_internal/google_analytics.html" . }}
+ {{- partial "sections/v3/head.html" . -}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{- partial "sections/v3/navbar.html" . -}}
+
+ {{ if .Site.Params.disable_home }}
+ {{ else }}
+ {{- partial "sections/v3/home.html" . -}}
+ {{ end }}
+
+ {{ 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" . -}}
+
+
+
+{{ else }}
+
{{ end }}
-
-{{ define "main" }}
-{{- partial "sections/about.html" . -}}
-{{- partial "sections/do_things.html" . -}}
-{{ end }}
\ No newline at end of file
+
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
deleted file mode 100644
index 0938016..0000000
--- a/layouts/partials/footer.html
+++ /dev/null
@@ -1,142 +0,0 @@
-
-
-
- {{ if .Site.Params.recentposts }}
-
Recent posts
-
- {{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
-
- {{ end }}
-
- {{ end }}
-
- {{ if .Site.Params.socialiconfooter }}
-
-
- {{ if .Site.Params.github }}
-
-
-
-
-
-
-
-
-
-
- Font Awesome
-
-
-
-
-
-
-
-
- {{ end }}
-
- {{ if .Site.Params.linkedin }}
-
-
-
-
-
-
-
-
-
-
- {{ end }}
-
- {{ if .Site.Params.twitter }}
-
-
-
-
-
-
- {{ end }}
-
- {{ if .Site.Params.instagram }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ end }}
-
- {{ if .Site.Params.facebook }}
-
-
-
-
-
-
- {{ end }}
-
- {{ end }}
-
-
-
-
- © {{ .Site.Params.copyright }} All Rights Reserved
-
- Powered by
-
Hugo-profile
-
-
-
-
-
\ No newline at end of file
diff --git a/layouts/partials/sections/about.html b/layouts/partials/sections/about.html
deleted file mode 100644
index cb20257..0000000
--- a/layouts/partials/sections/about.html
+++ /dev/null
@@ -1,149 +0,0 @@
-
-
-
-
-
-
- {{ if .Site.Params.profile_image }}
-
- {{ end }}
-
- {{ if .Site.Params.name }}
- {{ .Site.Params.name }}
- {{ end }}
-
-
-
-
- {{ if .Site.Params.socialicontop }}
-
- {{ if .Site.Params.github }}
-
-
-
-
-
-
-
-
-
-
- Font Awesome
-
-
-
-
-
-
-
-
- {{ end }}
-
- {{ if .Site.Params.linkedin }}
-
-
-
-
-
-
-
-
-
-
- {{ end }}
-
- {{ if .Site.Params.twitter }}
-
-
-
-
-
-
- {{ end }}
-
- {{ if .Site.Params.instagram }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ end }}
-
- {{ if .Site.Params.facebook }}
-
-
-
-
-
-
- {{ end }}
-
- {{ end }}
-
-
-
-
- {{ if .Site.Params.descripe_l1_person }}
- {{ .Site.Params.descripe_l1_person | markdownify }}
- {{ end }}
-
- {{ if .Site.Params.descripe_l2_person }}
-
- {{ .Site.Params.descripe_l2_person | markdownify }}
- {{ end }}
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/layouts/partials/sections/do_things.html b/layouts/partials/sections/do_things.html
deleted file mode 100644
index cc82e01..0000000
--- a/layouts/partials/sections/do_things.html
+++ /dev/null
@@ -1,45 +0,0 @@
-{{ if .Site.Params.usedothings }}
-
-
-
-
- Things I do
-
-
-
-
- {{ range .Site.Params.Things }}
- {{ if .url }}
-
- {{ else }}
-
-
-
-
- {{ .title }}
-
-
- {{ .description }}
-
-
-
- {{ end }}
- {{ end }}
-
-
-
-
-
-{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/sections/v1/about.html b/layouts/partials/sections/v1/about.html
new file mode 100644
index 0000000..425d0cc
--- /dev/null
+++ b/layouts/partials/sections/v1/about.html
@@ -0,0 +1,70 @@
+
+
+
+
About Me
+
+
+
+
+
+
{{ .Site.Params.job }}
+
+ {{ if .Site.Params.linkedin }}
+
+
+
+
+
+ {{ end }}
+
+
+
+
+ {{ .Site.Params.descripe_l1_person }}
+
+ {{ .Site.Params.descripe_l2_person }}
+
+
+
+ Resume
+
+
+ {{ if .Site.Params.github }}
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.twitter }}
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.instagram }}
+
+
+
+
+
+ {{ end }}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v1/blog.html b/layouts/partials/sections/v1/blog.html
new file mode 100644
index 0000000..944fceb
--- /dev/null
+++ b/layouts/partials/sections/v1/blog.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ {{ range first 4 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
+
+ {{ end }}
+
+
+
+
+
diff --git a/layouts/partials/sections/v1/contact.html b/layouts/partials/sections/v1/contact.html
new file mode 100644
index 0000000..c8d83b3
--- /dev/null
+++ b/layouts/partials/sections/v1/contact.html
@@ -0,0 +1,31 @@
+{{ if .Site.Params.contact }}
+
+{{ end }}
diff --git a/layouts/partials/sections/v1/do_things.html b/layouts/partials/sections/v1/do_things.html
new file mode 100644
index 0000000..6d1a6ff
--- /dev/null
+++ b/layouts/partials/sections/v1/do_things.html
@@ -0,0 +1,45 @@
+{{ if .Site.Params.usedothings }}
+
+
+
+
+ Things I do
+
+
+
+
+ {{ range .Site.Params.Things }}
+ {{ if .url }}
+
+ {{ else }}
+
+
+
+
+ {{ .title }}
+
+
+ {{ .description }}
+
+
+
+ {{ end }}
+ {{ end }}
+
+
+
+
+
+{{ end }}
diff --git a/layouts/partials/sections/v1/footer.html b/layouts/partials/sections/v1/footer.html
new file mode 100644
index 0000000..1d5022a
--- /dev/null
+++ b/layouts/partials/sections/v1/footer.html
@@ -0,0 +1,8 @@
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v1/head.html b/layouts/partials/sections/v1/head.html
new file mode 100644
index 0000000..728f52c
--- /dev/null
+++ b/layouts/partials/sections/v1/head.html
@@ -0,0 +1,6 @@
+
+
+
+
+
+
diff --git a/layouts/partials/sections/v1/header.html b/layouts/partials/sections/v1/header.html
new file mode 100644
index 0000000..65205c0
--- /dev/null
+++ b/layouts/partials/sections/v1/header.html
@@ -0,0 +1,34 @@
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v1/header1.html b/layouts/partials/sections/v1/header1.html
new file mode 100644
index 0000000..cfdc50c
--- /dev/null
+++ b/layouts/partials/sections/v1/header1.html
@@ -0,0 +1,39 @@
+
+
+
diff --git a/layouts/partials/sections/v1/home.html b/layouts/partials/sections/v1/home.html
new file mode 100644
index 0000000..6c087d3
--- /dev/null
+++ b/layouts/partials/sections/v1/home.html
@@ -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 }}
+
+
+
+
+
+
+
+
+
+
+
+ Hi there, I'm
+
{{ .Site.Params.name }}
+
+
+
+ {{ if .Site.Params.github }}
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.linkedin }}
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.twitter }}
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.instagram }}
+
+
+
+
+
+ {{ end }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v1/projects.html b/layouts/partials/sections/v1/projects.html
new file mode 100644
index 0000000..6c8b2d5
--- /dev/null
+++ b/layouts/partials/sections/v1/projects.html
@@ -0,0 +1,46 @@
+
+
+
+
Projects
+
+
+
+
+
+
+
+ {{ range .Site.Params.projects }}
+
+
+
+
+
{{ .title }}
+
{{ .description}}
+
+ {{ if .secoundarylink}}
+
{{ .secoundaryurlname }}
+ {{ end }}
+
+ {{ if .sourceurl }}
+
+
+
+
+
+ {{ end }}
+
+
+
+ {{ end }}
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/scripts.html b/layouts/partials/sections/v1/scripts.html
similarity index 100%
rename from layouts/partials/scripts.html
rename to layouts/partials/sections/v1/scripts.html
diff --git a/layouts/partials/sections/v2/about.html b/layouts/partials/sections/v2/about.html
new file mode 100644
index 0000000..a41440f
--- /dev/null
+++ b/layouts/partials/sections/v2/about.html
@@ -0,0 +1,133 @@
+
+
+
+
+
+
+ {{ if .Site.Params.profile_image }}
+
+ {{ end }}
+
+ {{ if .Site.Params.name }}
+ {{ .Site.Params.name }}
+ {{ end }}
+
+
+
+
+ {{ if .Site.Params.socialicontop }}
+
+ {{ if .Site.Params.github }}
+
+
+
+
+
+
+
+
+
+
+ Font Awesome
+
+
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.linkedin }}
+
+
+
+
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.twitter }}
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.instagram }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.facebook }}
+
+
+
+
+
+
+ {{ end }}
+
+ {{ end }}
+
+
+
+
+ {{ if .Site.Params.descripe_l1_person }}
+ {{ .Site.Params.descripe_l1_person | markdownify }}
+ {{ end }}
+
+ {{ if .Site.Params.descripe_l2_person }}
+
+ {{ .Site.Params.descripe_l2_person | markdownify }}
+ {{ end }}
+
+
+
+
+
+
+
diff --git a/layouts/partials/sections/v2/do_things.html b/layouts/partials/sections/v2/do_things.html
new file mode 100644
index 0000000..3fcc8fa
--- /dev/null
+++ b/layouts/partials/sections/v2/do_things.html
@@ -0,0 +1,45 @@
+{{ if .Site.Params.usedothings }}
+
+
+
+
+ Things I do
+
+
+
+
+ {{ range .Site.Params.Things }}
+ {{ if .url }}
+
+ {{ else }}
+
+
+
+
+ {{ .title }}
+
+
+ {{ .description }}
+
+
+
+ {{ end }}
+ {{ end }}
+
+
+
+
+
+{{ end }}
diff --git a/layouts/partials/sections/v2/footer.html b/layouts/partials/sections/v2/footer.html
new file mode 100644
index 0000000..3a54d15
--- /dev/null
+++ b/layouts/partials/sections/v2/footer.html
@@ -0,0 +1,140 @@
+
+
+
+ {{ if .Site.Params.recentposts }}
+
Recent posts
+
+ {{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
+
+ {{ end }}
+
+ {{ end }}
+
+ {{ if .Site.Params.socialiconfooter }}
+
+
+ {{ if .Site.Params.github }}
+
+
+
+
+
+
+
+
+
+
+ Font Awesome
+
+
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.linkedin }}
+
+
+
+
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.twitter }}
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.instagram }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.facebook }}
+
+
+
+
+
+
+ {{ end }}
+
+ {{ end }}
+
+
+
+
+ © {{ .Site.Params.copyright }} All Rights Reserved
+
+ Designed and Developed by
+
Gurusabarish
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/sections/v2/head.html
similarity index 88%
rename from layouts/partials/head.html
rename to layouts/partials/sections/v2/head.html
index 9e9a306..4765a0a 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/sections/v2/head.html
@@ -7,4 +7,4 @@
-
\ No newline at end of file
+
diff --git a/layouts/partials/header.html b/layouts/partials/sections/v2/header.html
similarity index 100%
rename from layouts/partials/header.html
rename to layouts/partials/sections/v2/header.html
diff --git a/layouts/partials/sections/v2/scripts.html b/layouts/partials/sections/v2/scripts.html
new file mode 100644
index 0000000..cb2bf0d
--- /dev/null
+++ b/layouts/partials/sections/v2/scripts.html
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v3/about.html b/layouts/partials/sections/v3/about.html
new file mode 100644
index 0000000..3ce2c59
--- /dev/null
+++ b/layouts/partials/sections/v3/about.html
@@ -0,0 +1,39 @@
+
+
+
About Me
+
+
+
+ {{ .Site.Params.descripe_l1_person | markdownify }}
+
+
+ {{ .Site.Params.descripe_l2_person | markdownify }}
+
+ {{ if .Site.Params.email }}
+
+ {{ end }}
+
+
+
Skills
+ {{ range .Site.Params.skills }}
+
+ {{ end }}
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v3/achievements.html b/layouts/partials/sections/v3/achievements.html
new file mode 100644
index 0000000..ee800b9
--- /dev/null
+++ b/layouts/partials/sections/v3/achievements.html
@@ -0,0 +1,29 @@
+{{ $img:= "images/v1/background.png" }}
+
+
+
+
Achievements
+
+ {{ range .Site.Params.achievements }}
+ {{ if .img }}
+ {{ $img = .img }}
+ {{ end }}
+
+
+
+
+ {{ .title }}
+
+
+ {{ .description }}
+
+
+
+
+ {{ end }}
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v3/contact.html b/layouts/partials/sections/v3/contact.html
new file mode 100644
index 0000000..3182c20
--- /dev/null
+++ b/layouts/partials/sections/v3/contact.html
@@ -0,0 +1,20 @@
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v3/education.html b/layouts/partials/sections/v3/education.html
new file mode 100644
index 0000000..f604262
--- /dev/null
+++ b/layouts/partials/sections/v3/education.html
@@ -0,0 +1,361 @@
+
+
+
Education
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v3/experience.html b/layouts/partials/sections/v3/experience.html
new file mode 100644
index 0000000..492962e
--- /dev/null
+++ b/layouts/partials/sections/v3/experience.html
@@ -0,0 +1,88 @@
+
+
+
Experience
+
+
+
+
+ {{ range .Site.Params.experience }}
+
+
+ {{ .company }} - {{ .role }}
+
+
+ {{ .startdate}}
+ -
+ {{ .enddate }}
+
+
+ {{ range .featuredpoints }}
+ {{ .point }}
+ {{ end }}
+
+
+ {{ end }}
+
+
+
+
+
+
+
+ {{ range $index, $element := .Site.Params.experience }}
+ {{ if (eq $index 0) }}
+
+
+ {{ .company }} - {{ .role }}
+
+
+ {{ .startdate }}
+ -
+ {{ .enddate }}
+
+
+ {{ range .featuredpoints }}
+ {{ .point }}
+ {{ end }}
+
+
+ {{ else }}
+
+
+ {{ .company }} - {{ .role }}
+
+
+ {{ .startdate }}
+ -
+ {{ .enddate }}
+
+
+ {{ range .featuredpoints }}
+ {{ .point }}
+ {{ end }}
+
+
+ {{ end }}
+
+ {{ end }}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v3/footer.html b/layouts/partials/sections/v3/footer.html
new file mode 100644
index 0000000..d105681
--- /dev/null
+++ b/layouts/partials/sections/v3/footer.html
@@ -0,0 +1,140 @@
+
+
+
+ {{ if .Site.Params.recentposts }}
+
Recent posts
+
+ {{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
+
+ {{ end }}
+
+ {{ end }}
+
+ {{ if .Site.Params.socialiconfooter }}
+
+
+ {{ if .Site.Params.github }}
+
+
+
+
+
+
+
+
+
+
+ Font Awesome
+
+
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.linkedin }}
+
+
+
+
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.twitter }}
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.instagram }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.facebook }}
+
+
+
+
+
+
+ {{ end }}
+
+ {{ end }}
+
+
+
+
+ © {{ dateFormat "2006" now }} All Rights Reserved
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v3/head.html b/layouts/partials/sections/v3/head.html
new file mode 100644
index 0000000..7a3aab7
--- /dev/null
+++ b/layouts/partials/sections/v3/head.html
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v3/home.html b/layouts/partials/sections/v3/home.html
new file mode 100644
index 0000000..d1a2583
--- /dev/null
+++ b/layouts/partials/sections/v3/home.html
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+ Hi there, I'm
+
+
+ {{ .Site.Params.name }}
+
+
+ {{ .Site.Params.profession }}
+
+
+
+ {{ if .Site.Params.github }}
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.twitter }}
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.linkedin }}
+
+
+
+
+ {{ end }}
+
+ {{ if .Site.Params.facebook }}
+
+
+
+ {{ end }}
+
+
+
+
+
+ {{ if .Site.Params.profile_image }}
+
+ {{ end }}
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v3/navbar.html b/layouts/partials/sections/v3/navbar.html
new file mode 100644
index 0000000..e34e196
--- /dev/null
+++ b/layouts/partials/sections/v3/navbar.html
@@ -0,0 +1,72 @@
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v3/projects.html b/layouts/partials/sections/v3/projects.html
new file mode 100644
index 0000000..960915d
--- /dev/null
+++ b/layouts/partials/sections/v3/projects.html
@@ -0,0 +1,114 @@
+
+
+
Projects
+
+ {{ range ( where .Site.RegularPages "Type" "project" ) }}
+
+
+
+
+
+
+
+
{{ .Title }}
+
+ {{ .Params.description }}
+
+
+
+ {{ if .Params.featured }}
+
+
+
+ {{ end }}
+ {{ if .Params.github }}
+
+
+
+ {{ end }}
+
+ Know more...
+
+
+
+
+
+ {{ end }}
+ {{ range .Site.Params.projects }}
+
+
+
+
+
+
+
+
{{ .name }}
+
+ {{ .description }}
+
+
+
+ {{ if .featuredlink }}
+
+
+
+ {{ end }}
+ {{ if .githublink }}
+
+
+
+ {{ end }}
+
+
+
+
+
+ {{ end }}
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/sections/v3/scripts.html b/layouts/partials/sections/v3/scripts.html
new file mode 100644
index 0000000..cb2bf0d
--- /dev/null
+++ b/layouts/partials/sections/v3/scripts.html
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/netlifysite/config.yaml b/netlifysite/config.yaml
index c2c8985..3d48634 100644
--- a/netlifysite/config.yaml
+++ b/netlifysite/config.yaml
@@ -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: "example@mail.com"
+
+ # Footer
+ socialiconfooter: true
recentposts: true
+
+ # Blog
+ showdescription: false
+ tweet: true
diff --git a/netlifysite/content/project/example.md b/netlifysite/content/project/example.md
new file mode 100644
index 0000000..8af690a
--- /dev/null
+++ b/netlifysite/content/project/example.md
@@ -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: /
+---
diff --git a/netlifysite/static/images/achiv.jpg b/netlifysite/static/images/achiv.jpg
new file mode 100644
index 0000000..b598af8
Binary files /dev/null and b/netlifysite/static/images/achiv.jpg differ
diff --git a/netlifysite/static/images/education.png b/netlifysite/static/images/education.png
new file mode 100644
index 0000000..664eaa2
Binary files /dev/null and b/netlifysite/static/images/education.png differ
diff --git a/netlifysite/static/images/fav.png b/netlifysite/static/images/fav.png
index a1678da..50e23ce 100644
Binary files a/netlifysite/static/images/fav.png and b/netlifysite/static/images/fav.png differ
diff --git a/netlifysite/static/images/gurusabarish.webp b/netlifysite/static/images/gurusabarish.webp
deleted file mode 100644
index a450e54..0000000
Binary files a/netlifysite/static/images/gurusabarish.webp and /dev/null differ
diff --git a/netlifysite/static/images/hugo.png b/netlifysite/static/images/hugo.png
deleted file mode 100644
index 50e23ce..0000000
Binary files a/netlifysite/static/images/hugo.png and /dev/null differ
diff --git a/netlifysite/static/images/profile.png b/netlifysite/static/images/profile.png
new file mode 100644
index 0000000..beee22d
Binary files /dev/null and b/netlifysite/static/images/profile.png differ
diff --git a/netlifysite/static/images/project.jpg b/netlifysite/static/images/project.jpg
new file mode 100644
index 0000000..fe4f6ab
Binary files /dev/null and b/netlifysite/static/images/project.jpg differ
diff --git a/netlifysite/static/images/v1/avatar.webp b/netlifysite/static/images/v1/avatar.webp
new file mode 100644
index 0000000..1b0d57b
Binary files /dev/null and b/netlifysite/static/images/v1/avatar.webp differ
diff --git a/static/css/v1/blog.css b/static/css/v1/blog.css
new file mode 100644
index 0000000..3f29aa6
--- /dev/null
+++ b/static/css/v1/blog.css
@@ -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;
+}
diff --git a/static/css/v1/head_foot.css b/static/css/v1/head_foot.css
new file mode 100644
index 0000000..f453452
--- /dev/null
+++ b/static/css/v1/head_foot.css
@@ -0,0 +1,13 @@
+/*footer*/
+.footer {
+ background: #f2f2f2;
+}
+
+.navbar-text {
+ font-size: 17px;
+}
+
+.footer-site {
+ font-family: "Alata", sans-serif;
+ font-size: 25px;
+}
diff --git a/static/css/v1/v1.css b/static/css/v1/v1.css
new file mode 100644
index 0000000..fb9c77b
--- /dev/null
+++ b/static/css/v1/v1.css
@@ -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;
+}
diff --git a/static/css/index.css b/static/css/v2/post.css
similarity index 60%
rename from static/css/index.css
rename to static/css/v2/post.css
index 53a35cd..c6e15bf 100644
--- a/static/css/index.css
+++ b/static/css/v2/post.css
@@ -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;
}
diff --git a/static/css/v2/v2.css b/static/css/v2/v2.css
new file mode 100644
index 0000000..c403f44
--- /dev/null
+++ b/static/css/v2/v2.css
@@ -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;
+ }
+}
diff --git a/static/css/v3/list.css b/static/css/v3/list.css
new file mode 100644
index 0000000..637854e
--- /dev/null
+++ b/static/css/v3/list.css
@@ -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;
+}
diff --git a/static/css/v3/loader.css b/static/css/v3/loader.css
new file mode 100644
index 0000000..665fee1
--- /dev/null
+++ b/static/css/v3/loader.css
@@ -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;
+}
diff --git a/static/css/v3/navbar-footer.css b/static/css/v3/navbar-footer.css
new file mode 100644
index 0000000..f18ba1c
--- /dev/null
+++ b/static/css/v3/navbar-footer.css
@@ -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;
+}
diff --git a/static/css/v3/post.css b/static/css/v3/post.css
new file mode 100644
index 0000000..8ddd8f3
--- /dev/null
+++ b/static/css/v3/post.css
@@ -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;
+}
diff --git a/static/css/v3/v3.css b/static/css/v3/v3.css
new file mode 100644
index 0000000..e444544
--- /dev/null
+++ b/static/css/v3/v3.css
@@ -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;
+}
diff --git a/static/images/fav.png b/static/images/fav.png
deleted file mode 100644
index a1678da..0000000
Binary files a/static/images/fav.png and /dev/null differ
diff --git a/static/images/gurusabarish.webp b/static/images/gurusabarish.webp
deleted file mode 100644
index a450e54..0000000
Binary files a/static/images/gurusabarish.webp and /dev/null differ
diff --git a/static/images/hugo.png b/static/images/hugo.png
deleted file mode 100644
index 50e23ce..0000000
Binary files a/static/images/hugo.png and /dev/null differ
diff --git a/static/images/profile.webp b/static/images/profile.webp
deleted file mode 100644
index cea1a4d..0000000
Binary files a/static/images/profile.webp and /dev/null differ
diff --git a/static/images/social/facebook.svg b/static/images/social/facebook.svg
deleted file mode 100644
index 6dd3544..0000000
--- a/static/images/social/facebook.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/static/images/social/instagram.svg b/static/images/social/instagram.svg
deleted file mode 100644
index 5f49210..0000000
--- a/static/images/social/instagram.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/static/images/social/twitter.svg b/static/images/social/twitter.svg
deleted file mode 100644
index 8d03e80..0000000
--- a/static/images/social/twitter.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/static/resume.pdf b/static/resume.pdf
new file mode 100644
index 0000000..b72c79c
Binary files /dev/null and b/static/resume.pdf differ