Merge branch 'hugo-toha:main' into main

.github/workflows/autoprefixer.yml

@@ -8,10 +8,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout to latest commit
-        uses: actions/checkout@v2.3.4
+        uses: actions/checkout@v2.3.5
 
       - name: Setup Node
-        uses: actions/setup-node@v2.4.0
+        uses: actions/setup-node@v2.4.1
         with:
           node-version: "15.x"
 
@@ -21,7 +21,7 @@ jobs:
           npm run autoprefixer
 
       - name: Create Pull Request
-        uses: peter-evans/create-pull-request@v3.10.0
+        uses: peter-evans/create-pull-request@v3.10.1
         with:
           branch: autoprefixer
           branch-suffix: timestamp

.github/workflows/codeql-analysis.yml

@@ -39,7 +39,7 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v2
+      uses: actions/checkout@v2.3.5
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL

.github/workflows/md-link-checker.yml

@@ -8,6 +8,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     # checkout to latest commit
-    - uses: actions/checkout@master
+    - uses: actions/checkout@v2.3.5
     # run markdown linter
     - uses: gaurav-nelson/github-action-markdown-link-check@1.0.13

i18n/bn.toml

@@ -50,6 +50,9 @@ other = "পূর্ববর্তী"
 [next]
 other = "পরবর্তী"
 
+[share_on]
+other = "শেয়ার করুন"
+
 [improve_this_page]
 other = "এই পৃষ্ঠাটি উন্নত করুন"
 

i18n/de.toml

@@ -53,6 +53,9 @@ other = "Vorherige"
 [next]
 other = "Nächste"
 
+# [share_on]
+# other = "Share on"
+
 [improve_this_page]
 other = "Diese Seite verbessern"
 

i18n/en.toml

@@ -53,6 +53,9 @@ other = "Prev"
 [next]
 other = "Next"
 
+[share_on]
+other = "Share on"
+
 [improve_this_page]
 other = "Improve this page"
 

i18n/es.toml

@@ -53,6 +53,9 @@ other = "Anterior"
 [next]
 other = "Siguiente"
 
+[share_on]
+other = "Compartir en"
+
 [improve_this_page]
 other = "Mejorar esta página"
 
@@ -83,29 +86,29 @@ other = "Ver más"
 [show_less]
 other = "Muestra menos"
 
-# [responsibilities]
+[responsibilities]
-# other = "Responsibilities:"
+other = "Responsabilidades:"
 
-# [present]
+[present]
-# other = "Present"
+other = "Presente"
 
-# [comments_javascript]
+[comments_javascript]
-# other = "Please enable JavaScript to view the"
+other = "Por favor, activa JavaScript para ver el"
 
-# [comments_by]
+[comments_by]
-# other = "comments powered by"
+other = "comentarios cortesía de"
 
-# [read]
+[read]
-# other = "Read"
+other = "Leer"
 
-# [project_star]
+[project_star]
-# other = "Star"
+other = "Favorito"
 
-# [project_details]
+[project_details]
-# other = "Details"
+other = "Detalles"
 
-# [err_404]
+[err_404]
-# other = "The page you are looking for is not there yet."
+other = "La página que estás buscando no está aquí (todavía)"
 
 [more]
 other = "Más"

i18n/fr.toml

@@ -18,7 +18,7 @@ other = "Catégories"
 other = "chez"
 
 [resume]
-other = "Mon Curriculum vitæ"
+other = "Mon Curriculum Vitæ"
 
 [navigation]
 other = "Navigation"
@@ -53,6 +53,9 @@ other = "Précédent"
 [next]
 other = "Suivant"
 
+[share_on]
+other = "Partager sur"
+
 [improve_this_page]
 other = "Améliorez cette page"
 
@@ -63,10 +66,10 @@ other = "sur"
 other = "Publications"
 
 [taken_courses]
-other = "Taken Courses"
+other = "Cours suivis"
 
 [course_name]
-other = "Cours suivis"
+other = "Intitulé du cours"
 
 [total_credit]
 other = "Crédit total"
@@ -83,17 +86,17 @@ other = "En savoir plus"
 [show_less]
 other = "Montrer moins"
 
-# [responsibilities]
+[responsibilities]
-# other = "Responsibilities:"
+other = "Responsabilitiés :"
 
-# [present]
+[present]
-# other = "Present"
+other = "Aujourd'hui"
 
-# [comments_javascript]
+[comments_javascript]
-# other = "Please enable JavaScript to view the"
+other = "Merci d'activer JavaScript pour voir le"
 
-# [comments_by]
+[comments_by]
-# other = "comments powered by"
+other = "commentaires fournis par"
 
 [read]
 other = "Lire"
@@ -101,11 +104,11 @@ other = "Lire"
 # [project_star]
 # other = "Star"
 
