Merge pull request #20 from blueyetisoftware/feature-section-titles

Configure section title and menu urls in section yaml files
This commit is contained in:
Md. Emruz Hossain 2020-07-01 00:01:03 +06:00 committed by GitHub
commit 45e36f3532
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 54 additions and 50 deletions

View file

@ -13,7 +13,7 @@
{{ define "content" }}
<div class="container p-0 read-area">
<!--Hero Area-->
<div class="hero-area col-sm-12" style='background-image: url({{ partial "helpers/get-hero.html" . }});'>
<div class="hero-area col-sm-12" style='background-image: url({{ strings.TrimSuffix "/" .Site.BaseURL }}{{ partial "helpers/get-hero.html" . }});'>
</div>
<!--Content Start-->

View file

@ -33,7 +33,11 @@
{{ range sort .Site.Data.sections "section.weight" }}
{{ if .section.enable }}
<div class="container-fluid section-holder d-flex {{ $background }}">
{{- partial (printf "%s.html" (replace (lower .section.name) " " "-")) . -}}
{{ if .section.template }}
{{- partial .section.template . -}}
{{ else }}
{{- partial (printf "%s.html" (replace (lower .section.name) " " "-")) . -}}
{{ end }}
</div>
<!--- alter background color for next section --->
{{ if eq $background "bg-white" }}

View file

@ -1,8 +1,8 @@
<div class="container anchor p-md-5" id="about">
<div class="container anchor p-md-5 about-section" id="{{ replace (lower .section.name) " " "-" }}">
<div class="row pt-sm-2 pt-md-4 align-self-center">
<!-- summery -->
<!-- summary -->
<div class="col-md-6">
<h3 class="p-1">{{ site.Params.author.name }}</h3>
<h3 class="p-1">{{ site.Params.author.name }}</h3>
{{ if .designation }}
<h5 class="p-1">
{{ .designation }}

View file

@ -1,4 +1,4 @@
<div class="container-fluid anchor pb-5" id="achievements">
<div class="container-fluid anchor pb-5 achievements-section" id="{{ replace (lower .section.name) " " "-" }}">
<h1 class="text-center">{{ .section.name }}</h1>
<div class="container">
<div class="row" id="gallery">

View file

@ -6,7 +6,7 @@
</div>
<div class="card-body">
<h5 class="card-title">{{ .Title }}</h5>
<p class="card-text post-summery">{{ .Summary }}</p>
<p class="card-text post-summary">{{ .Summary }}</p>
</div>
<div class="card-footer">
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>

View file

@ -8,7 +8,7 @@
</div>
<div class="card-body">
<h5 class="card-title">{{ .Title }}</h5>
<p class="card-text post-summery"> {{ .Summary }}</p>
<p class="card-text post-summary"> {{ .Summary }}</p>
</div>
<div class="card-footer">
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>

View file

@ -1,23 +1,23 @@
<div class="container-fluid anchor" id="experiences">
<div class="container-fluid anchor pb-5 experiences-section" id="{{ replace (lower .section.name) " " "-" }}">
<h1 class="text-center">{{ .section.name }}</h1>
<div class="container timeline text-justify">
{{ $totalExperiences:= len .experiences }}
{{ range $index,$experience:= .experiences }}
{{ if eq (mod $index 2) 0 }}
<div class="row align-items-center d-flex">
{{ partial "experiences/vertical-line.html" $index }}
{{ partial "experiences/experience-info.html" $experience }}
</div>
{{else}}
<div class="row align-items-center justify-content-end d-flex">
{{ partial "experiences/experience-info.html" $experience }}
{{ partial "experiences/vertical-line.html" $index }}
</div>
{{ end }}
{{ if lt $index (sub $totalExperiences 1) }}
{{ partial "experiences/horizontal-line.html" $index }}
{{ end }}
{{ end }}
{{ $totalExperiences:= len .experiences }}
{{ range $index,$experience:= .experiences }}
{{ if eq (mod $index 2) 0 }}
<div class="row align-items-center d-flex">
{{ partial "experiences/vertical-line.html" $index }}
{{ partial "experiences/experience-info.html" $experience }}
</div>
{{else}}
<div class="row align-items-center justify-content-end d-flex">
{{ partial "experiences/experience-info.html" $experience }}
{{ partial "experiences/vertical-line.html" $index }}
</div>
{{ end }}
{{ if lt $index (sub $totalExperiences 1) }}
{{ partial "experiences/horizontal-line.html" $index }}
{{ end }}
{{ end }}
</div>
</div>

