kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

on scroll reveal

Browse Source
This commit is contained in:
gurusabarish
2021-06-03 14:13:19 +05:30
parent e7426eb34a
commit 63454f7c31
14 changed files with 114 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+1
View File
@@ -1 +1,2 @@
/public /public
config.yaml
config.yaml
+5 -5
View File
@@ -112,16 +112,16 @@ params:
# Projects # Projects
projects: projects:
- name: "hugo profile" - name: "hugo profile"
img: https://blog.gurusabarish.tech/blog/deploy-hugo/hero.jpg img: https://gurusabarish.tech/static/d6ef67298140446c6f2e94b8b38ff25c/15384/hugo.webp
githublink: "" githublink: "https://github.com/gurusabarish/hugo-profile"
featuredlink: "" featuredlink: "https://github.com/gurusabarish/hugo-profile"
description: "" description: "Build your website with “Hugo” comment Go to the terminal and type “hugo” "
# Achievements # Achievements
achievements: achievements:
- title: Techfest winner - title: Techfest winner
description: It's a great experience. description: It's a great experience.
img: https://blog.gurusabarish.tech/blog/deploy-hugo/hero.jpg img: https://gurusabarish.tech/static/d6ef67298140446c6f2e94b8b38ff25c/15384/hugo.webp
# Contact # Contact
email: "[email protected]" email: "[email protected]"
content/project/hugo.md
+1 -1
View File
@@ -2,7 +2,7 @@
title: "Hugo" title: "Hugo"
date: 2021-05-04T11:30:13+05:30 date: 2021-05-04T11:30:13+05:30
draft: false draft: false
img: https://blog.gurusabarish.tech/blog/deploy-hugo/hero.jpg img: https://gurusabarish.tech/static/d6ef67298140446c6f2e94b8b38ff25c/15384/hugo.webp
description: "Build your website with “Hugo” comment Go to the terminal and type “hugo” … " description: "Build your website with “Hugo” comment Go to the terminal and type “hugo” … "
github: https://github.com/gurusabarish github: https://github.com/gurusabarish
featured: https://blog.gurusabarish.tech featured: https://blog.gurusabarish.tech
layouts/index.html
+27 -19
View File
@@ -9,7 +9,6 @@
<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 href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
<meta name="description" content="{{ .Site.Params.description }}"> <meta name="description" content="{{ .Site.Params.description }}">
@@ -35,7 +34,8 @@
<meta name="description" content="{{ .Site.Params.description }}"> <meta name="description" content="{{ .Site.Params.description }}">
<!-- Fonts --> <!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com"> <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"> <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" . }} {{ template "_internal/google_analytics.html" . }}
{{- partial "sections/v2/head.html" . -}} {{- partial "sections/v2/head.html" . -}}
</head> </head>
@@ -55,31 +55,39 @@
<meta name="description" content="{{ .Site.Params.description }}"> <meta name="description" content="{{ .Site.Params.description }}">
<!-- Fonts --> <!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com"> <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"> <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" . }} {{ template "_internal/google_analytics.html" . }}
{{- partial "sections/v3/head.html" . -}} {{- partial "sections/v3/head.html" . -}}
<!-- aos -->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head> </head>
<body> <body>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
<div>
{{- partial "sections/v3/navbar.html" . -}}
{{- partial "sections/v3/navbar.html" . -}} {{ if .Site.Params.disablehome }}
{{ else }}
{{ if .Site.Params.disablehome }} {{- partial "sections/v3/home.html" . -}}
{{ else }} {{ end }}
{{- partial "sections/v3/home.html" . -}} {{- partial "sections/v3/about.html" . -}}
{{ end }} {{- partial "sections/v3/experience.html" . -}}
{{- partial "sections/v3/about.html" . -}} {{- partial "sections/v3/education.html" . -}}
{{- partial "sections/v3/experience.html" . -}} {{- partial "sections/v3/projects.html" . -}}
{{- partial "sections/v3/education.html" . -}} {{- partial "sections/v3/achievements.html" . -}}
{{- partial "sections/v3/projects.html" . -}} {{- partial "sections/v3/contact.html" . -}}
{{- partial "sections/v3/achievements.html" . -}} {{- partial "sections/v3/footer.html" . -}}
{{- partial "sections/v3/contact.html" . -}} {{- partial "sections/v3/scripts.html" . -}}
{{- partial "sections/v3/footer.html" . -}} </div>
{{- partial "sections/v3/scripts.html" . -}}
</body> </body>
{{ else }} {{ else }}
{{ end }} {{ end }}
</html> </html>
layouts/partials/sections/v3/about.html
+4 -3
View File
@@ -1,4 +1,4 @@
<div id="about" class="pt-3"> <div id="about" class="pt-3" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid"> <div class="container-fluid">
<div class="text-light text-center h3">About Me</div> <div class="text-light text-center h3">About Me</div>
<div class="row justify-content-center about"> <div class="row justify-content-center about">
@@ -26,11 +26,12 @@
{{ .name }} {{ .name }}
</div> </div>
<div class="progress mb-4"> <div class="progress mb-4">
<div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0" aria-valuemax="100"></div> <div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
aria-valuemax="100"></div>
</div> </div>
{{ end }} {{ end }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
layouts/partials/sections/v3/achievements.html
+3 -2
View File
@@ -1,6 +1,7 @@
{{ $img:= "images/v1/background.png" }} {{ $img:= "images/v1/background.png" }}
<section class="py-3" id="achievements"> <section class="py-3 pt-5" id="achievements" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="600"
data-aos-once="true">
<div class="container-fluid"> <div class="container-fluid">
<div class="text-light text-center h3">Achievements</div> <div class="text-light 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">
@@ -24,4 +25,4 @@
</div> </div>
</div> </div>
</section> </section>
layouts/partials/sections/v3/contact.html
+3 -2
View File
@@ -4,7 +4,8 @@
<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">
Although I'm not currently looking for any new opportunities, 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! Although I'm not currently looking for any new opportunities, 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!
</div> </div>
{{ if .Site.Params.email }} {{ if .Site.Params.email }}
<div class="text-center pt-3"> <div class="text-center pt-3">
@@ -17,4 +18,4 @@
</div> </div>
</div> </div>
</section> </section>
layouts/partials/sections/v3/education.html
+3 -3
View File
@@ -1,5 +1,5 @@
<section id="education"> <section id="education" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid py-3"> <div class="container-fluid py-3 pt-5">
<div class="text-light text-center h3">Education</div> <div class="text-light text-center h3">Education</div>
<div class="row row-eq-height justify-content-center"> <div class="row row-eq-height justify-content-center">
<div class="col-md-5 pl-5 py-3 pb-0 v-center"> <div class="col-md-5 pl-5 py-3 pb-0 v-center">
@@ -24,4 +24,4 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section>
layouts/partials/sections/v3/experience.html
+13 -8
View File
@@ -1,5 +1,5 @@
<section id="experience"> <section id="experience" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid pt-3"> <div class="container-fluid pt-5">
<div class="text-light text-center h3">Experience</div> <div class="text-light text-center h3">Experience</div>
<div class="row justify-content-center py-md-5"> <div class="row justify-content-center py-md-5">
@@ -26,14 +26,17 @@
</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" role="tablist" aria-orientation="vertical"> <div id="nav-pills-out" class="d-none d-md-block nav flex-column nav-pills col-md-2" id="v-pills-tab"
role="tablist" aria-orientation="vertical">
{{ range $index, $element := .Site.Params.experience }} {{ range $index, $element := .Site.Params.experience }}
{{ if (eq $index 0) }} {{ 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"> <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" aria-controls="{{ .company }}" aria-selected="false"> <a 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 }}
@@ -88,8 +91,10 @@
<small>Sep 2020</small> <small>Sep 2020</small>
</div> </div>
<ul class="py-2 ex"> <ul class="py-2 ex">
<li class="ex-item">Write modern, performant, maintainable code for a diverse array of client and internal projects</li> <li class="ex-item">Write modern, performant, maintainable code for a diverse array of client and internal
<li class="ex-item">Write modern, performant, maintainable code for a diverse array of client and internal projects</li> projects</li>
<li class="ex-item">Write modern, performant, maintainable code for a diverse array of client and internal
projects</li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -97,4 +102,4 @@
</div> </div>
</div> </div>
</section> </section>
layouts/partials/sections/v3/footer.html
+25 -13
View File
@@ -10,7 +10,7 @@
<div class="card px-2 h-100"> <div class="card px-2 h-100">
<div class="card-head py-3"> <div class="card-head py-3">
<h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5> <h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
<p class="card-text px-2"> {{ .Summary | truncate 300}}</p> <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">{{ .Date.Format "January 2, 2006" }}</span>
@@ -34,8 +34,11 @@
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#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
<rdf:Description about="https://iconscout.com/legal#licenses" dc:title="Github, Online, Project, Hosting, Square" dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description about="https://iconscout.com/legal#licenses"
dc:title="Github, Online, Project, Hosting, Square"
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
dc:format="image/svg+xml" dc:language="en"> dc:format="image/svg+xml" dc:language="en">
<dc:creator> <dc:creator>
<rdf:Bag> <rdf:Bag>
@@ -53,7 +56,8 @@
{{ if .Site.Params.linkedin }} {{ if .Site.Params.linkedin }}
<span class="px-1"> <span class="px-1">
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin"> <a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn" viewBox="0 0 512 512"> <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" />
@@ -66,7 +70,8 @@
{{ if .Site.Params.twitter }} {{ if .Site.Params.twitter }}
<a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter"> <a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<path fill="#03a9f4" d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" /> <path fill="#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" <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" /> 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>
@@ -87,15 +92,18 @@
</radialGradient> </radialGradient>
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)" <path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" /> d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse"> <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 fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" /> d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
<path fill="#fff" d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" /> <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" 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" /> <path fill="#fff"
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
</svg> </svg>
</a> </a>
{{ end }} {{ end }}
@@ -103,8 +111,10 @@
{{ if .Site.Params.facebook }} {{ if .Site.Params.facebook }}
<a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook"> <a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<path fill="#3F51B5" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" /> <path fill="#3F51B5"
<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" /> 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 }}
@@ -115,13 +125,15 @@
<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" width="40px"> <img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
width="40px">
</a> </a>
</div> </div>
&copy; {{ dateFormat "2006" now }} All Rights Reserved &copy; {{ dateFormat "2006" now }} All Rights Reserved
<div> <div>
Made with Made with
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-heart" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-heart" fill="currentColor"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" <path fill-rule="evenodd"
d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" /> d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
</svg> </svg>
@@ -133,4 +145,4 @@
</div> </div>
</div> </div>
</div> </div>
</footer> </footer>
layouts/partials/sections/v3/home.html
+12 -8
View File
@@ -1,19 +1,22 @@
<div class="container-fluid home"> <div class="container-fluid home">
<div class="py-5"> <div class="py-5">
<div class="row justify-content-center intro"> <div class="row justify-content-center intro" data-aos="fade-down" data-aos-easing="linear"
data-aos-duration="1000">
<div class="col-md-7 name-container"> <div class="col-md-7 name-container">
<div class="name"> <div class="name" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000">
<div class="text-warning" style="font-size: 15px;"> <div class="text-warning" style="font-size: 15px;" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
data-aos-duration="900">
Hi there, I'm Hi there, I'm
</div> </div>
<h1 class="text-primary"> <h1 class="text-primary" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900">
{{ .Site.Params.name }} {{ .Site.Params.name }}
</h1> </h1>
<h5 class="text-light"> <h5 class="text-light" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900">
{{ .Site.Params.profession }} {{ .Site.Params.profession }}
</h5> </h5>
</div> </div>
<div class="row social pt-4"> <div class="row social pt-4" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
data-aos-duration="900">
{{ if .Site.Params.github }} {{ if .Site.Params.github }}
<a href="{{ .Site.Params.github }}" class="social-icon"> <a href="{{ .Site.Params.github }}" class="social-icon">
<i class="fab fa-lg fa-github"></i> <i class="fab fa-lg fa-github"></i>
@@ -50,10 +53,11 @@
</div> </div>
<div class="col-md-5 text-center"> <div class="col-md-5 text-center">
{{ if .Site.Params.profile_image }} {{ if .Site.Params.profile_image }}
<img class="profile rounded shadow-lg" src="{{ .Site.Params.profile_image }}" alt="{{ .Site.Params.name }}" class="rounded"> <img class="profile rounded shadow-lg" data-aos="zoom-in" data-aos-once="true"
src="{{ .Site.Params.profile_image }}" alt="{{ .Site.Params.name }}" class="rounded">
{{ end }} {{ end }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
layouts/partials/sections/v3/navbar.html
+6 -4
View File
@@ -1,4 +1,5 @@
<nav style="background-color: #0a192f;" class="pt-3 navbar-home navbar navbar-expand-lg navbar-dark"> <nav style="background-color: #0a192f;" class="pt-3 navbar-home navbar navbar-expand-lg navbar-dark"
data-aos="fade-down" data-aos-easing="linear" data-aos-duration="500">
<div class="container"> <div class="container">
<a class="navbar-brand" href="{{ .Site.BaseURL | relURL }}"> <a class="navbar-brand" href="{{ .Site.BaseURL | relURL }}">
{{ if .Site.Params.favicon }} {{ if .Site.Params.favicon }}
@@ -8,7 +9,8 @@
{{ .Site.Title }} {{ .Site.Title }}
{{ end }} {{ end }}
</a> </a>
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@@ -16,10 +18,10 @@
<ul class="navbar-nav ml-auto text-center"> <ul class="navbar-nav ml-auto text-center">
{{ range site.Params.customMenus }} {{ range site.Params.customMenus }}
<li class="nav-item navbar-text"> <li class="nav-item navbar-text">
<a class="nav-link " href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a> <a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
</li> </li>
{{ end }} {{ end }}
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
layouts/partials/sections/v3/projects.html
+5 -5
View File
@@ -1,9 +1,9 @@
<section id="projects"> <section id="projects" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid py-3"> <div class="container-fluid py-3 pt-5">
<div class="text-light text-center h3">Projects</div> <div class="text-light 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"> <div class="col-md-8 pro m-3 shadow" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true">
<div class="row"> <div class="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 }}">
@@ -35,7 +35,7 @@
</div> </div>
{{ end }} {{ end }}
{{ range .Site.Params.projects }} {{ range .Site.Params.projects }}
<div class="col-md-8 pro m-3 shadow"> <div class="col-md-8 pro m-3 shadow" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true">
<div class="row"> <div class="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 }}">
@@ -111,4 +111,4 @@
</div> </div>
{{ end }} {{ end }}
--> -->
static/css/v3/v3.css
+6 -18
View File
@@ -1,5 +1,9 @@
html {
scroll-behavior: smooth;
}
body { body {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
background-color: #0a192f;
} }
a:hover { a:hover {
text-decoration: none; text-decoration: none;
@@ -23,9 +27,6 @@ a:hover {
} }
/* v3 home */ /* v3 home */
.home {
background-color: #0a192f;
}
.name { .name {
padding-left: 3%; padding-left: 3%;
border-left: 5px solid #f9fafc; border-left: 5px solid #f9fafc;
@@ -89,9 +90,6 @@ a:hover {
} }
/* v3 about */ /* v3 about */
#about {
background-color: #0a192f;
}
.about { .about {
padding-top: 3% !important; padding-top: 3% !important;
padding-bottom: 3% !important; padding-bottom: 3% !important;
@@ -128,9 +126,6 @@ a:hover {
} }
/* v3 projects */ /* v3 projects */
#projects {
background-color: #0a192f;
}
.bg-pro { .bg-pro {
padding: 0 !important; padding: 0 !important;
opacity: 0.6; opacity: 0.6;
@@ -178,7 +173,7 @@ a:hover {
color: #f9fafc; color: #f9fafc;
} }
.card-text { .card-text {
color: #8892b0; color: #faf9f6;
} }
.pro:hover .content-pro { .pro:hover .content-pro {
background-color: transparent !important; background-color: transparent !important;
@@ -196,7 +191,6 @@ a:hover {
/* v3 experience */ /* v3 experience */
#experience { #experience {
color: #8892b0; color: #8892b0;
background-color: #0a192f;
} }
#nav-pills-out { #nav-pills-out {
border-left: 1px solid #f9fafc; border-left: 1px solid #f9fafc;
@@ -261,7 +255,6 @@ a:hover {
/* v3 education */ /* v3 education */
#education { #education {
background-color: #0a192f;
color: #8892b0; color: #8892b0;
} }
.v-center { .v-center {
@@ -297,7 +290,7 @@ a:hover {
color: #f9fafc; color: #f9fafc;
} }
.edu-item { .edu-item {
padding-left: 0%; padding-left: 2%;
list-style: none; list-style: none;
} }
.edu-img { .edu-img {
@@ -326,9 +319,6 @@ a:hover {
} }
/* v3 Achievements */ /* v3 Achievements */
#achievements {
background-color: #0a192f;
}
.achiv-card { .achiv-card {
height: 300px; height: 300px;
width: 100%; width: 100%;
@@ -359,14 +349,12 @@ a:hover {
/* v3 contact */ /* v3 contact */
#contact { #contact {
background-color: #0a192f;
color: #8892b0; color: #8892b0;
font-size: 17px; font-size: 17px;
} }
/* v2 and v3 footer */ /* v2 and v3 footer */
footer { footer {
background-color: #0a192f;
color: #8392a5; color: #8392a5;
border-top-width: 1px !important; border-top-width: 1px !important;
border-color: #8392a5; border-color: #8392a5;