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>
<body>
{{- partial "header.html" . -}}
{{- partial "sections/home.html" . -}}
{{- partial "sections/about.html" . -}}
{{- partial "sections/do_things.html" . -}}
{{- partial "sections/skill.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">
<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"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@@ -9,18 +9,18 @@
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto">
<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 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 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>
{{ range site.Params.customMenus }}
<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>
{{ end }}
</ul>
layouts/partials/sections/about.html
+7 -5
View File
@@ -5,7 +5,7 @@
</div>
<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">
<div class="about-me jop font-weight-bold text-secondary">{{ .Site.Params.jop }}</div>
@@ -19,12 +19,14 @@
</a>
{{ end }}
</div>
<div class="col-md-7 pt-5 ">
<div class="col-md-7 pt-3 ">
<div class="about-content text-secondary p-3">
Hi, I'm <span class="text-light">{{ .Site.Params.name }}</span>, a passionate <span
class="text-light">{{ .Site.Params.jops_about | default "Your jop"}}</span> from India. I tend
Hi, I'm <span class="text-dark">{{ .Site.Params.name }}</span>, a passionate <span
class="text-dark">{{ .Site.Params.jops_about | default "Your jop"}}</span> from India. I tend
to make use
of modern web technologies to build websites that looks great, feels fantastic, and functions
correctly.
@@ -33,7 +35,7 @@
You can check my <a href="/blog">blog</a> and my <a href="{{ .Site.Params.github | default "#" }}"
target="_blank">github</a> for more details.
</div>
<div class="text-center">
<div class="text-center pb-3">
<a href="{{ .Site.Params.resume | default "#" }}" class="btn btn-info" role="button"
aria-pressed="true">Resume</a>
</div>
layouts/partials/sections/do_things.html
+3 -3
View File
@@ -1,11 +1,11 @@
<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">
Things I do
</div>
<div class="p-5">
<div class="row justify-content-center">
<div class="do-things-card">
<div class="row pb-5 justify-content-center">
<!-- Thing 1 -->
<div class="col-md-3 col-sm">
<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>
<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="name-intro">
Hi there, I'm
@@ -61,8 +93,8 @@
<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">
<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>
@@ -73,4 +105,5 @@
<div class="col col-lg-4 col-sm home-content"></div>
</div>
</div>
</section>
static/css/index.css
+15 -8
View File
@@ -54,8 +54,8 @@
@media only screen and (max-width: 600px) {
.home {
height: 90vh;
background-position: center;
height: auto;
background-position: left bottom;
}
.name-intro {
@@ -87,6 +87,7 @@
/* do things */
.do-things {
background-color: #e5e9f2;
height: auto;
padding: 0;
padding-bottom: 0;
@@ -104,14 +105,19 @@
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 {
height: 70vh;
background: url("/images/about-background.jpg");
background-position: center;
/*background-color: #63a4ff;
background-image: linear-gradient(315deg, #63a4ff 0%, #83eaf1 74%);*/
height: auto;
}
.jop {
@@ -139,7 +145,7 @@
}
/* Skill */
/* Skill
.skill {
height: 80vh;
background-color: #e5e9f2;
@@ -149,6 +155,7 @@
font-family: 'Alata', sans-serif;
font-size: 25px;
}
*/
/* Projects */
.projects {