initial V3-stable
This commit is contained in:
gurusabarish
@@ -0,0 +1,153 @@
|
||||
{{- /* theme-toggle is enabled */}}
|
||||
{{- if (not .Site.Params.theme.disableThemeToggle) }}
|
||||
{{- /* theme is auto */}}
|
||||
<script>
|
||||
if (localStorage.getItem("pref-theme") === "dark") {
|
||||
document.body.classList.add('dark');
|
||||
} else if (localStorage.getItem("pref-theme") === "light") {
|
||||
document.body.classList.remove('dark')
|
||||
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
document.body.classList.add('dark');
|
||||
}
|
||||
|
||||
</script>
|
||||
{{- /* theme-toggle is disabled and theme is auto */}}
|
||||
{{- else if (and (ne .Site.Params.theme.defaultTheme "light") (ne .Site.Params.theme.defaultTheme "dark"))}}
|
||||
<script>
|
||||
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
document.body.classList.add('dark');
|
||||
}
|
||||
|
||||
</script>
|
||||
{{- end }}
|
||||
|
||||
|
||||
<!-- Navbar -->
|
||||
<header>
|
||||
<nav class="pt-3 navbar navbar-expand-lg">
|
||||
<div class="container">
|
||||
<!-- navbar brand -->
|
||||
<a class="navbar-brand primary-font text-wrap" href="{{ .Site.BaseURL | relURL }}">
|
||||
{{ if or (.Site.Params.favicon) (.Site.Params.navbar.brandLogo) }}
|
||||
<img src="{{ .Site.Params.navbar.brandLogo | default .Site.Params.favicon }}" width="30" height="30"
|
||||
class="d-inline-block align-top">
|
||||
{{ .Site.Params.navbar.brandName | default .Site.Params.title }}
|
||||
{{ else }}
|
||||
{{ .Site.Params.navbar.brandName | default .Site.Params.title }}
|
||||
{{ end }}
|
||||
</a>
|
||||
|
||||
<!-- navbar toggler -->
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent"
|
||||
aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<svg aria-hidden="true" height="24" viewBox="0 0 16 16" version="1.1" width="24" data-view-component="true">
|
||||
<path fill-rule="evenodd" d="M1 2.75A.75.75 0 011.75 2h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 2.75zm0 5A.75.75 0 011.75 7h12.5a.75.75 0 110 1.5H1.75A.75.75 0 011 7.75zM1.75 12a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5H1.75z"></path>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<!-- navbar content -->
|
||||
<div class="collapse navbar-collapse text-wrap primary-font" id="navbarContent">
|
||||
<ul class="navbar-nav {{ .Site.Params.navbar.align | default " ms-auto"}} text-center">
|
||||
{{ if .Site.Params.disable_about }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_experience }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#experience"
|
||||
aria-label="experience">Experience</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_education }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#education"
|
||||
aria-label="education">Education</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_projects }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#projects"
|
||||
aria-label="projects">Projects</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_achievements }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#achievements"
|
||||
aria-label="achievements">Achievements</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_contact }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL | relURL }}#contact"
|
||||
aria-label="contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
<!-- custom menus from the user -->
|
||||
{{ range .Site.Menus.main }}
|
||||
{{ if .HasChildren }}
|
||||
<!-- Dropdown menu -->
|
||||
<li class="nav-item navbar-text dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="{{ .URL }}" id="navbarDropdown" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{{ .Title }}">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
<div class="dropdown-menu shadow-lg rounded" aria-labelledby="navbarDropdown">
|
||||
{{ range .Children }}
|
||||
<a class="dropdown-item text-center nav-link" href="{{ .URL }}"
|
||||
title="{{ .Title }}">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</li>
|
||||
{{else}}
|
||||
<!-- Single menu item -->
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{.URL}}" title="{{ .Title }}">
|
||||
{{ .Pre }}
|
||||
{{ .Name }}
|
||||
</a>
|
||||
</li>
|
||||
{{end}}
|
||||
{{end}}
|
||||
</ul>
|
||||
|
||||
<!-- darkmode mode toggle -->
|
||||
{{ if (not .Site.Params.theme.disableThemeToggle) }}
|
||||
<div class="text-center">
|
||||
<button id="theme-toggle">
|
||||
<svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
|
||||
</svg>
|
||||
<svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="5"></circle>
|
||||
<line x1="12" y1="1" x2="12" y2="3"></line>
|
||||
<line x1="12" y1="21" x2="12" y2="23"></line>
|
||||
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
|
||||
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
|
||||
<line x1="1" y1="12" x2="3" y2="12"></line>
|
||||
<line x1="21" y1="12" x2="23" y2="12"></line>
|
||||
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
|
||||
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
@@ -1,70 +0,0 @@
|
||||
<section>
|
||||
<div class="about p-3" id="about">
|
||||
<div class="container">
|
||||
<div class="about-me text-center font-weight-bold text-secondary">About Me</div>
|
||||
|
||||
|
||||
<div class="row justify-content-center ">
|
||||
<div class="col-lg-3 pt-4 text-center">
|
||||
<img src="{{ .Site.Params.profile_image }}" width="200px" alt="{{ .Site.Params.name }}"
|
||||
class="rounded">
|
||||
<div class="about-me jop font-weight-bold text-secondary">{{ .Site.Params.job }}</div>
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<svg class="text-primary" width="2em" height="2em" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="col-lg-7 pt-3 ">
|
||||
<div class="about-content text-dark p-3">
|
||||
{{ .Site.Params.descripe_l1_person }}
|
||||
<br><br>
|
||||
{{ .Site.Params.descripe_l2_person }}
|
||||
</div>
|
||||
<div class="social p-4">
|
||||
<a href="{{ .Site.Params.resume | default "#" }}" class="btn btn-info" role="button"
|
||||
aria-pressed="true">
|
||||
Resume
|
||||
</a>
|
||||
|
||||
{{ if .Site.Params.github }}
|
||||
<a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg width="2em" height="2em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,23 +0,0 @@
|
||||
<section>
|
||||
<div class="p-3 blog-back">
|
||||
<div class="container">
|
||||
<div class="text-center pb-3">
|
||||
<div class="recent-posts">Recent posts</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ range first 4 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
|
||||
<div class="col-lg-3 col-md-5 pb-3 post-card text-center">
|
||||
<a href="{{ .RelPermalink }}">
|
||||
<span class="text-secondary">{{ .Date.Format "January 2, 2006" }}</span>
|
||||
<div class="text-dark">
|
||||
{{ .Title }}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,31 +0,0 @@
|
||||
{{ if .Site.Params.contact }}
|
||||
<section id="contact">
|
||||
<div class="contact bg-danger text-white">
|
||||
<div class="text-center p-3 font-weight-bold contact-head">Get In Tough</div>
|
||||
<div class="p-3 container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-7">
|
||||
<form action="{{ .Site.Params.action }}">
|
||||
<div class="form-group">
|
||||
<label for="name">Name</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="Your name" name="{{ .Site.Params.emailname }}">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" class="form-control" id="email" placeholder="[email protected]" name="{{ .Site.Params.emailname }}">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="message">Message</label>
|
||||
<textarea class="form-control" id="message" rows="3" name="{{ .Site.Params.messagename }}" placeholder="Type something"></textarea>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-sm btn-primary">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -1,45 +0,0 @@
|
||||
{{ if .Site.Params.usedothings }}
|
||||
<section>
|
||||
<div class="pt-3 do-things text-center" id="do-things">
|
||||
<div class="container">
|
||||
<div class="things-i-do text-primary font-weight-bold">
|
||||
Things I do
|
||||
</div>
|
||||
|
||||
<div class="do-things-card">
|
||||
<div class="row pb-2 justify-content-center">
|
||||
{{ range .Site.Params.Things }}
|
||||
{{ if .url }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<a id="nothing" href={{ .url | default "#" }} class="">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card bg-primary text-light">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card bg-primary text-light">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -1,12 +0,0 @@
|
||||
<footer class="footer py-3 text-muted text-center">
|
||||
<div class="footer-site text-uppercase pb-2 font-weight-bold">
|
||||
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
</div>
|
||||
© {{ dateFormat "2006" now }} All Rights Reserved<br>
|
||||
<div>
|
||||
Made with ❤ and
|
||||
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
|
||||
| Designed and Developed by
|
||||
<a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -1,11 +0,0 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Custom Styles -->
|
||||
{{ if .Site.Params.customCSS }}
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
{{ end }}
|
||||
@@ -1,34 +0,0 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container">
|
||||
<a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects">Projects</a>
|
||||
</li>
|
||||
{{ if .Site.Params.contact }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" href="{{.Url}}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -1,39 +0,0 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light shadow-sm bg-gradient-primary">
|
||||
<div class="container">
|
||||
<a class="navbar-brand font-weight-bold" href="{{ .Site.BaseURL | relURL }}">
|
||||
{{ if .Site.Params.favicon }}
|
||||
<img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
|
||||
{{ .Site.Title }}
|
||||
{{ else }}
|
||||
{{ .Site.Title }}
|
||||
{{ end }}
|
||||
</a>
|
||||
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto text-center">
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#home">Home</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#about">About</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#projects">Projects</a>
|
||||
</li>
|
||||
{{ if .Site.Params.contact }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{ .Site.BaseURL }}#contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -1,123 +0,0 @@
|
||||
{{ $backgroundImage:= "https://i.ibb.co/w4HYQcH/background.png" }}
|
||||
{{ $backimg:= "https://i.ibb.co/P5wwmWK/back.png" }}
|
||||
|
||||
{{ if .Site.Params.custombackground }}
|
||||
{{ $backgroundImage = .Site.Params.background }}
|
||||
{{ $backimg = .Site.Params.backimg }}
|
||||
{{ end }}
|
||||
|
||||
<section>
|
||||
<div class="home" style="background-image: url('{{ $backgroundImage | absURL }}');">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-transperant">
|
||||
<div class="container">
|
||||
<a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home" aria-label="home">Home</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about" aria-label="about">About</a>
|
||||
</li>
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects" aria-label="projects">Projects</a>
|
||||
</li>
|
||||
{{ if .Site.Params.contact }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#contact" aria-label="contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container">
|
||||
<div class="row justify-content-center" id="home">
|
||||
<div class="text-white col-lg-8">
|
||||
<div class="name-intro">
|
||||
Hi there, I'm
|
||||
<h1 class="name">{{ .Site.Params.name }}</h1>
|
||||
|
||||
<!-- socialmedia -->
|
||||
<div class="social">
|
||||
{{ if .Site.Params.github }}
|
||||
<a class="text-white" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a class="text-white" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-white" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- image -->
|
||||
<div class="row profile text-center">
|
||||
<br>
|
||||
<img src="{{ .Site.Params.profile | default " /images/v1/avatar.webp"}}" width="150px"
|
||||
class="rounded-circle img-fluid" alt="{{ .Site.Params.name }}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 home-content d-none d-md-block" style="background-image: url('{{ $backimg | absURL }}');">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row know-more ">
|
||||
<div class="container p-3 rounded text-center">
|
||||
<a href="#about" class="text-info">
|
||||
know more
|
||||
<br>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd"
|
||||
d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,46 +0,0 @@
|
||||
<section>
|
||||
<div class="projects p-3" id="projects">
|
||||
<div class="container">
|
||||
<div class="project-heading text-center text-white container pb-3">Projects</div>
|
||||
<div class="pt-5 pb-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="row justify-content-center">
|
||||
{{ range .Site.Params.projects }}
|
||||
<div class="col-md-4 mb-3">
|
||||
<div class="card">
|
||||
<img class="img-fluid" src="{{ .image }}" alt="{{ .title }}">
|
||||
<div class="card-body">
|
||||
<div class="card-title">{{ .title }}</div>
|
||||
<p class="card-text">{{ .description}}</p>
|
||||
|
||||
{{ if .secoundarylink}}
|
||||
<a href="{{ .secoundaryurl }}" class="btn btn-info" aria-label="{{ .secoundaryurlname }}">{{ .secoundaryurlname }}</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .sourceurl }}
|
||||
<a class="text-dark" href="{{ .sourceurl }}" aria-label="github">
|
||||
<svg width="2em" height="2em" fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||
<path
|
||||
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,3 +0,0 @@
|
||||
<!-- javascripts -->
|
||||
<script src="/js/jquery.slim.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
@@ -1,133 +0,0 @@
|
||||
<section>
|
||||
<div class="about pt-4">
|
||||
<div class="container">
|
||||
|
||||
<div class="row justify-content-center ">
|
||||
<div class="col-lg-3 pt-3 text-center">
|
||||
{{ if .Site.Params.profile_image }}
|
||||
<img src="{{ .Site.Params.profile_image }}" width="200" height="200" alt="{{ .Site.Params.name }}" class="rounded">
|
||||
{{ end }}
|
||||
<div class="about-me jop font-weight-bold text-secondary">
|
||||
{{ if .Site.Params.name }}
|
||||
{{ .Site.Params.name }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ if .Site.Params.socialicontop }}
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
|
||||
<path
|
||||
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<rdf:Description about="https://iconscout.com/legal#licenses" dc:title="Github, Online, Project, Hosting, Square" dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
|
||||
dc:format="image/svg+xml" dc:language="en">
|
||||
<dc:creator>
|
||||
<rdf:Bag>
|
||||
<rdf:li>Font Awesome</rdf:li>
|
||||
</rdf:Bag>
|
||||
</dc:creator>
|
||||
</rdf:Description>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn" viewBox="0 0 512 512">
|
||||
<rect width="512" height="512" fill="#0077b5" rx="15%" />
|
||||
<circle cx="142" cy="138" r="37" />
|
||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||||
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#03a9f4" d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
|
||||
<path fill="#fff"
|
||||
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#fd5" />
|
||||
<stop offset=".328" stop-color="#ff543f" />
|
||||
<stop offset=".348" stop-color="#fc5245" />
|
||||
<stop offset=".504" stop-color="#e64771" />
|
||||
<stop offset=".643" stop-color="#d53e91" />
|
||||
<stop offset=".761" stop-color="#cc39a4" />
|
||||
<stop offset=".841" stop-color="#c837ab" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#4168c9" />
|
||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<path fill="#fff" d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||
<path fill="#fff" d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.facebook }}
|
||||
<a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#3F51B5" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
|
||||
<path fill="#FFF" d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="row justify-content-center ">
|
||||
<div class="col-md-8 text-center">
|
||||
<div class="about-content text-dark p-3">
|
||||
{{ if .Site.Params.descripe_l1_person }}
|
||||
{{ .Site.Params.descripe_l1_person | markdownify }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.descripe_l2_person }}
|
||||
<br><br>
|
||||
{{ .Site.Params.descripe_l2_person | markdownify }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="social px-3 text-center pb-4">
|
||||
{{ if .Site.Params.useresume }}
|
||||
<a href={{ .Site.Params.resumelink | default "#" }} class="btn btn-outline-danger" role="button" aria-pressed="true">
|
||||
{{ if .Site.Params.customname }}
|
||||
{{ .Site.Params.customname }}
|
||||
{{ else }}
|
||||
Resume
|
||||
{{ end }}
|
||||
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,45 +0,0 @@
|
||||
{{ if .Site.Params.usedothings }}
|
||||
<section>
|
||||
<div class="do-things text-center" id="do-things">
|
||||
<div class="container">
|
||||
<div class="things-i-do text-primary py-3 font-weight-bold">
|
||||
Things I do
|
||||
</div>
|
||||
|
||||
<div class="do-things-card">
|
||||
<div class="row pb-2 justify-content-center">
|
||||
{{ range .Site.Params.Things }}
|
||||
{{ if .url }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<a id="nothing" href={{ .url | default "#" }} class="">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="col-lg-3 col-md-4">
|
||||
<div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
|
||||
<i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
|
||||
<div class="p-2 font-weight-bold">
|
||||
{{ .title }}
|
||||
</div>
|
||||
<div class="py-4 things-text">
|
||||
{{ .description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -1,144 +0,0 @@
|
||||
<footer>
|
||||
<!-- recent posts -->
|
||||
<div class="news container py-3">
|
||||
{{ if .Site.Params.recentposts }}
|
||||
<div class="h3 text-center text-light py-3 font-weight-bold">Recent posts</div>
|
||||
<div class="row justify-content-center">
|
||||
{{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
|
||||
<div class="col-lg-4 col-md-6 pt-2">
|
||||
<a href="{{ .RelPermalink }}" class="post-card-link">
|
||||
<div class="card px-2 h-100">
|
||||
<div class="card-head py-3">
|
||||
<h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
|
||||
<p class="card-text px-2"> {{ .Summary | truncate 300}}</p>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
|
||||
<a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Site.Params.socialiconfooter }}
|
||||
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
|
||||
<path
|
||||
d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<rdf:Description about="https://iconscout.com/legal#licenses"
|
||||
dc:title="Github, Online, Project, Hosting, Square"
|
||||
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
|
||||
dc:format="image/svg+xml" dc:language="en">
|
||||
<dc:creator>
|
||||
<rdf:Bag>
|
||||
<rdf:li>Font Awesome</rdf:li>
|
||||
</rdf:Bag>
|
||||
</dc:creator>
|
||||
</rdf:Description>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
|
||||
viewBox="0 0 512 512">
|
||||
<rect width="512" height="512" fill="#0077b5" rx="15%" />
|
||||
<circle cx="142" cy="138" r="37" />
|
||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||||
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#03a9f4"
|
||||
d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
|
||||
<path fill="#fff"
|
||||
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#fd5" />
|
||||
<stop offset=".328" stop-color="#ff543f" />
|
||||
<stop offset=".348" stop-color="#fc5245" />
|
||||
<stop offset=".504" stop-color="#e64771" />
|
||||
<stop offset=".643" stop-color="#d53e91" />
|
||||
<stop offset=".761" stop-color="#cc39a4" />
|
||||
<stop offset=".841" stop-color="#c837ab" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
|
||||
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#4168c9" />
|
||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<path fill="#fff"
|
||||
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||
<path fill="#fff"
|
||||
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.facebook }}
|
||||
<a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
|
||||
<path fill="#3F51B5"
|
||||
d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
|
||||
<path fill="#FFF"
|
||||
d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="container bg-transparent py-4">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
|
||||
<div class="pb-2">
|
||||
<a href="{{ .Site.BaseURL }}">
|
||||
<img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
|
||||
width="40px">
|
||||
</a>
|
||||
</div>
|
||||
© {{ .Site.Params.copyright }} All Rights Reserved
|
||||
<div class="text-secondary">
|
||||
<div>
|
||||
Made with ❤ and
|
||||
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
|
||||
| Designed and Developed by
|
||||
<a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -1,16 +0,0 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
|
||||
|
||||
<!-- stylesheets -->
|
||||
<link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/all.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/v2/v2.css" media="all">
|
||||
|
||||
|
||||
<!-- Custom Styles -->
|
||||
{{ if .Site.Params.customCSS }}
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
{{ end }}
|
||||
@@ -1,26 +0,0 @@
|
||||
<nav class="navbar navbar-expand-lg navbar-light shadow-sm bg-gradient-primary">
|
||||
<div class="container">
|
||||
<a class="navbar-brand font-weight-bold" href="{{ .Site.BaseURL | relURL }}">
|
||||
{{ if .Site.Params.favicon }}
|
||||
<img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
|
||||
{{ .Site.Title }}
|
||||
{{ else }}
|
||||
{{ .Site.Title }}
|
||||
{{ end }}
|
||||
</a>
|
||||
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto text-center">
|
||||
{{ range site.Params.customMenus }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -1,3 +0,0 @@
|
||||
<!-- javascripts -->
|
||||
<script src="/js/jquery.slim.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
@@ -1,43 +0,0 @@
|
||||
<div id="about" class="about-backdark about-back">
|
||||
<section class="pt-5">
|
||||
<div class="container-fluid">
|
||||
<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 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">
|
||||
{{ .Site.Params.getintouch | default "Get in Touch" }}
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-5 about-skill">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@@ -1,37 +0,0 @@
|
||||
{{ $img:= "./images/v1/background.png" }}
|
||||
|
||||
<section id="achievements" class="py-5 achievements-backdark achievements-back">
|
||||
<div class="container-fluid">
|
||||
<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 }}
|
||||
{{ $img = .img }}
|
||||
{{ end }}
|
||||
{{ if .url }}
|
||||
<div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
|
||||
data-aos-duration="600" data-aos-once="true">
|
||||
<a target="_blank" href={{ .url | default "#" }}>
|
||||
<div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url(./{{ .img }});">
|
||||
<div class="p-3 w-100 achiv overflow-hidden">
|
||||
<h4 class="text-center achiv-head">{{ .title }}</h4>
|
||||
<div class="text-secondary">{{ .description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
|
||||
data-aos-duration="600" data-aos-once="true">
|
||||
<div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url(./{{ .img }});">
|
||||
<div class="p-3 w-100 achiv overflow-hidden">
|
||||
<h4 class="text-center achiv-head">{{ .title }}</h4>
|
||||
<div class="text-secondary">{{ .description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,17 +0,0 @@
|
||||
<section id="contact">
|
||||
<div class="container-fluid py-5">
|
||||
<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">{{ .Site.Params.contact_content | emojify | markdownify }}</div>
|
||||
{{ if .Site.Params.email }}
|
||||
<div class="text-center pt-3">
|
||||
<a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn text-muted">
|
||||
{{ .Site.Params.getintouch | default "Get in Touch" }}
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
File diff suppressed because one or more lines are too long
@@ -1,138 +0,0 @@
|
||||
<section id="experience">
|
||||
<div class="container-fluid pt-5">
|
||||
<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 class="text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</h4>
|
||||
<div>
|
||||
<small>{{ .startdate}}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex-ol-ul">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-ol-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div id="nav-pills-out" class="d-none d-md-block nav flex-column nav-pills col-md-2" id="v-pills-tab"
|
||||
role="tablist" aria-orientation="vertical">
|
||||
{{ range $index, $element := .Site.Params.experience }}
|
||||
{{ if (eq $index 0) }}
|
||||
{{ if .id }}
|
||||
<a class="nav-link active" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab"
|
||||
aria-controls="{{ .id }}" aria-selected="true">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ else }}
|
||||
<a class="nav-link active" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
|
||||
aria-controls="{{ .company }}" aria-selected="true">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{ else }}
|
||||
{{ if .id }}
|
||||
<a class="nav-link" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab" aria-controls="{{ .id }}"
|
||||
aria-selected="false">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ else }}
|
||||
<a class="nav-link" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
|
||||
aria-controls="{{ .company }}" aria-selected="false">
|
||||
{{ .company }}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ end }} {{ end }}
|
||||
</div>
|
||||
|
||||
<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) }}
|
||||
{{ if .id }}
|
||||
<div class="tab-pane fade show active" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
<small>{{ .startdate }}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
<small>{{ .startdate }}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ else }}
|
||||
{{ if .id }}
|
||||
<div class="tab-pane fade" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
<small>{{ .startdate }}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div class="tab-pane fade" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
|
||||
<div class="h4 text-muted">
|
||||
<span class="text-primary">{{ .company }}</span> - {{ .role }}
|
||||
</div>
|
||||
<div>
|
||||
<small>{{ .startdate }}</small>
|
||||
-
|
||||
<small>{{ .enddate }}</small>
|
||||
</div>
|
||||
<ul class="py-2 ex">
|
||||
{{ range .featuredpoints }}
|
||||
<li class="ex-item">{{ .point }}</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,142 +0,0 @@
|
||||
<footer>
|
||||
<!-- recent posts -->
|
||||
<div class="news container py-3" data-aos="fade-up" data-aos-easing="linear" data-aos-once="true">
|
||||
{{ if .Site.Params.recentposts }}
|
||||
<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">
|
||||
<a href="{{ .RelPermalink }}" class="post-card-link">
|
||||
<div class="card h-100">
|
||||
<div class="card-head px-2 py-3">
|
||||
<h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
|
||||
<div class="px-2">{{ .Summary | truncate 300}}</div>
|
||||
</div>
|
||||
<div class="mt-auto card-footer">
|
||||
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
|
||||
<a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Site.Params.socialiconfooter }}
|
||||
|
||||
<div class="text-center">
|
||||
{{ if .Site.Params.github }}
|
||||
<span class="px-1">
|
||||
<a class="text-dark 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" />
|
||||
|
||||
<metadata>
|
||||
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<rdf:Description about="https://iconscout.com/legal#licenses"
|
||||
dc:title="Github, Online, Project, Hosting, Square"
|
||||
dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
|
||||
dc:format="image/svg+xml" dc:language="en">
|
||||
<dc:creator>
|
||||
<rdf:Bag>
|
||||
<rdf:li>Font Awesome</rdf:li>
|
||||
</rdf:Bag>
|
||||
</dc:creator>
|
||||
</rdf:Description>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<span class="px-1">
|
||||
<a class="text-white 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%" />
|
||||
<circle cx="142" cy="138" r="37" />
|
||||
<path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
|
||||
<path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
|
||||
</svg>
|
||||
</a>
|
||||
</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a class="text-info 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" />
|
||||
<path fill="#fff"
|
||||
d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.instagram }}
|
||||
<a class="text-danger 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" />
|
||||
<stop offset=".328" stop-color="#ff543f" />
|
||||
<stop offset=".348" stop-color="#fc5245" />
|
||||
<stop offset=".504" stop-color="#e64771" />
|
||||
<stop offset=".643" stop-color="#d53e91" />
|
||||
<stop offset=".761" stop-color="#cc39a4" />
|
||||
<stop offset=".841" stop-color="#c837ab" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
|
||||
gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" stop-color="#4168c9" />
|
||||
<stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
|
||||
</radialGradient>
|
||||
<path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
|
||||
d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20 c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20 C42.014,38.383,38.417,41.986,34.017,41.99z" />
|
||||
<path fill="#fff"
|
||||
d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5 s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
|
||||
<circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
|
||||
<path fill="#fff"
|
||||
d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12 C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.facebook }}
|
||||
<a class="text-info 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" />
|
||||
<path fill="#FFF"
|
||||
d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="container bg-transparent py-4">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
|
||||
<div class="pb-2">
|
||||
<a href="{{ .Site.BaseURL }}">
|
||||
<img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
|
||||
width="40px">
|
||||
</a>
|
||||
</div>
|
||||
© {{ dateFormat "2006" now }} All Rights Reserved
|
||||
<div>
|
||||
Made with ❤ and
|
||||
<a href="https://github.com/gurusabarish/hugo-profile" target="_blank">Hugo profile</a>
|
||||
| Designed and Developed by
|
||||
<a href="https://www.linkedin.com/in/gurusabarish/" target="_blank">Gurusabarish</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -1,36 +0,0 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
|
||||
<!-- Google analytics -->
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
<!-- stylesheets -->
|
||||
<link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/all.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="/css/v3/darkmode.css" media="all">
|
||||
|
||||
<style>
|
||||
html {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #6c757d transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #6c757d;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<!-- Custom Styles -->
|
||||
{{ if .Site.Params.customCSS }}
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
{{ end }}
|
||||
@@ -1,99 +0,0 @@
|
||||
<div class="container-fluid home">
|
||||
<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 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 style="color: #{{ .Site.Params.namecolor }};" class="hi-text" data-aos="fade-up" data-aos-offset="50"
|
||||
data-aos-delay="50" data-aos-once="true" data-aos-duration="900">
|
||||
{{ .Site.Params.hitext | default "Hi there, I'm" }}
|
||||
</div>
|
||||
<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-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>
|
||||
<div class="row social pt-4" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50" data-aos-duration="900"
|
||||
data-aos-once="true">
|
||||
<div class="col-md-12">
|
||||
{{ if .Site.Params.github }}
|
||||
<a href="{{ .Site.Params.github }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-github"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.gitlab }}
|
||||
<a href="{{ .Site.Params.gitlab }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-gitlab"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.twitter }}
|
||||
<a href="{{ .Site.Params.twitter }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-twitter"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.linkedin }}
|
||||
<a href="{{ .Site.Params.linkedin }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-linkedin"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.facebook }}
|
||||
<a href="{{ .Site.Params.facebook }}" class="social-icon">
|
||||
<i class="fab fa-lg fa-facebook"></i>
|
||||
​
|
||||
</a>
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
|
||||
<!-- customSocialLinks -->
|
||||
{{ range .Site.Params.customSocialLinks }}
|
||||
{{ if .fontAwesomeIconName }}
|
||||
<a href="{{ .url }}" class="social-icon">
|
||||
<i class="fa-lg {{ .fontAwesomeIconName }}"></i>
|
||||
​
|
||||
</a>
|
||||
{{ else }}
|
||||
<a href="{{ .url }}" class="social-icon">
|
||||
<img class="fab fa-lg" src="{{ .imageURL }}" alt="{{ .name }}" width="4%" />
|
||||
​
|
||||
</a>
|
||||
{{ end }}
|
||||
<span class="px-1"></span>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pt-4 btn-intro">
|
||||
<a href="#about" class="btn-know btn btn-outline-info" data-aos="zoom-in" data-aos-offset="50"
|
||||
data-aos-delay="50" data-aos-duration="900" data-aos-once="true">
|
||||
About me
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-5 text-center 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">
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,120 +0,0 @@
|
||||
<div class="container">
|
||||
<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">
|
||||
{{ .Site.Title }}
|
||||
{{ else }}
|
||||
{{ .Site.Title }}
|
||||
{{ end }}
|
||||
</a>
|
||||
|
||||
|
||||
<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav ml-auto text-center">
|
||||
|
||||
{{ if .Site.Params.disable_about }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link 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 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 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 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 text-dark" href="{{ .Site.BaseURL | relURL }}#achievements"
|
||||
aria-label="achievements">Achievements</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.disable_contact }}
|
||||
{{ else }}
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
|
||||
{{ range .Site.Menus.main }}
|
||||
{{ if .HasChildren }}
|
||||
<!-- Dropdown menu -->
|
||||
<li class="nav-item dropdown navbar-text">
|
||||
<a class="nav-link text-dark dropdown-toggle" href="#" title="{{ .Title }}" id="navbarDropdownMenuLink"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
|
||||
{{ range .Children }}
|
||||
<a class="dropdown-item text-dark" href="{{ .URL }}" title="{{ .Title }}">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</li>
|
||||
|
||||
{{/*
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="{{ .URL }}" id="navbarDropdown" role="button"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{{ .Title }}">
|
||||
{{ .Name }}
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
{{ range .Children }}
|
||||
<a class="dropdown-item" href="{{ .URL }}" title="{{ .Title }}">
|
||||
{{ .Name }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</li> */}}
|
||||
{{else}}
|
||||
<!-- Single menu item -->
|
||||
<li class="nav-item navbar-text">
|
||||
<a class="nav-link text-dark" href="{{.URL}}" title="{{ .Title }}">
|
||||
{{ .Pre }}
|
||||
<span>{{ .Name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
<li class="nav-item navbar-text">
|
||||
<div class="custom-control custom-switch">
|
||||
<input type="checkbox" class="custom-control-input" id="customSwitch1" autocomplete="on">
|
||||
<label class="pt-2 darkmode-label" for="customSwitch1" style="cursor: pointer;">
|
||||
<i class="fas fa-lg fa-moon"></i>
|
||||
<i class="fas fa-lg fa-sun d-none text-warning"></i>
|
||||
</label>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -1,106 +0,0 @@
|
||||
<section id="projects">
|
||||
<div class="container-fluid py-5">
|
||||
<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-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 }}" />
|
||||
</div>
|
||||
<div class="col-md-6 content-pro p-3 bg-light">
|
||||
<div class="content-pro-top">
|
||||
<h2>{{ .Title }}</h2>
|
||||
<p class="card-text pt-2">{{ .Params.description }}</p>
|
||||
</div>
|
||||
<span class="float-right">
|
||||
{{ if .Params.featured }}
|
||||
<a href="{{ .Params.featured }}" class="px-1">
|
||||
<i class="fas text-info fa-link"></i>
|
||||
</a>
|
||||
{{ end }} {{ if .Params.github }}
|
||||
<a href="{{ .Params.github }}" class="px-1 pr-2">
|
||||
<i class="fab text-dark fa-lg fa-github pro-github"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
<a class="btn btn-sm pro-btn btn-outline-info" target="_blank" href="{{ .Permalink }}">
|
||||
Know more...
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }} {{ range .Site.Params.projects }}
|
||||
<div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
|
||||
<div class="row">
|
||||
<div class="col-md-6 bg-pro">
|
||||
<img src="{{ .img }}" alt="{{ .name }}" />
|
||||
</div>
|
||||
<div class="col-md-6 content-pro p-3 bg-light">
|
||||
<div class="content-pro-top">
|
||||
<h2>{{ .name }}</h2>
|
||||
<p class="card-text pt-2">{{ .description }}</p>
|
||||
</div>
|
||||
<span class="float-right">
|
||||
{{ if .featuredlink }}
|
||||
<a href="{{ .featuredlink }}" class="px-1">
|
||||
<i class="fas text-info fa-link"></i>
|
||||
</a>
|
||||
{{ end }} {{ if .githublink }}
|
||||
<a href="{{ .githublink }}" class="px-1 pr-2">
|
||||
<i class="fab text-dark fa-lg fa-github pro-github"></i>
|
||||
</a>
|
||||
{{ end }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
{{ range ( where .Site.RegularPages "Type" "project" ) }}
|
||||
<div class="col-md-5 py-2">
|
||||
<div class="pb-2">
|
||||
<div class="card border-r border-0 shadow h-100 m-2">
|
||||
<a class="text-decoration-none" target="_blank" href="{{ .Permalink }}">
|
||||
<img src='{{ .Params.img }}' class="card-img-top" height="250" alt="{{ .Title }}">
|
||||
</a>
|
||||
<div class="card-body pt-2 ">
|
||||
<h2>{{ .Title }}</h2>
|
||||
<p class="card-text pt-2">
|
||||
<span class="">
|
||||
Build your website with “Hugo” comment Go to the terminal and type “hugo” …
|
||||
</span>
|
||||
|
||||
</p>
|
||||
<span class="float-right">
|
||||
{{ if .Params.featured }}
|
||||
<a href="{{ .Params.featured }}" class="px-1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm10 12c0 .685-.07 1.354-.202 2h-3.853c.121-1.283.129-2.621 0-4h3.853c.132.646.202 1.315.202 2zm-.841-4h-3.5c-.383-1.96-1.052-3.751-1.948-5.278 2.435.977 4.397 2.882 5.448 5.278zm-5.554 0h-2.605v-5.658c1.215 1.46 2.117 3.41 2.605 5.658zm-4.605-5.658v5.658h-2.605c.488-2.248 1.39-4.198 2.605-5.658zm0 7.658v4h-2.93c-.146-1.421-.146-2.577 0-4h2.93zm0 6v5.658c-1.215-1.46-2.117-3.41-2.605-5.658h2.605zm2 5.658v-5.658h2.605c-.488 2.248-1.39 4.198-2.605 5.658zm0-7.658v-4h2.93c.146 1.421.146 2.577 0 4h-2.93zm-4.711-11.278c-.896 1.527-1.565 3.318-1.948 5.278h-3.5c1.051-2.396 3.013-4.301 5.448-5.278zm-6.087 7.278h3.853c-.121 1.283-.129 2.621 0 4h-3.853c-.132-.646-.202-1.315-.202-2s.07-1.354.202-2zm.639 6h3.5c.383 1.96 1.052 3.751 1.948 5.278-2.435-.977-4.397-2.882-5.448-5.278zm12.87 5.278c.896-1.527 1.565-3.318 1.948-5.278h3.5c-1.051 2.396-3.013 4.301-5.448 5.278z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ if .Params.github }}
|
||||
<a href="{{ .Params.github }}" class="px-1 pr-2">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path
|
||||
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
|
||||
</svg>
|
||||
</a>
|
||||
{{ end }}
|
||||
<a class="btn btn-sm btn-outline-info" target="_blank" href="{{ .Permalink }}">Read
|
||||
more...</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ end }}
|
||||
-->
|
||||
@@ -1,3 +0,0 @@
|
||||
<!-- javascripts -->
|
||||
<script src="/js/jquery.slim.min.js"></script>
|
||||
<script src="/js/bootstrap.min.js"></script>
|
||||
Reference in New Issue
Block a user