-# [project_details]
+[project_details]
-# other = "Details"
+other = "Détails"
 
-# [err_404]
+[err_404]
-# other = "The page you are looking for is not there yet."
+other = "La page que vous recherchez n'est pas disponible."
 
 [more]
 other = "Suite"

i18n/hi.toml

@@ -53,6 +53,9 @@ other = "पिछला"
 [next]
 other = "आगे"
 
+# [share_on]
+# other = "Share on"
+
 [improve_this_page]
 other = "इस पृष्ठ को सुधारें"
 

i18n/id.toml

@@ -53,6 +53,9 @@ other = "Sebelumnya"
 [next]
 other = "Lanjut"
 
+# [share_on]
+# other = "Share on"
+
 [improve_this_page]
 other = "Perbaiki halaman ini"
 

i18n/it.toml

@@ -53,6 +53,9 @@ other = "Precedente"
 [next]
 other = "Successivo"
 
+# [share_on]
+# other = "Share on"
+
 [improve_this_page]
 other = "Migliora questa pagina"
 
@@ -111,7 +114,7 @@ other = "Mostra meno"
 other = "Di più"
 
 [view_certificate]
-other = "Féach ar an Teastas"
+other = "Vedi certificato"
 
 [notes]
 other = "Appunti"

i18n/jp.toml

@@ -50,6 +50,9 @@ other = "前"
 [next]
 other = "次"
 
+# [share_on]
+# other = "Share on"
+
 [improve_this_page]
 other = "編集リクエストを送る"
 

i18n/ko.toml

@@ -53,6 +53,9 @@ other = "이전"
 [next]
 other = "다음"
 
+# [share_on]
+# other = "Share on"
+
 [improve_this_page]
 other = "이 페이지를 개선"
 

i18n/nl.toml

@@ -52,6 +52,9 @@ other = "Vorherige"
 [next]
 other = "Nächste"
 
+# [share_on]
+# other = "Share on"
+
 [improve_this_page]
 other = "Diese Seite verbessern"
 

i18n/ru.toml

@@ -53,6 +53,9 @@ other = "Предыдущий"
 [next]
 other = "Следующий"
 
+# [share_on]
+# other = "Share on"
+
 [improve_this_page]
 other = "Улучшить эту страницу"
 

i18n/vn.toml

@@ -53,6 +53,9 @@ other = "Trước"
 [next]
 other = "Tiếp theo"
 
+# [share_on]
+# other = "Share on"
+
 [improve_this_page]
 other = "Cải thiện trang này"
 

i18n/zh-cn.toml

@@ -53,6 +53,9 @@ other = "上一篇"
 [next]
 other = "下一篇"
 
+[share_on]
+other = "分享"
+
 [improve_this_page]
 other = "改善此页面"
 

i18n/zh-tw.toml

@@ -53,6 +53,9 @@ other = "上一篇"
 [next]
 other = "下一篇"
 
+[share_on]
+other = "分享"
+
 [improve_this_page]
 other = "改善此頁面"
 

layouts/_default/single.html

@@ -68,15 +68,88 @@
           {{ .Page.Content }}
         </div>
 
