FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use "*-section class" instead of adding new div

Browse source
This commit is contained in:
hossainemruz 2020-06-30 21:57:20 +06:00
parent a2c41811ab
commit 8d6cbcca21
13 changed files with 115 additions and 128 deletions
Download patch file Download diff file Expand all files Collapse all files

1
exampleSite/config.yaml
View file

@ -16,7 +16,6 @@ googleAnalytics: UA-xxxxxxxx
disqusShortname: does-not-exist disqusShortname: does-not-exist
# Enable global emoji support # Enable global emoji support
enableEmoji: true
# Custom parameters # Custom parameters
params: params:

2
layouts/_default/single.html
View file

@ -13,7 +13,7 @@
{{ define "content" }} {{ define "content" }}
<div class="container p-0 read-area"> <div class="container p-0 read-area">
<!--Hero 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> </div>
<!--Content Start--> <!--Content Start-->

78
layouts/partials/about.html
View file

@ -1,46 +1,44 @@
<div class="container anchor p-md-5" id="{{ replace (lower .section.name) " " "-" }}"> <div class="container anchor p-md-5 about-section" id="{{ replace (lower .section.name) " " "-" }}">
<div id="about-section"> <div class="row pt-sm-2 pt-md-4 align-self-center">
<div class="row pt-sm-2 pt-md-4 align-self-center"> <!-- summary -->
<!-- summary --> <div class="col-md-6">
<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 }}
{{ if .designation }} <h5 class="p-1">
<h5 class="p-1"> {{ .designation }}
{{ .designation }} {{ if .company }}
{{ if .company }} at <a href="{{ .company.url }}">{{ .company.name }}</a>
at <a href="{{ .company.url }}">{{ .company.name }}</a>
{{ end }}
</h5>
{{ end }} {{ end }}
<p class="p-1 text-justify"> </h5>
{{ .summary | markdownify }} {{ end }}
</p> <p class="p-1 text-justify">
<div class="text-container ml-auto"> {{ .summary | markdownify }}
<ul class="social-link d-flex"> </p>
{{ range .socialLinks }} <div class="text-container ml-auto">
<li> <ul class="social-link d-flex">
{{ if eq .name "Email" }} {{ range .socialLinks }}
<a href="mailto:{{ .url }}" target="/"><i class="{{ .icon }}"></i></a> <li>
{{ else }} {{ if eq .name "Email" }}
<a href="{{ .url }}" target="/"><i class="{{ .icon }}"></i></a> <a href="mailto:{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
{{ end }} {{ else }}
</li> <a href="{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
{{ end }} {{ end }}
</ul> </li>
</div>
{{ if .resume }}
<a href="{{ .resume }}" target="#"
><button class="btn btn-dark">My Resume</button></a
>
{{ end }}
</div>
<!-- soft skills circular-progressbar -->
<div class="col-md-6 pt-5 pl-md-4 pl-sm-3 pt-md-0">
<div class="row">
{{ range .softSkills }}
{{ partial "progress/soft-skills" . }}
{{ end }} {{ end }}
</div> </ul>
</div>
{{ if .resume }}
<a href="{{ .resume }}" target="#"
><button class="btn btn-dark">My Resume</button></a
>
{{ end }}
</div>
<!-- soft skills circular-progressbar -->
<div class="col-md-6 pt-5 pl-md-4 pl-sm-3 pt-md-0">
<div class="row">
{{ range .softSkills }}
{{ partial "progress/soft-skills" . }}
{{ end }}
</div> </div>
</div> </div>
</div> </div>

22
layouts/partials/achievements.html
View file

@ -1,15 +1,13 @@
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}"> <div class="container-fluid anchor pb-5 achievements-section" id="{{ replace (lower .section.name) " " "-" }}">
<div id="achievements-section"> <h1 class="text-center">{{ .section.name }}</h1>
<h1 class="text-center">{{ .section.name }}</h1> <div class="container">
<div class="container"> <div class="row" id="gallery">
<div class="row" id="gallery">
</div>
</div>
<!-- achievements-holder holds achievement-entry -->
<div class="d-none" id="achievements-holder">
{{ range .achievements }}
{{ partial "misc/achievement.html" . }}
{{ end }}
</div> </div>
</div> </div>
<!-- achievements-holder holds achievement-entry -->
<div class="d-none" id="achievements-holder">
{{ range .achievements }}
{{ partial "misc/achievement.html" . }}
{{ end }}
</div>
</div> </div>

40
layouts/partials/experiences.html
View file

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

32
layouts/partials/projects.html
View file

@ -1,21 +1,19 @@
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}"> <div class="container-fluid anchor pb-5 projects-section" id="{{ replace (lower .section.name) " " "-" }}">
<div id="projects-section"> <h1 class="text-center">{{ .section.name }}</h1>
<h1 class="text-center">{{ .section.name }}</h1> <div class="container ml-auto text-center">
<div class="container ml-auto text-center"> <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
<div class="btn-group flex-wrap" role="group" id="project-filter-buttons"> {{ range .buttons }}
{{ range .buttons }} <button type="button" class="btn btn-dark" data-filter="{{ .filter }}">
<button type="button" class="btn btn-dark" data-filter="{{ .filter }}"> {{ .name }}
{{ .name }} </button>
</button> {{ end }}
{{ end }}
</div>
</div> </div>
<div class="container filtr-projects"> </div>
<div class="row" id="project-card-holder"> <div class="container filtr-projects">
{{ range .projects }} <div class="row" id="project-card-holder">
{{ partial "cards/project" . }} {{ range .projects }}
{{ end }} {{ partial "cards/project" . }}
</div> {{ end }}
</div> </div>
</div> </div>
</div> </div>

16
layouts/partials/recent-posts.html
View file

@ -1,12 +1,10 @@
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}"> <div class="container-fluid anchor pb-5 recent-posts-section" id="{{ replace (lower .section.name) " " "-" }}">
<div id="recent-posts-section"> <h1 class="text-center">{{ .section.name }}</h1>
<h1 class="text-center">{{ .section.name }}</h1> <div class="container">
<div class="container"> <div class="row" id="recent-post-cards">
<div class="row" id="recent-post-cards"> {{ range first 3 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
{{ range first 3 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}} {{ partial "cards/recent-post.html" . }}
{{ partial "cards/recent-post.html" . }} {{ end }}
{{ end }}
</div>
</div> </div>
</div> </div>
</div> </div>

16
layouts/partials/skills.html
View file

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

2
static/assets/css/achievements.css
View file

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

10
static/assets/css/projects.css
View file

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

8
static/assets/css/recent-posts.css
View file

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

8
static/assets/css/skills.css
View file

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

8
static/assets/css/style.css
View file

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