Fixed section landing position on navigation #154 (#436)

* Fixed alignment issue in tables under education(#233)

* Fixed section landing position on navigation

Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>
This commit is contained in:
Reyhan 2021-10-18 23:46:10 +05:30 committed by GitHub
parent f779ac4ebb
commit 6e41689c06
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 56 additions and 13 deletions

View file

@ -3,9 +3,10 @@
{{ $sectionID = .section.id }} {{ $sectionID = .section.id }}
{{ end }} {{ end }}
<div class="container-fluid anchor pb-5 accomplishments-section" id="{{ $sectionID }}"> <div class="container-fluid anchor pb-5 accomplishments-section">
{{ if not (.section.hideTitle) }} {{ if not (.section.hideTitle) }}
<h1 class="text-center">{{ .section.name }}</h1> <h1 class="text-center">
<span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
{{ end }} {{ end }}
<div class="container"> <div class="container">

View file

@ -3,9 +3,10 @@
{{ $sectionID = .section.id }} {{ $sectionID = .section.id }}
{{ end }} {{ end }}
<div class="container-fluid anchor pb-5 achievements-section" id="{{ $sectionID }}"> <div class="container-fluid anchor pb-5 achievements-section">
{{ if not (.section.hideTitle) }} {{ if not (.section.hideTitle) }}
<h1 class="text-center">{{ .section.name }}</h1> <h1 class="text-center">
<span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
{{ end }} {{ end }}
<div class="container"> <div class="container">
<div class="row" id="gallery"> <div class="row" id="gallery">

View file

@ -3,9 +3,10 @@
{{ $sectionID = .section.id }} {{ $sectionID = .section.id }}
{{ end }} {{ end }}
<div class="container-fluid anchor pb-5 education-section" id="{{ $sectionID }}"> <div class="container-fluid anchor pb-5 education-section">
{{ if not (.section.hideTitle) }} {{ if not (.section.hideTitle) }}
<h1 class="text-center">{{ .section.name }}</h1> <h1 class="text-center">
<span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
{{ end }} {{ end }}
<div class="container"> <div class="container">

View file

@ -3,9 +3,11 @@
{{ $sectionID = .section.id }} {{ $sectionID = .section.id }}
{{ end }} {{ end }}
<div class="container-fluid anchor pb-5 experiences-section" id="{{ $sectionID }}"> <div class="container-fluid anchor pb-5 experiences-section">
{{ if not (.section.hideTitle) }} {{ if not (.section.hideTitle) }}
<h1 class="text-center">{{ .section.name }}</h1> <h1 class="text-center">
<span id="{{ $sectionID }}"></span>{{ .section.name }}
</h1>
{{ end }} {{ end }}
<div class="container timeline text-justify"> <div class="container timeline text-justify">
@ -27,4 +29,4 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
</div> </div>
</div> </div>

View file

@ -9,9 +9,10 @@
{{ end }} {{ end }}
<div class="container-fluid anchor pb-5 recent-posts-section" id="{{ $sectionID }}"> <div class="container-fluid anchor pb-5 recent-posts-section">
{{ if not (.section.hideTitle) }} {{ if not (.section.hideTitle) }}
<h1 class="text-center">{{ .section.name }}</h1> <h1 class="text-center">
<span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
{{ end }} {{ end }}
<div class="container"> <div class="container">
<div class="row" id="recent-post-cards"> <div class="row" id="recent-post-cards">

View file

@ -3,9 +3,10 @@
{{ $sectionID = .section.id }} {{ $sectionID = .section.id }}
{{ end }} {{ end }}
<div class="container-fluid anchor pb-5 skills-section" id="{{ $sectionID }}"> <div class="container-fluid anchor pb-5 skills-section">
{{ if not (.section.hideTitle) }} {{ if not (.section.hideTitle) }}
<h1 class="text-center">{{ .section.name }}</h1> <h1 class="text-center">
<span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
{{ end }} {{ end }}
<div class="container d-flex-block"> <div class="container d-flex-block">
<div class="row" id="primary-skills"> <div class="row" id="primary-skills">

View file

@ -1,3 +1,9 @@
.accomplishments-section h1 > span{
margin-top: -55px; /* Size of fixed header */
padding-bottom:55px;
display: block;
}
.accomplishments-section .card { .accomplishments-section .card {
background: #fff; background: #fff;
border-top: 2px solid #248aaa; border-top: 2px solid #248aaa;

View file

@ -2,6 +2,12 @@
padding-top: 0.5rem; padding-top: 0.5rem;
} }
.achievements-section h1 > span{
margin-top: -55px; /* Size of fixed header */
padding-bottom:55px;
display: block;
}
#gallery .achievement-entry { #gallery .achievement-entry {
cursor: pointer; cursor: pointer;
margin-top: 5px; margin-top: 5px;

View file

@ -19,6 +19,12 @@
text-align: right; text-align: right;
} }
.education-section h1 > span{
margin-top: -55px; /* Size of fixed header */
padding-bottom:55px;
display: block;
}
.education-section .icon { .education-section .icon {
width: 2rem; width: 2rem;
padding-left: 0; padding-left: 0;

View file

@ -6,6 +6,12 @@
margin-top: 1.5rem !important; margin-top: 1.5rem !important;
} }
.experiences-section h1 > span{
margin-top: -55px; /* Size of fixed header */
padding-bottom:55px;
display: block;
}
.experiences-section ul { .experiences-section ul {
padding-left: 1rem; padding-left: 1rem;
} }

View file

@ -2,6 +2,12 @@
padding-top: 1rem; padding-top: 1rem;
} }
.recent-posts-section h1 > span{
margin-top: -55px; /* Size of fixed header */
padding-bottom:55px;
display: block;
}
.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;

View file

@ -8,6 +8,12 @@
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125); border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
} }
.skills-section h1 > span{
margin-top: -55px; /* Size of fixed header */
padding-bottom:55px;
display: block;
}
.skills-section .skill-card-link { .skills-section .skill-card-link {
text-decoration: none; text-decoration: none;
} }