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

v3 light theme

Browse Source
This commit is contained in:
gurusabarish
2021-06-17 11:25:30 +05:30
parent 9ef2450335
commit a5a500ba91
19 changed files with 218 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/partials/sections/v3/about.html
+35 -28
View File
@@ -1,39 +1,46 @@
<div id="about" class="pt-3" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid">
<div class="text-light text-center h3">About Me</div>
<section id="about" class="pt-3">
<div class="container-fluid" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="text-dark text-center h3">About Me</div>
<div class="row justify-content-center about">
<div class="col-md-6 about-content">
<div class="px-2" style="color: #8892b0;" data-aos="zoom-in" data-aos-offset="50" data-aos-delay="50"
data-aos-once="true" data-aos-duration="900">
{{ .Site.Params.descripe_l1_person | markdownify }}
<br>
<br>
{{ .Site.Params.descripe_l2_person | markdownify }}
<div data-aos="zoom-in-up" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
data-aos-duration="900">
<div class="px-2">
{{ .Site.Params.descripe_l1_person | markdownify }}
<br>
<br>
{{ .Site.Params.descripe_l2_person | markdownify }}
</div>
{{ if .Site.Params.email }}
<div class="py-3 pl-2">
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" target="_blank"
class="contact-btn btn text-muted">
Get In Touch
</a>
</div>
{{ end }}
</div>
{{ if .Site.Params.email }}
<div class="py-3 pl-2">
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn" data-aos="zoom-in"
data-aos-offset="50" data-aos-delay="50" data-aos-once="true" data-aos-duration="1000">
Get In Touch
</a>
</div>
{{ end }}
</div>
<div class="col-md-5 about-skill">
<div class="text-secondary text-center h4">Skills</div>
{{ range .Site.Params.skills }}
<div data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div style="color: rgb(230, 241, 255)">
{{ .name }}
</div>
<div class="progress mb-4">
<div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
aria-valuemax="100"></div>
<div data-aos="zoom-in-down" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
data-aos-duration="1000">
<div class="text-secondary text-center h4">Skills</div>
{{ range .Site.Params.skills }}
<div>
<div>
{{ .name }}
</div>
<div class="progress mb-4">
<div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
aria-valuemax="100"></div>
</div>
</div>
{{ end }}
</div>
{{ end }}
</div>
</div>
</div>
</div>
</section>
layouts/partials/sections/v3/achievements.html
+1 -1
View File
@@ -3,7 +3,7 @@
<section class="py-3 pt-5" id="achievements" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
data-aos-once="true">
<div class="container-fluid">
<div class="text-light text-center h3">Achievements</div>
<div class="text-dark text-center h3">Achievements</div>
<div class="row justify-content-center py-3 mx-2">
{{ range .Site.Params.achievements }}
{{ if .img }}
layouts/partials/sections/v3/contact.html
+1 -1
View File
@@ -1,6 +1,6 @@
<section id="contact" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid py-3">
<div class="text-light text-center h3">Get In Touch</div>
<div class="text-right text-center h3">Get In Touch</div>
<div class="row justify-content-center px-md-5">
<div class="col-md-6 py-3">
<div class=" text-center">
layouts/partials/sections/v3/education.html
+57 -288
View File
File diff suppressed because one or more lines are too long
layouts/partials/sections/v3/experience.html
+5 -5
View File
@@ -1,13 +1,13 @@
<section id="experience" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid pt-5">
<div class="text-light text-center h3">Experience</div>
<div class="text-dark text-center h3">Experience</div>
<div class="row justify-content-center py-md-5">
<div class="d-md-none d-lg-none d-sm-block">
<ol class="ex-ol pl-5 pr-3">
{{ range .Site.Params.experience }}
<li class="ex-ol-li" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<h4>
<h4 class="text-muted">
<span class="text-primary">{{ .company }}</span> - {{ .role }}
</h4>
<div>
@@ -43,11 +43,11 @@
{{ end }}
</div>
<div class="tab-content col-md-5 d-none d-md-block" id="v-pills-tabContent">
<div class="tab-content col-md-4 d-none d-md-block" id="v-pills-tabContent">
{{ range $index, $element := .Site.Params.experience }}
{{ if (eq $index 0) }}
<div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
<div class="h4">
<div class="h4 text-muted">
<span class="text-primary">{{ .company }}</span> - {{ .role }}
</div>
<div>
@@ -63,7 +63,7 @@
</div>
{{ else }}
<div class="tab-pane fade" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
<div class="h4">
<div class="h4 text-muted">
<span class="text-primary">{{ .company }}</span> - {{ .role }}
</div>
<div>
layouts/partials/sections/v3/footer.html
+6 -6
View File
@@ -2,7 +2,7 @@
<!-- recent posts -->
<div class="news container py-3">
{{ if .Site.Params.recentposts }}
<div class="h3 text-center text-light py-3 font-weight-bold">Recent posts</div>
<div class="h3 text-center text-dark py-3 font-weight-bold">Recent posts</div>
<div class="row justify-content-center">
{{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
<div class="col-lg-4 col-md-6 pt-2">
@@ -28,7 +28,7 @@
<div class="text-center">
{{ if .Site.Params.github }}
<span class="px-1">
<a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
<a 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
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
@@ -55,7 +55,7 @@
{{ if .Site.Params.linkedin }}
<span class="px-1">
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
<a class="text-white text-decoration-none" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
viewBox="0 0 512 512">
<rect width="512" height="512" fill="#0077b5" rx="15%" />
@@ -68,7 +68,7 @@
{{ end }}
{{ if .Site.Params.twitter }}
<a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
<a class="text-info text-decoration-none" href="{{ .Site.Params.twitter }}" aria-label="twitter">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<path fill="#03a9f4"
d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
@@ -79,7 +79,7 @@
{{ end }}
{{ if .Site.Params.instagram }}
<a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
<a class="text-danger text-decoration-none" href="{{ .Site.Params.instagram }}" aria-label="instagram">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fd5" />
@@ -109,7 +109,7 @@
{{ end }}
{{ if .Site.Params.facebook }}
<a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
<a class="text-info text-decoration-none" href="{{ .Site.Params.facebook }}" aria-label="facebook">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
<path fill="#3F51B5"
d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
layouts/partials/sections/v3/home.html
+8 -8
View File
@@ -1,20 +1,20 @@
<div class="container-fluid home">
<div class="py-5">
<div class="pt-5 pb-3 pt-md-0">
<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 pb-2 name-container">
<div class="name" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000"
data-aos-once="true">
<div class="text-warning" style="font-size: 15px;" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
<div class="text-warning hi-text" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
data-aos-once="true" data-aos-duration="900">
Hi there, I'm
</div>
<h1 class="text-primary" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
data-aos-once="true">
<h1 class="text-primary name-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
data-aos-duration="900" data-aos-once="true">
{{ .Site.Params.name }}
</h1>
<h5 class="text-light" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="900"
data-aos-once="true">
<h5 class="text-muted pro-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
data-aos-duration="900" data-aos-once="true">
{{ .Site.Params.profession }}
</h5>
</div>
@@ -55,7 +55,7 @@
</div>
</div>
<div class="col-md-5 text-center">
<div class="col-md-5 text-center pt-2 pt-md-0 position-relative">
{{ if .Site.Params.profile_image }}
<img class="profile rounded shadow-lg" data-aos="zoom-in" data-aos-once="true" data-aos-duration="1000"
src="{{ .Site.Params.profile_image }}" alt="{{ .Site.Params.name }}" class="rounded">
layouts/partials/sections/v3/navbar.html
+11 -9
View File
@@ -1,6 +1,6 @@
<div class="container">
<nav style="background-color: #0a192f;" class="pt-3 navbar navbar-expand-lg navbar-dark" data-aos="fade-down"
data-aos-easing="linear" data-aos-duration="500">
<nav class="pt-3 navbar navbar-expand-lg navbar-light" data-aos="fade-down" data-aos-easing="linear"
data-aos-duration="500">
<a class="navbar-brand" href="{{ .Site.BaseURL | relURL }}">
{{ if .Site.Params.favicon }}
<img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
@@ -20,35 +20,37 @@
{{ if .Site.Params.disable_about }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
</li>
{{ end }}
{{ if .Site.Params.disable_experience }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#experience" aria-label="experience">Experience</a>
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#experience"
aria-label="experience">Experience</a>
</li>
{{ end }}
{{ if .Site.Params.disable_education }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#education" aria-label="education">Education</a>
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#education"
aria-label="education">Education</a>
</li>
{{ end }}
{{ if .Site.Params.disable_projects }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
</li>
{{ end }}
{{ if .Site.Params.disable_achievements }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#achievements"
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#achievements"
aria-label="achievements">Achievements</a>
</li>
{{ end }}
@@ -56,13 +58,13 @@
{{ if .Site.Params.disable_contact }}
{{ else }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
</li>
{{ end }}
{{ range site.Params.customMenus }}
<li class="nav-item navbar-text">
<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
<a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
</li>
{{ end }}
layouts/partials/sections/v3/projects.html
+6 -5
View File
@@ -1,9 +1,10 @@
<section id="projects" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
<div class="container-fluid py-3 pt-5">
<div class="text-light text-center h3">Projects</div>
<section id="projects">
<div class="container-fluid py-3 pt-5" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
data-aos-once="true">
<div class="text-dark text-center h3">Projects</div>
<div class="row justify-content-center pt-2">
{{ range ( where .Site.RegularPages "Type" "project" ) }}
<div class="col-md-8 pro m-3 shadow" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true">
<div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
<div class="row">
<div class="col-md-6 bg-pro">
<img src='{{ .Params.img }}' alt="{{ .Title }}">
@@ -35,7 +36,7 @@
</div>
{{ end }}
{{ range .Site.Params.projects }}
<div class="col-md-8 pro m-3 shadow" data-aos="fade-right" data-aos-duration="1000" data-aos-once="true">
<div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
<div class="row">
<div class="col-md-6 bg-pro">
<img src='{{ .img }}' alt="{{ .name }}">