+        <!-- Share or Contribute -->
+        <div class="row pl-3 pr-3">
+        <!--Social Media Share Buttons-->
+        <div class="col-md-6 share-buttons">
+        {{ if site.Params.features.blog.shareButtons }}
+            <strong>{{ i18n "share_on" }}:</strong>
+            {{ if site.Params.features.blog.shareButtons.facebook }}
+            <a class="btn btn-sm facebook-btn" href="https://www.facebook.com/sharer.php?u={{ .Permalink }}" target="_blank">
+              <i class="fab fa-facebook"></i>
+            </a>
+            {{ end }}
+            {{ if site.Params.features.blog.shareButtons.twitter }}
+                <a class="btn btn-sm twitter-btn" href="https://twitter.com/share?url={{ .Permalink }}&text={{ .Title }}&via={{- site.Title -}}" target="_blank">
+                  <i class="fab fa-twitter"></i>
+                </a>
+            {{ end }}
+            {{ if site.Params.features.blog.shareButtons.reddit }}
+                <a  class="btn btn-sm reddit-btn" href="https://reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
+                  <i class="fab fa-reddit"></i>
+                </a>
+            {{ end }}
+            {{ if site.Params.features.blog.shareButtons.tumblr }}
+                <a class="btn btn-sm tumblr-btn" href="https://www.tumblr.com/share/link?url={{ .Permalink }}&name={{ .Title }}{{- with .Params.description -}}&description={{- . -}}{{- end -}}" target="_blank">
+                  <i class="fab fa-tumblr"></i>
+                </a>
+            {{ end }}
+            {{ if site.Params.features.blog.shareButtons.pocket }}
+                <a class="btn btn-sm pocket-btn" href="https://getpocket.com/save?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
+                  <i class="fab fa-get-pocket"></i>
+                </a>
+            {{ end }}
+            {{ if site.Params.features.blog.shareButtons.linkedin }}
+                <a class="btn btn-sm linkedin-btn" href="https://www.linkedin.com/shareArticle?url={{ .Permalink }}&title={{ .Title }}" target="_blank">
+                  <i class="fab fa-linkedin"></i>
+                </a>
+            {{ end }}
+            {{ if site.Params.features.blog.shareButtons.diaspora }}
+                <a class="btn btn-sm diaspora-btn" href="https://share.diasporafoundation.org/?title={{ .Title }}&url={{ .Permalink }}" rel="nofollow" target="_blank">
+                  <i class="fab fa-diaspora"></i>
+                </a>
+            {{ end }}
+             {{ if site.Params.features.blog.shareButtons.mastodon }}
+                <a class="btn btn-sm mastodon-btn" href="https://mastodon.social/share?text={{ .Title }} - {{ .Permalink }}" target="_blank">
+                  <i class="fab fa-mastodon"></i>
+                </a>
+            {{ end }}
+            {{ if site.Params.features.blog.shareButtons.whatsapp }}
+                 <a class="btn btn-sm whatsapp-btn" href="https://api.whatsapp.com/send?text={{ .Title }} {{ .Permalink }}" target="_blank">
+                  <i class="fab fa-whatsapp"></i>
+                </a>
+            {{ end }}
+            {{ if site.Params.features.blog.shareButtons.email }}
+                <a class="btn btn-sm email-btn" href="mailto:?subject={{ .Title }}&body={{ .Permalink }}" target="_blank">
+                  <i class="fas fa-envelope-open-text"></i>
+                </a>
+            {{ end }}
+          {{ end }}
+          </div>
+
         <!--- Improve this page button --->
         {{ if site.Params.GitRepo }}
-          <div class="btn-improve-page">
+          {{ if site.Params.GitBranch }}
-              <a href="{{ site.Params.GitRepo }}/edit/{{ site.Params.GitBranch }}/content/{{ .File.Path }}" title="{{ i18n "improve_this_page" }}" target="_blank" rel="noopener">
+            {{ .Scratch.Set "GitBranch" site.Params.GitBranch }}
+          {{ else }}
+            {{ .Scratch.Set "GitBranch" "main" }}
+          {{ end }}
+          <div class="col-md-6 btn-improve-page">
+            {{ if ( eq site.Params.GitForge "gitlab" ) }}
+              <a href="{{ site.Params.GitRepo }}/-/edit/{{ .Scratch.Get "GitBranch" }}/{{ .File.Path }}" title="{{ i18n "improve_this_page" }}" target="_blank" rel="noopener">
+            {{ else if ( eq site.Params.GitForge "gitea" ) }}
+              <a href="{{ site.Params.GitRepo }}/_edit/{{ .Scratch.Get "GitBranch" }}/content/{{ .File.Path }}" title="{{ i18n "improve_this_page" }}" target="_blank" rel="noopener">
+            {{ else }} <!--- Make Github-style the default -->
+               <a href="{{ site.Params.GitRepo }}/edit/{{ .Scratch.Get "GitBranch" }}/content/{{ .File.Path }}" title="{{ i18n "improve_this_page" }}" target="_blank" rel="noopener">
+            {{ end }}
                 <i class="fas fa-code-branch"></i>
                 {{ i18n "improve_this_page" }}
               </a>
           </div>
         {{ end }}
+        </div>
+
+
 
       <!---Next and Previous Navigator -->
       <hr />

layouts/partials/misc/badge.html

@@ -2,7 +2,7 @@
 {{ if eq .type "certification" }}
     {{/* Verifiable certificate badge from https://www.credly.com */}}
     <div class="">
-      <a href="{{ .url }}" target="_blank" >
+      <a href="{{ .url }}" target="_blank" rel="noopener noreferrer">
        <img src="{{ .badge }}" alt="{{ .name }}" />
       </a>
     </div>

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">

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">

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">
@@ -59,7 +60,7 @@
                                 {{ $hideScale  := .takenCourses.hideScale }}
                                 <table>
                                     <thead>
-                                        <th>{{ i18n "course_name"}}</th>
+                                        <th class="course-name-header">{{ i18n "course_name"}}</th>
                                         {{ if not $hideScale  }}<th>{{ i18n "total_credit"}}</th>{{ end }}
                                         <th>{{ i18n "obtained_credit"}}</th>
                                     </thead>

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">

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">

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">

package.json

@@ -17,8 +17,8 @@
   },
   "homepage": "https://github.com/hossainemruz/toha#readme",
   "devDependencies": {
-    "autoprefixer": "^10.3.1",
+    "autoprefixer": "^10.3.7",
-    "postcss": "^8.3.6",
+    "postcss": "^8.3.9",
     "postcss-cli": "^8.3.1"
   }
 }

