Hugo-profile
This commit is contained in:
gurusabarish
@@ -18,12 +18,10 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{{- partial "header.html" . -}}
|
|
||||||
|
|
||||||
{{- partial "sections/home.html" . -}}
|
{{- partial "sections/home.html" . -}}
|
||||||
{{- partial "sections/about.html" . -}}
|
{{- partial "sections/about.html" . -}}
|
||||||
{{- partial "sections/do_things.html" . -}}
|
{{- partial "sections/do_things.html" . -}}
|
||||||
{{- partial "sections/skill.html" . -}}
|
|
||||||
{{- partial "sections/projects.html" . -}}
|
{{- partial "sections/projects.html" . -}}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a class="navbar-brand" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
<a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
|
||||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
@@ -9,18 +9,18 @@
|
|||||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||||
<ul class="navbar-nav ml-auto">
|
<ul class="navbar-nav ml-auto">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="{{ .Site.BaseURL }}#home">Home</a>
|
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home">Home</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="{{ .Site.BaseURL }}#about">About</a>
|
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about">About</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="{{ .Site.BaseURL }}#projects">Projects</a>
|
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects">Projects</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
{{ range site.Params.customMenus }}
|
{{ range site.Params.customMenus }}
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="{{ .Site.BaseURL }}{{.url}}">{{ .name }}</a>
|
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}{{.url}}">{{ .name }}</a>
|
||||||
</li>
|
</li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row justify-content-center ">
|
<div class="row justify-content-center ">
|
||||||
<div class="col-md-3 pt-5 text-center">
|
<div class="col-md-3 pt-4 text-center">
|
||||||
<img src="{{ .Site.Params.profile_image }}" width="200px" alt="{{ .Site.Params.name }}" class="rounded">
|
<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.jop }}</div>
|
<div class="about-me jop font-weight-bold text-secondary">{{ .Site.Params.jop }}</div>
|
||||||
|
|
||||||
@@ -19,12 +19,14 @@
|
|||||||
</a>
|
</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-7 pt-5 ">
|
<div class="col-md-7 pt-3 ">
|
||||||
<div class="about-content text-secondary p-3">
|
<div class="about-content text-secondary p-3">
|
||||||
Hi, I'm <span class="text-light">{{ .Site.Params.name }}</span>, a passionate <span
|
Hi, I'm <span class="text-dark">{{ .Site.Params.name }}</span>, a passionate <span
|
||||||
class="text-light">{{ .Site.Params.jops_about | default "Your jop"}}</span> from India. I tend
|
class="text-dark">{{ .Site.Params.jops_about | default "Your jop"}}</span> from India. I tend
|
||||||
to make use
|
to make use
|
||||||
of modern web technologies to build websites that looks great, feels fantastic, and functions
|
of modern web technologies to build websites that looks great, feels fantastic, and functions
|
||||||
correctly.
|
correctly.
|
||||||
@@ -33,7 +35,7 @@
|
|||||||
You can check my <a href="/blog">blog</a> and my <a href="{{ .Site.Params.github | default "#" }}"
|
You can check my <a href="/blog">blog</a> and my <a href="{{ .Site.Params.github | default "#" }}"
|
||||||
target="_blank">github</a> for more details.
|
target="_blank">github</a> for more details.
|
||||||
</div>
|
</div>
|
||||||
<div class="text-center">
|
<div class="text-center pb-3">
|
||||||
<a href="{{ .Site.Params.resume | default "#" }}" class="btn btn-info" role="button"
|
<a href="{{ .Site.Params.resume | default "#" }}" class="btn btn-info" role="button"
|
||||||
aria-pressed="true">Resume</a>
|
aria-pressed="true">Resume</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
<section>
|
<section>
|
||||||
<div class="p-3 do-things bg-light text-center" id="do-things">
|
<div class="pt-3 do-things bg-light text-center" id="do-things">
|
||||||
<div class="things-i-do text-primary font-weight-bold">
|
<div class="things-i-do text-primary font-weight-bold">
|
||||||
Things I do
|
Things I do
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-5">
|
<div class="do-things-card">
|
||||||
<div class="row justify-content-center">
|
<div class="row pb-5 justify-content-center">
|
||||||
<!-- Thing 1 -->
|
<!-- Thing 1 -->
|
||||||
<div class="col-md-3 col-sm">
|
<div class="col-md-3 col-sm">
|
||||||
<div class="things shadow rounded p-5 mt-5 bg-warning">
|
<div class="things shadow rounded p-5 mt-5 bg-warning">
|
||||||
|
|||||||
@@ -1,76 +1,109 @@
|
|||||||
<section>
|
<section>
|
||||||
<div class="home container-fluid row" id="home">
|
<div class="home">
|
||||||
<div class="text-white col-lg-8 col-sm ">
|
<div class="">
|
||||||
<div class="name-intro">
|
<nav class="navbar navbar-expand-lg navbar-light bg-transperant">
|
||||||
Hi there, I'm
|
<div class="container">
|
||||||
<h1 class="name">{{ .Site.Params.name }}</h1>
|
<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>
|
||||||
|
|
||||||
<!-- socialmedia -->
|
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||||
<div class="social">
|
<ul class="navbar-nav ml-auto">
|
||||||
{{ if .Site.Params.github }}
|
<li class="nav-item">
|
||||||
<a class="text-white" href="{{ .Site.Params.github }}" target="_blank">
|
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home">Home</a>
|
||||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
</li>
|
||||||
viewBox="0 0 448 512">
|
<li class="nav-item">
|
||||||
<path
|
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about">About</a>
|
||||||
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" />
|
</li>
|
||||||
</svg>
|
<li class="nav-item">
|
||||||
</a>
|
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects">Projects</a>
|
||||||
{{ end }}
|
</li>
|
||||||
|
|
||||||
{{ if .Site.Params.linkedin }}
|
{{ range site.Params.customMenus }}
|
||||||
<a class="text-white" href="{{ .Site.Params.linkedin }}" target="_blank">
|
<li class="nav-item">
|
||||||
<svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
|
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}{{.url}}">{{ .name }}</a>
|
||||||
viewBox="0 0 448 512">
|
</li>
|
||||||
<path
|
{{ end }}
|
||||||
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" />
|
</ul>
|
||||||
</svg>
|
</div>
|
||||||
</a>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ if .Site.Params.twitter }}
|
|
||||||
<a class="text-white" href="{{ .Site.Params.twitter }}" target="_blank">
|
|
||||||
<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 }}" target="_blank">
|
|
||||||
<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>
|
||||||
</div>
|
</nav>
|
||||||
|
|
||||||
<!-- image -->
|
|
||||||
<div class="profile text-right">
|
|
||||||
<br>
|
|
||||||
<img src="{{ .Site.Params.profile | default "/images/avatar-370-456322.webp"}}" width="150px"
|
|
||||||
class="rounded-circle img-fluid" alt="{{ .Site.Params.name }}">
|
|
||||||
</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>
|
||||||
|
<div class="container-fluid row" id="home">
|
||||||
|
<div class="text-white col-lg-8 col-sm ">
|
||||||
|
<div class="name-intro">
|
||||||
|
Hi there, I'm
|
||||||
|
<h1 class="name">{{ .Site.Params.name }}</h1>
|
||||||
|
|
||||||
<div class="col col-lg-4 col-sm home-content"></div>
|
<!-- socialmedia -->
|
||||||
|
<div class="social">
|
||||||
|
{{ if .Site.Params.github }}
|
||||||
|
<a class="text-white" href="{{ .Site.Params.github }}" target="_blank">
|
||||||
|
<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 }}" target="_blank">
|
||||||
|
<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 }}" target="_blank">
|
||||||
|
<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 }}" target="_blank">
|
||||||
|
<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="profile text-right">
|
||||||
|
<br>
|
||||||
|
<img src="{{ .Site.Params.profile | default "/images/avatar-370-456322.webp"}}" width="150px"
|
||||||
|
class="rounded-circle img-fluid" alt="{{ .Site.Params.name }}">
|
||||||
|
</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 class="col col-lg-4 col-sm home-content"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
+15
-8
@@ -54,8 +54,8 @@
|
|||||||
|
|
||||||
@media only screen and (max-width: 600px) {
|
@media only screen and (max-width: 600px) {
|
||||||
.home {
|
.home {
|
||||||
height: 90vh;
|
height: auto;
|
||||||
background-position: center;
|
background-position: left bottom;
|
||||||
}
|
}
|
||||||
|
|
||||||
.name-intro {
|
.name-intro {
|
||||||
@@ -87,6 +87,7 @@
|
|||||||
/* do things */
|
/* do things */
|
||||||
|
|
||||||
.do-things {
|
.do-things {
|
||||||
|
background-color: #e5e9f2;
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
@@ -104,14 +105,19 @@
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
.do-things-card {
|
||||||
|
padding-left: 15%;
|
||||||
|
padding-right: 15%;
|
||||||
|
padding-bottom: 15%;
|
||||||
|
padding-top: 0%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* about */
|
/* about */
|
||||||
|
|
||||||
.about {
|
.about {
|
||||||
height: 70vh;
|
height: auto;
|
||||||
background: url("/images/about-background.jpg");
|
|
||||||
background-position: center;
|
|
||||||
/*background-color: #63a4ff;
|
|
||||||
background-image: linear-gradient(315deg, #63a4ff 0%, #83eaf1 74%);*/
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.jop {
|
.jop {
|
||||||
@@ -139,7 +145,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Skill */
|
/* Skill
|
||||||
.skill {
|
.skill {
|
||||||
height: 80vh;
|
height: 80vh;
|
||||||
background-color: #e5e9f2;
|
background-color: #e5e9f2;
|
||||||
@@ -149,6 +155,7 @@
|
|||||||
font-family: 'Alata', sans-serif;
|
font-family: 'Alata', sans-serif;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
/* Projects */
|
/* Projects */
|
||||||
.projects {
|
.projects {
|
||||||
|
|||||||
Reference in New Issue
Block a user