diff options
author | Reyhan <reyhansara97@gmail.com> | 2021-10-18 21:16:10 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-10-18 21:16:10 +0300 |
commit | 6e41689c068b96cc1b853ec6110838fbb2c68cc4 (patch) | |
tree | 77ecf6a1b63a9ea3b16d636a6327debbdaade90f | |
parent | f779ac4ebb3e3dc398cacca9938c7336e8ed8706 (diff) |
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>
-rw-r--r-- | layouts/partials/sections/accomplishments.html | 5 | ||||
-rw-r--r-- | layouts/partials/sections/achievements.html | 5 | ||||
-rw-r--r-- | layouts/partials/sections/education.html | 5 | ||||
-rw-r--r-- | layouts/partials/sections/experiences.html | 8 | ||||
-rw-r--r-- | layouts/partials/sections/recent-posts.html | 5 | ||||
-rw-r--r-- | layouts/partials/sections/skills.html | 5 | ||||
-rw-r--r-- | static/css/sections/accomplishments.css | 6 | ||||
-rw-r--r-- | static/css/sections/achievements.css | 6 | ||||
-rw-r--r-- | static/css/sections/education.css | 6 | ||||
-rw-r--r-- | static/css/sections/experiences.css | 6 | ||||
-rw-r--r-- | static/css/sections/recent-posts.css | 6 | ||||
-rw-r--r-- | static/css/sections/skills.css | 6 |
12 files changed, 56 insertions, 13 deletions
diff --git a/layouts/partials/sections/accomplishments.html b/layouts/partials/sections/accomplishments.html index 9024222..8dee8a6 100644 --- a/layouts/partials/sections/accomplishments.html +++ b/layouts/partials/sections/accomplishments.html @@ -3,9 +3,10 @@ {{ $sectionID = .section.id }} {{ 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) }} - <h1 class="text-center">{{ .section.name }}</h1> + <h1 class="text-center"> + <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1> {{ end }} <div class="container"> diff --git a/layouts/partials/sections/achievements.html b/layouts/partials/sections/achievements.html index 9744fc7..927fdc8 100644 --- a/layouts/partials/sections/achievements.html +++ b/layouts/partials/sections/achievements.html @@ -3,9 +3,10 @@ {{ $sectionID = .section.id }} {{ 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) }} - <h1 class="text-center">{{ .section.name }}</h1> + <h1 class="text-center"> + <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1> {{ end }} <div class="container"> <div class="row" id="gallery"> diff --git a/layouts/partials/sections/education.html b/layouts/partials/sections/education.html index a300398..f9ba8fc 100644 --- a/layouts/partials/sections/education.html +++ b/layouts/partials/sections/education.html @@ -3,9 +3,10 @@ {{ $sectionID = .section.id }} {{ 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) }} - <h1 class="text-center">{{ .section.name }}</h1> + <h1 class="text-center"> + <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1> {{ end }} <div class="container"> diff --git a/layouts/partials/sections/experiences.html b/layouts/partials/sections/experiences.html index c0c6ff8..e7e2508 100644 --- a/layouts/partials/sections/experiences.html +++ b/layouts/partials/sections/experiences.html @@ -3,9 +3,11 @@ {{ $sectionID = .section.id }} {{ 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) }} - <h1 class="text-center">{{ .section.name }}</h1> + <h1 class="text-center"> + <span id="{{ $sectionID }}"></span>{{ .section.name }} + </h1> {{ end }} <div class="container timeline text-justify"> @@ -27,4 +29,4 @@ {{ end }} {{ end }} </div> -</div> +</div>
\ No newline at end of file diff --git a/layouts/partials/sections/recent-posts.html b/layouts/partials/sections/recent-posts.html index 9491977..7bc1ea9 100644 --- a/layouts/partials/sections/recent-posts.html +++ b/layouts/partials/sections/recent-posts.html @@ -9,9 +9,10 @@ {{ 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) }} - <h1 class="text-center">{{ .section.name }}</h1> + <h1 class="text-center"> + <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1> {{ end }} <div class="container"> <div class="row" id="recent-post-cards"> diff --git a/layouts/partials/sections/skills.html b/layouts/partials/sections/skills.html index 0bfb92b..3a355a4 100644 --- a/layouts/partials/sections/skills.html +++ b/layouts/partials/sections/skills.html @@ -3,9 +3,10 @@ {{ $sectionID = .section.id }} {{ 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) }} - <h1 class="text-center">{{ .section.name }}</h1> + <h1 class="text-center"> + <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1> {{ end }} <div class="container d-flex-block"> <div class="row" id="primary-skills"> diff --git a/static/css/sections/accomplishments.css b/static/css/sections/accomplishments.css index 56eb614..57d14e9 100644 --- a/static/css/sections/accomplishments.css +++ b/static/css/sections/accomplishments.css @@ -1,3 +1,9 @@ +.accomplishments-section h1 > span{ + margin-top: -55px; /* Size of fixed header */ + padding-bottom:55px; + display: block; +} + .accomplishments-section .card { background: #fff; border-top: 2px solid #248aaa; diff --git a/static/css/sections/achievements.css b/static/css/sections/achievements.css index d403400..1ae7147 100644 --- a/static/css/sections/achievements.css +++ b/static/css/sections/achievements.css @@ -2,6 +2,12 @@ padding-top: 0.5rem; } +.achievements-section h1 > span{ + margin-top: -55px; /* Size of fixed header */ + padding-bottom:55px; + display: block; +} + #gallery .achievement-entry { cursor: pointer; margin-top: 5px; diff --git a/static/css/sections/education.css b/static/css/sections/education.css index 201c039..7e78496 100644 --- a/static/css/sections/education.css +++ b/static/css/sections/education.css @@ -19,6 +19,12 @@ text-align: right; } +.education-section h1 > span{ + margin-top: -55px; /* Size of fixed header */ + padding-bottom:55px; + display: block; +} + .education-section .icon { width: 2rem; padding-left: 0; diff --git a/static/css/sections/experiences.css b/static/css/sections/experiences.css index 43b2e32..e668e4b 100644 --- a/static/css/sections/experiences.css +++ b/static/css/sections/experiences.css @@ -6,6 +6,12 @@ margin-top: 1.5rem !important; } +.experiences-section h1 > span{ + margin-top: -55px; /* Size of fixed header */ + padding-bottom:55px; + display: block; +} + .experiences-section ul { padding-left: 1rem; } diff --git a/static/css/sections/recent-posts.css b/static/css/sections/recent-posts.css index bd6faed..0451952 100644 --- a/static/css/sections/recent-posts.css +++ b/static/css/sections/recent-posts.css @@ -2,6 +2,12 @@ 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 { font-size: 10pt; color: #6c757d !important; diff --git a/static/css/sections/skills.css b/static/css/sections/skills.css index ea692ad..3fdc05f 100644 --- a/static/css/sections/skills.css +++ b/static/css/sections/skills.css @@ -8,6 +8,12 @@ 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 { text-decoration: none; } |