static/css/layouts/main.css

@@ -50,17 +50,17 @@ a:hover {
 }
 
 .btn-dark {
-  background-color: #3c4858;
+  background-color: #3c4858!important;
-  border-color: #3c4858;
+  border-color: #3c4858!important;
-  color: #e5e9f2;
+  color: #e5e9f2!important;
-  transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out!important;
 }
 
 .btn-dark:hover,
 .btn-dark:focus {
-  background-color: #248aaa;
+  background-color: #248aaa!important;
-  border-color: #248aaa;
+  border-color: #248aaa!important;
-  transition: all 0.3s ease-out;
+  transition: all 0.3s ease-out!important;
 }
 
 .btn-outline-info {

static/css/layouts/single.css

@@ -37,6 +37,7 @@ body {
 }
 
 .toc-holder {
+  position: -webkit-sticky;
   position: sticky;
   top: 4.5rem;
   overflow-x: hidden;
@@ -205,6 +206,69 @@ h6 {
   padding: 10px;
 }
 
+.share-buttons .btn {
+  color: #e5e9f2 !important;
+  transition: all 0.3s ease-out !important;
+}
+
+.share-buttons .btn:hover,
+.share-buttons .btn:focus {
+  background-color: #248aaa !important;
+  border-color: #248aaa !important;
+  transition: all 0.3s ease-out !important;
+}
+
+.share-buttons .facebook-btn {
+  background-color: #4267b2 !important;
+  border-color: #4267b2 !important;
+}
+
+.share-buttons .twitter-btn {
+  background-color: #1da1f2 !important;
+  border-color: #1da1f2 !important;
+}
+
+.share-buttons .reddit-btn {
+  background-color: #ff4500 !important;
+  border-color: #ff4500 !important;
+}
+
+.share-buttons .tumblr-btn {
+  background-color: #34465d !important;
+  border-color: #34465d !important;
+}
+
+.share-buttons .pocket-btn {
+  background-color: #ef4056 !important;
+  border-color: #ef4056 !important;
+}
+
+.share-buttons .linkedin-btn {
+  background-color: #2867b2 !important;
+  border-color: #2867b2 !important;
+}
+
+.share-buttons .diaspora-btn {
+  background-color: #3c4858 !important;
+  border-color: #3c4858 !important;
+}
+
+.share-buttons .mastodon-btn {
+  background-color: #2791da !important;
+  border-color: #2791da !important;
+}
+
+.share-buttons .whatsapp-btn {
+  background-color: #4ac959 !important;
+  border-color: #4ac959 !important;
+}
+
+.share-buttons .email-btn {
+  background-color: #3c4858 !important;
+  border-color: #3c4858 !important;
+  transition: all 0.3s ease-out !important;
+}
+
 .btn-improve-page {
   text-align: right;
 }
@@ -240,7 +304,7 @@ h6 {
   text-align: center;
 }
 .taxonomy-terms li {
-  font-size: .8em;
+  font-size: 0.8em;
   list-style-type: none;
   display: inline-block;
   background: #248aaa;

static/css/navigators/navbar.css

@@ -6,8 +6,8 @@
   height: 50px;
   z-index: 99999;
   transition: all 0.4s ease-out;
-  margin: 0;
+  margin: 0px;
-  padding-top: 0.1rem;
+  padding-top: 0.4rem;
   text-align: center;
 }
 
@@ -30,6 +30,7 @@
 .initial-navbar li a:hover {
   color: #f9fafc;
   transition: all 0.3s ease-out;
+  transform: translateY(-2px);
 }
 
 .navbar-collapse {

static/css/navigators/sidebar.css

@@ -8,6 +8,7 @@
 
 .sidebar-holder {
   top: 2.5rem;
+  position: -webkit-sticky;
   position: sticky;
   background-color: #f9fafc;
   height: 100vh;
@@ -191,6 +192,7 @@ a.focused {
     transition: all ease-out 0.3s;
   }
   .sidebar-holder {
+    position: -webkit-sticky;
     position: sticky;
     top: 2.5rem;
     width: 100%;
@@ -220,6 +222,7 @@ a.focused {
     transition: all ease-out 0.3s;
   }
   .sidebar-holder {
+    position: -webkit-sticky;
     position: sticky;
     top: 2.5rem;
     width: 100%;

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;

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;

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;
@@ -102,7 +108,9 @@
   border: none;
   color: #212529;
 }
-
+.education-section .taken-courses th.course-name-header{
+  width: 50%;
+}
 .education-section .taken-courses .hidden-course {
   display: none;
   transition: all 1s ease-out;

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;
 }

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;

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;
 }