View file

@ -18,6 +18,7 @@
<li>{{ . }}</li>
{{ end }}
</ul>
<!-- @todo this section should go to the first section, not necessarily about -->
<a href="#about"><i class="arrow bounce fa fa-chevron-down"></i></a>
</div>
</div>

View file

@ -1,4 +1,4 @@
<div class="container-fluid anchor pb-5" id="projects">
<div class="container-fluid anchor pb-5 projects-section" id="{{ replace (lower .section.name) " " "-" }}">
<h1 class="text-center">{{ .section.name }}</h1>
<div class="container ml-auto text-center">
<div class="btn-group flex-wrap" role="group" id="project-filter-buttons">

View file

@ -1,4 +1,4 @@
<div class="container-fluid anchor pb-5" id="recent-posts">
<div class="container-fluid anchor pb-5 recent-posts-section" id="{{ replace (lower .section.name) " " "-" }}">
<h1 class="text-center">{{ .section.name }}</h1>
<div class="container">
<div class="row" id="recent-post-cards">

View file

@ -1,6 +1,5 @@
<div class="container-fluid anchor pb-5" id="skills">
<div class="container-fluid anchor pb-5 skills-section" id="{{ replace (lower .section.name) " " "-" }}">
<h1 class="text-center">{{ .section.name }}</h1>
<div class="container d-flex-block">
<div class="row" id="primary-skills">
{{ range .skills }}

View file

@ -1,4 +1,4 @@
#achievements .container {
.achievements-section .container {
padding-top: 0.5rem;
}

View file

@ -194,7 +194,7 @@ a.focused {
margin-top: auto;
}
.post-summery {
.post-summary {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;

View file

@ -1,10 +1,10 @@
#projects .card .card-header {
.projects-section .card .card-header {
background-color: #f9fafc;
padding: 0.7rem;
padding-bottom: 0rem;
}
#projects .card .card-img-xs {
.projects-section .card .card-img-xs {
margin-right: 0.5rem;
}
@ -15,11 +15,11 @@
float: right;
}
#projects .card .card-body {
.projects-section .card .card-body {
padding: 0.7rem;
}
#projects .card .card-header .sub-title {
.projects-section .card .card-header .sub-title {
color: #8392a5;
margin-top: 0.4rem;
}
@ -55,7 +55,7 @@
/* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 576px) {
#projects .btn {
.projects-section .btn {
margin-top: 0.3125rem;
}
}

View file

@ -1,23 +1,23 @@
#recent-posts .container{
.recent-posts-section .container{
padding-top: 1rem;
}
#recent-posts .card .card-footer span {
.recent-posts-section .card .card-footer span {
font-size: 10pt;
color: #6c757d !important;
padding-top: 5px;
}
#recent-posts .card .card-footer {
.recent-posts-section .card .card-footer {
background: #fff;
margin-top: auto;
}
#recent-posts .post-card-link{
.recent-posts-section .post-card-link{
text-decoration: none;
}
.post-summery {
.post-summary {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;

View file

@ -1,4 +1,4 @@
#skills .card .card-head {
.skills-section .card .card-head {
background-color: #f9fafc;
height: fit-content;
padding: 0.7rem;
@ -6,16 +6,16 @@
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
}
#skills .card .card-img-xs {
.skills-section .card .card-img-xs {
margin-right: 0.5rem;
}
#skills .card {
.skills-section .card {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
#skills .card .card-body {
.skills-section .card .card-body {
padding-top: 0.2rem;
padding-left: 0.7rem;
}

View file

@ -250,10 +250,10 @@ img.right{
padding-right: 5px;
}
#skills,
#projects,
#recent-posts,
#achievements{
.skills-section,
.projects-section,
.recent-posts-section,
.achievements-section{
padding-left: 0;
padding-right: 0;
}