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

Hugo-profile

Browse Source
This commit is contained in:
gurusabarish
2020-09-19 12:26:55 +05:30
parent f0f30d6509
commit faa221b749
6 changed files with 131 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/index.html
-2
View File
@@ -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" . -}}
layouts/partials/header.html
+5 -5
View File
@@ -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>
layouts/partials/sections/about.html
+7 -5
View File
@@ -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>
layouts/partials/sections/do_things.html
+3 -3
View File
@@ -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">
layouts/partials/sections/home.html
+36 -3
View File
@@ -1,5 +1,37 @@
<section> <section>
<div class="home container-fluid row" id="home"> <div class="home">
<div class="">
<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">
<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>
{{ range site.Params.customMenus }}
<li class="nav-item">
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}{{.url}}">{{ .name }}</a>
</li>
{{ end }}
</ul>
</div>
</div>
</nav>
</div>
<div class="container-fluid row" id="home">
<div class="text-white col-lg-8 col-sm "> <div class="text-white col-lg-8 col-sm ">
<div class="name-intro"> <div class="name-intro">
Hi there, I'm Hi there, I'm
@@ -61,8 +93,8 @@
<a href="#about" class="text-info"> <a href="#about" class="text-info">
know more know more
<br> <br>
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="currentColor" <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down"
xmlns="http://www.w3.org/2000/svg"> fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" <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" /> 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> </svg>
@@ -73,4 +105,5 @@
<div class="col col-lg-4 col-sm home-content"></div> <div class="col col-lg-4 col-sm home-content"></div>
</div> </div>
</div>
</section> </section>
static/css/index.css
+15 -8
View File
@@ -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 {