Use "*-section class" instead of adding new div
This commit is contained in:
parent
a2c41811ab
commit
8d6cbcca21
13 changed files with 115 additions and 128 deletions
|
@ -16,7 +16,6 @@ googleAnalytics: UA-xxxxxxxx
|
|||
disqusShortname: does-not-exist
|
||||
|
||||
# Enable global emoji support
|
||||
enableEmoji: true
|
||||
|
||||
# Custom parameters
|
||||
params:
|
||||
|
|
|
@ -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-->
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
<div class="container anchor p-md-5" id="{{ replace (lower .section.name) " " "-" }}">
|
||||
<div id="about-section">
|
||||
<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">
|
||||
<!-- summary -->
|
||||
<div class="col-md-6">
|
||||
|
@ -43,5 +42,4 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
|
||||
<div id="achievements-section">
|
||||
<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">
|
||||
|
@ -11,5 +10,4 @@
|
|||
{{ partial "misc/achievement.html" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
|
||||
<div id="experiences-section">
|
||||
<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">
|
||||
|
@ -21,5 +20,4 @@
|
|||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
|
||||
<div id="projects-section">
|
||||
<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">
|
||||
|
@ -17,5 +16,4 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
|
||||
<div id="recent-posts-section">
|
||||
<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">
|
||||
|
@ -8,5 +7,4 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
|
||||
<div id="skills-section">
|
||||
<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">
|
||||
|
@ -8,5 +7,4 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
#achievements-section .container {
|
||||
.achievements-section .container {
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,10 +1,10 @@
|
|||
#projects-section .card .card-header {
|
||||
.projects-section .card .card-header {
|
||||
background-color: #f9fafc;
|
||||
padding: 0.7rem;
|
||||
padding-bottom: 0rem;
|
||||
}
|
||||
|
||||
#projects-section .card .card-img-xs {
|
||||
.projects-section .card .card-img-xs {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
|
@ -15,11 +15,11 @@
|
|||
float: right;
|
||||
}
|
||||
|
||||
#projects-section .card .card-body {
|
||||
.projects-section .card .card-body {
|
||||
padding: 0.7rem;
|
||||
}
|
||||
|
||||
#projects-section .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-section .btn {
|
||||
.projects-section .btn {
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,19 +1,19 @@
|
|||
#recent-posts-section .container{
|
||||
.recent-posts-section .container{
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
#recent-posts-section .card .card-footer span {
|
||||
.recent-posts-section .card .card-footer span {
|
||||
font-size: 10pt;
|
||||
color: #6c757d !important;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
#recent-posts-section .card .card-footer {
|
||||
.recent-posts-section .card .card-footer {
|
||||
background: #fff;
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
#recent-posts-section .post-card-link{
|
||||
.recent-posts-section .post-card-link{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
#skills-section .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-section .card .card-img-xs {
|
||||
.skills-section .card .card-img-xs {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
#skills-section .card {
|
||||
.skills-section .card {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#skills-section .card .card-body {
|
||||
.skills-section .card .card-body {
|
||||
padding-top: 0.2rem;
|
||||
padding-left: 0.7rem;
|
||||
}
|
||||
|
|
|
@ -250,10 +250,10 @@ img.right{
|
|||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#skills-section,
|
||||
#projects-section,
|
||||
#recent-posts-section,
|
||||
#achievements-section{
|
||||
.skills-section,
|
||||
.projects-section,
|
||||
.recent-posts-section,
|
||||
.achievements-section{
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue