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

theme update

Browse Source
This commit is contained in:
gurusabarish
2020-09-20 13:20:30 +05:30
parent 311d26eb51
commit 083a33b29c
14 changed files with 111 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examplesite/config.yaml
+9 -4
View File
@@ -1,7 +1,7 @@
baseURL: "https://example.com" baseURL: "https://hugo-profile.netlify.app/"
languageCode: "en-us" languageCode: "en-us"
title: "Hugo-blog" title: "Hugo-profile"
theme: "hugo-profile"
@@ -40,7 +40,12 @@ params:
- title: "Project name" - title: "Project name"
image: "/images/project.png" image: "/images/project.png"
description: "This is your description" description: "This is your description"
url: "https://github.com" url: "https://github.com/gurusabarish/hugo-profile"
- title: "Project name"
image: "/images/project.png"
description: "This is your description"
url: "https://github.com/gurusabarish/hugo-profile"
Author: Author:
examplesite/static/images/about-background.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 111 KiB

examplesite/static/images/project.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 77 KiB

examplesite/static/images/screenshot.PNG
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 576 KiB

examplesite/static/images/tn.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 245 KiB

layouts/index.html
+1
View File
@@ -20,6 +20,7 @@
<body> <body>
{{- partial "sections/home.html" . -}} {{- partial "sections/home.html" . -}}
{{- partial "sections/blog.html" . -}}
{{- partial "sections/about.html" . -}} {{- partial "sections/about.html" . -}}
{{- partial "sections/do_things.html" . -}} {{- partial "sections/do_things.html" . -}}
{{- partial "sections/projects.html" . -}} {{- partial "sections/projects.html" . -}}
layouts/partials/footer.html
+5
View File
@@ -1,5 +1,10 @@
<footer class="footer py-3 text-muted text-center"> <footer class="footer py-3 text-muted text-center">
<p> <p>
<h5 class="text-uppercase pb-2 font-weight-bold"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></h5>
&copy; {{ .Site.LastChange.Format "2006" }} All Rights Reserved<br> &copy; {{ .Site.LastChange.Format "2006" }} All Rights Reserved<br>
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a> made with <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a> made with
layouts/partials/sections/blog.html
+25
View File
@@ -0,0 +1,25 @@
<section>
<div class="p-3 blog-back">
<div class="container-fluid">
<div class="text-center pb-3">
<h4>Recent posts</h4>
</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">
<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>
layouts/partials/sections/do_things.html
+1 -1
View File
@@ -1,5 +1,5 @@
<section> <section>
<div class="pt-3 do-things bg-light text-center" id="do-things"> <div class="pt-3 do-things 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>
layouts/partials/sections/home.html
+27 -28
View File
@@ -1,36 +1,35 @@
<section> <section>
<div class="home"> <div class="home">
<div class=""> <nav class="navbar navbar-expand-lg navbar-light bg-transperant">
<nav class="navbar navbar-expand-lg navbar-light bg-transperant"> <div class="container">
<div class="container"> <a class="navbar-brand text-dark" 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> </button>
</button>
<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 navbar-text">
<a class="nav-link text-dark" 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 navbar-text">
<a class="nav-link text-dark" 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 navbar-text">
<a class="nav-link text-dark" 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 navbar-text">
<a class="nav-link text-dark" href="{{ .Site.BaseURL }}{{.url}}">{{ .name }}</a> <a class="nav-link text-dark" href="{{ .Site.BaseURL }}{{.url}}">{{ .name }}</a>
</li> </li>
{{ end }} {{ end }}
</ul> </ul>
</div>
</div> </div>
</nav> </div>
</div> </nav>
<div class="container-fluid row" id="home"> <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">
layouts/partials/sections/projects.html
+16 -10
View File
@@ -1,19 +1,25 @@
<section> <section>
<div class="projects p-3" id="projects"> <div class="projects p-3" id="projects">
<div class="project-heading text-center container">Projects</div> <div class="project-heading text-center text-white container pb-3">Projects</div>
<div class="container p-2"> <div class="container p-2">
{{ range .Site.Params.projects }} <div class="row justify-content-md-center">
<div class="card mb-3"> {{ range .Site.Params.projects }}
<img class="card-img-top" src="{{ .image }}" alt="{{ .title }}"> <div class="col-lg-5">
<div class="card-body text-center">
<h4 class="card-title">{{ .title }}</h4> <div class="card mb-3">
<p class="card-text">{{ .description }}</p> <img class="card-img-top" src="{{ .image }}" alt="{{ .title }}">
<p class="card-text"></p> <div class="card-body text-center project-des-back">
<a href="{{ .url }}" target="_blank" class="btn btn-primary">Details</a> <h4 class="card-title">{{ .title }}</h4>
<p class="card-text">{{ .description }}</p>
<p class="card-text"></p>
<a href="{{ .url }}" target="_blank" class="btn btn-primary">Details</a>
</div>
</div>
</div> </div>
{{ end }}
</div> </div>
{{ end }}
</div> </div>
</div> </div>
</section> </section>
static/css/head_foot.css
+4
View File
@@ -2,3 +2,7 @@
.footer { .footer {
background: #f2f2f2; background: #f2f2f2;
} }
.navbar-text {
font-size: 17px;
}
static/css/index.css
+22 -1
View File
@@ -1,7 +1,7 @@
/*home*/ /*home*/
.home { .home {
height: 100vh; height: 110vh;
padding: 0; padding: 0;
padding-bottom: 0; padding-bottom: 0;
margin: 0; margin: 0;
@@ -77,6 +77,7 @@
padding-top: 10%; padding-top: 10%;
padding-left: 20%; padding-left: 20%;
padding-right: 20%; padding-right: 20%;
padding-bottom: 10%;
} }
.know-more a { .know-more a {
@@ -118,6 +119,7 @@
.about { .about {
height: auto; height: auto;
background-color: #e5e9f2;
} }
.jop { .jop {
@@ -160,6 +162,7 @@
/* Projects */ /* Projects */
.projects { .projects {
height: auto; height: auto;
background-color: #101820ff;
} }
.project-heading { .project-heading {
@@ -172,8 +175,26 @@
height: 350px !important; height: 350px !important;
} }
.project-des-back {
background-color: #F2AA4CFF;
}
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.card-img-top { .card-img-top {
height: 180px !important; height: 180px !important;
} }
} }
/* recent posts */
.blog-back {
background-color: #ebb951;
}
.post-card a:hover {
text-decoration-line: none;
}
.post-hover :hover {
background-color: #17a2b8;
}
static/images/project.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 77 KiB