Merge branch 'main' into autoprefixer-1667142184

More Posts button (#680 )
* Add More Posts button * Update recent-posts.html * Update recent-posts.html Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>
2022-10-30 16:46:46 +00:00 · 2022-10-30 22:46:36 +06:00 · 2022-10-30 15:03:03 +00:00 · 2022-10-30 15:02:45 +00:00 · 2022-10-24 11:05:47 +00:00 · 2022-10-19 16:28:14 +00:00
829 changed files with 159275 additions and 579 deletions
@@ -6,8 +6,8 @@ title: 'Feature Request'

 <!---
 Before filing an issue, please review the following:
-  Existing Features: https://github.com/hossainemruz/toha#features
-  Project Roadmap: https://github.com/hossainemruz/toha#project-roadmap
+  Existing Features: https://github.com/hugo-toha/toha#features
+  Project Roadmap: https://github.com/hugo-toha/toha#project-roadmap
 -->

 ### Describe the solution you'd like
@@ -8,10 +8,10 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout to latest commit
-        uses: actions/checkout@v2.4.0
+        uses: actions/checkout@v3.1.0

      - name: Setup Node
-        uses: actions/setup-node@v2.5.1
+        uses: actions/setup-node@v3
        with:
          node-version: "15.x"

@@ -21,7 +21,7 @@ jobs:
          npm run autoprefixer

      - name: Create Pull Request
-        uses: peter-evans/create-pull-request@v3.12.0
+        uses: peter-evans/create-pull-request@v4
        with:
          branch: autoprefixer
          branch-suffix: timestamp
@@ -0,0 +1,28 @@
+name: Run Build
+
+# Run action on pull request event
+on: [pull_request]
+
+
+jobs:
+  build:
+    runs-on: ubuntu-18.04
+    steps:
+    # checkout to the commit that has been pushed
+    - uses: actions/checkout@v3.1.0
+      with:
+        submodules: true  # Fetch Hugo themes (true OR recursive)
+        fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod
+
+    # install Hugo
+    - name: Setup Hugo
+      uses: peaceiris/actions-hugo@v2.6.0
+      with:
+        hugo-version: 'latest'
+        extended: true
+
+    # build website
+    - name: Create Config
+      run: touch config.toml
+    - name: Build
+      run: hugo --minify
@@ -39,11 +39,11 @@ jobs:

    steps:
    - name: Checkout repository
-      uses: actions/checkout@v2.4.0
+      uses: actions/checkout@v3.1.0

    # Initializes the CodeQL tools for scanning.
    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v1
+      uses: github/codeql-action/init@v2
      with:
        languages: ${{ matrix.language }}
        # If you wish to specify custom queries, you can do so here or in a config file.
@@ -54,7 +54,7 @@ jobs:
    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
    # If this step fails, then you should remove it and run the build manually (see below)
    - name: Autobuild
-      uses: github/codeql-action/autobuild@v1
+      uses: github/codeql-action/autobuild@v2

    # ℹ️ Command-line programs to run using the OS shell.
    # 📚 https://git.io/JvXDl
@@ -68,4 +68,4 @@ jobs:
    #   make release

    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v1
+      uses: github/codeql-action/analyze@v2
@@ -10,6 +10,6 @@ jobs:
    runs-on: ubuntu-latest
    steps:
    # Create/Update release draft
-    - uses: release-drafter/release-drafter@v5.16.1
+    - uses: release-drafter/release-drafter@v5.21.1
      env:
        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -8,6 +8,6 @@ jobs:
    runs-on: ubuntu-latest
    steps:
    # checkout to latest commit
-    - uses: actions/checkout@v2.4.0
+    - uses: actions/checkout@v3.1.0
    # run markdown linter
-    - uses: gaurav-nelson/github-action-markdown-link-check@1.0.13
+    - uses: gaurav-nelson/github-action-markdown-link-check@1.0.14
@@ -106,7 +106,7 @@ jobs:

            # Set the "Type" field to appropriate option
            gh api graphql -f query='
-              mutation ($project: ID!, $item: ID!, $field: ID!, $opt_id: ID!) {
+              mutation ($project: ID!, $item: ID!, $field: ID!, $opt_id: String!) {
                updateProjectNextItemField(input: {
                  projectId: $project
                  itemId: $item
@@ -136,7 +136,7 @@ jobs:
          fi

          gh api graphql -f query='
-            mutation ($project: ID!, $item: ID!, $field: ID!, $status_id: ID!) {
+            mutation ($project: ID!, $item: ID!, $field: ID!, $status_id: String!) {
              updateProjectNextItemField(input: {
                projectId: $project
                itemId: $item
@@ -109,7 +109,7 @@ jobs:

            # Set the "Type" field to appropriate option
            gh api graphql -f query='
-              mutation ($project: ID!, $item: ID!, $field: ID!, $opt_id: ID!) {
+              mutation ($project: ID!, $item: ID!, $field: ID!, $opt_id: String!) {
                updateProjectNextItemField(input: {
                  projectId: $project
                  itemId: $item
@@ -153,7 +153,7 @@ jobs:
          echo 'PR_STATUS='$OPTION_ID >> $GITHUB_ENV

          gh api graphql -f query='
-            mutation ($project: ID!, $item: ID!, $field: ID!, $status_id: ID!) {
+            mutation ($project: ID!, $item: ID!, $field: ID!, $status_id: String!) {
              updateProjectNextItemField(input: {
                projectId: $project
                itemId: $item
@@ -204,7 +204,7 @@ jobs:

            # Update the Issue Status
            gh api graphql -f query='
-            mutation ($project: ID!, $item: ID!, $field: ID!, $status_id: ID!) {
+            mutation ($project: ID!, $item: ID!, $field: ID!, $status_id: String!) {
              updateProjectNextItemField(input: {
                projectId: $project
                itemId: $item
@@ -2,4 +2,6 @@
 node_modules/
 .DS_Store
 .history/
-resources/
+resources/
+public/
+.hugo_build.lock
@@ -30,8 +30,16 @@ A [Hugo](https://gohugo.io/) theme for a personal portfolio with minimalist desi
 - Achievement Gallery
 - Sidebar to Categorize the Posts
 - Short Codes
- Google Analytics Support
- Disqus Comment Support
+- Analytics Support
+  - GoatCounter
+  - counter.dev
+  - Google Analytics
+  - Matomo/Piwik
+- Comment Support
+  - [Disqus](https://disqus.com/)
+  - [Valine](https://valine.js.org/)
+  - [Uttarances](https://utteranc.es/)
+  - [Giscus](https://giscus.app/)

 For more details about the features please visit [here](https://toha-guides.netlify.app/posts/features/).

@@ -49,7 +57,11 @@ For more details about the features please visit [here](https://toha-guides.netl
 - 日本語
 - 한국어
 - русский
+- suomi
 - Tiếng Việt
+- Turkish
+- Arabic (العربية)
+- Português

 To know more about how to translate your site, please visit [here](https://toha-guides.netlify.app/posts/translation/). Follow, the data and post format from this [example site](https://hugo-toha.github.io).

@@ -71,7 +83,7 @@ Here are few screenshots from the [example site](https://hugo-toha.github.io).

 ## Requirements

- Hugo Version 0.68.0 or higher
+- Hugo Version 0.87.0 or higher

 ## Usage

@@ -137,6 +149,9 @@ params:
  # specify whether you want to show Table of Contents in reading page
  enableTOC: true

+  # specify whether you want the language flags to be displayed. 
+  showFlags: true
+
  # Provide newsletter configuration. 
  # This feature has been implemented for Mailchimp only for now.
  # You can also hide it from the footer.
@@ -165,10 +180,12 @@ When you run your site for first time, it will start with the default parameters

 Here, are some handy shortcodes you can use with this theme.

- [Alert](https://toha-guides.netlify.app/posts/short-codes/alert/)
- [Image](https://toha-guides.netlify.app/posts/short-codes/img/)
- [Split](https://toha-guides.netlify.app/posts/short-codes/split/)
- [Vertical Space](https://toha-guides.netlify.app/posts/short-codes/vs/)
+- [Alert](https://toha-guides.netlify.app/posts/shortcodes/#alert)
+- [Image](https://toha-guides.netlify.app/posts/shortcodes/#image)
+- [Split](https://toha-guides.netlify.app/posts/shortcodes/#split)
+- [Vertical Space](https://toha-guides.netlify.app/posts/shortcodes/#vertical-space)
+- [Video](https://toha-guides.netlify.app/posts/shortcodes/#video)
+- [Mermaid](https://hugo-toha.github.io/posts/shortcodes/#mermaid)

 ## Project Roadmap

@@ -230,13 +247,14 @@ Here is the check list for portfolio mode,

 - [ ] **Publications**

-  - [ ] Category Filter
-  - [ ] Card
-  - [ ] Abstract
-  - [ ] Authors
-  - [ ] Tags
-  - [ ] Links
-  - [ ] Gallery
+  - [x] Category Filter
+  - [x] Card
+  - [x] Tags
+  - [x] Links
+  - [ ] Dedicated Page
+    - [ ] Abstract
+    - [ ] Authors
+    - [ ] Gallery

 - [x] **Accomplishment / Courses**

@@ -0,0 +1,7 @@
+module github.com/hugo-toha/toha
+
+go 1.12
+
+// require(
+
+// )
@@ -0,0 +1,126 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "الصفحة الرئيسية"
+
+[posts]
+other = "المنشورات"
+
+[toc_heading]
+other = "قائمة المحتويات"
+
+[tags]
+other = "الوسوم"
+
+[categories]
+other = "الأقسام"
+
+[at]
+other = "at"
+
+[resume]
+other = "سيرتي الذاتية"
+
+[navigation]
+other = "التصفح"
+
+[contact_me]
+other = "اتصل بي:"
+
+[email]
+other = "البريد الإلكتروني"
+
+[phone]
+other = "الهاتف"
+
+[newsletter_text]
+other = "ابق على اتصال من خلال القائمة البريدية"
+
+[newsletter_input_placeholder]
+other = "ادخل بريدك الالكتروني"
+
+[newsletter_warning]
+other = "بإدخال بريدك الإلكتروني، أنت توافق على تلقي رسائل إلكترونية دورية من هذا الموقع."
+
+[submit]
+other = "إرسال"
+
+[hugoAttributionText]
+other = "صنع باستخدام"
+
+[prev]
+other = "السابق"
+
+[next]
+other = "التالي"
+
+[share_on]
+other = "المشاركة على"
+
+[improve_this_page]
+other = "ساعد في تحسين هذه الصفحة"
+
+[out_of]
+other = "من"
+
+[publications]
+other = "المنشورات"
+
+[taken_courses]
+other = "الدروس"
+
+[course_name]
+other = "اسم المادة"
+
+[total_credit]
+other = "العلامة العامة"
+
+[obtained_credit]
+other = "العلامة"
+
+[extracurricular_activities]
+other = "نشاطات خارجية"
+
+[show_more]
+other = "إظهار المزيد"
+
+[show_less]
+other = "إخفاء"
+
+[responsibilities]
+other = "المسؤوليات:"
+
+[present]
+other = "حاليا"
+
+[comments_javascript]
+other = "من فضلك قم بتفعيل جافاسكريب لإظهار"
+
+[comments_by]
+other = "التعليقات موفرة بواسطة"
+
+[read]
+other = "قراءة"
+
+[project_star]
+other = "نجمة"
+
+[project_details]
+other = "التفاصيل"
+
+[err_404]
+other = "الصفحة التي تبحث عنها ليست بعد هناك."
+
+[more]
+other = "المزيد"
+
+[view_certificate]
+other = "إظهار الشهادة"
+
+[notes]
+other = "ملاحظات"
+
+[disclaimer_text]
+other = "إشعار بالمسؤولية"
+
+[search]
+other = "بحث"
@@ -118,3 +118,6 @@ other = "নোট সমূহ"

 [disclaimer_text]
 other = "দায় বিজ্ঞপ্তি"
+
+[search]
+other = "অনুসন্ধান করুন"
@@ -72,10 +72,10 @@ other = "Belegte Kurse"
 other = "Kursname"

 [total_credit]
-other = "Gesamtguthaben"
+other = "Mögliche Punktzahl"

 [obtained_credit]
-other = "Erhaltenes Guthaben"
+other = "Note"

 [extracurricular_activities]
 other = "Außerschulische Aktivitäten"
@@ -108,7 +108,7 @@ other = "Star"
 other = "Details"

 [err_404]
-other = "Die Seite nach der Seite ist noch nicht vorhanden."
+other = "Die von Ihnen gesuchte Seite ist noch nicht vorhanden."

 [more]
 other = "Mehr"
@@ -121,3 +121,6 @@ other = "Notizen"

 [disclaimer_text]
 other = "Haftungshinweis"
+
+[search]
+other = "Suche"
@@ -121,3 +121,6 @@ other = "Notes"

 [disclaimer_text]
 other = "Liability Notice"
+
+[search]
+other = "Search"
@@ -121,3 +121,6 @@ other = "Notas"

 [disclaimer_text]
 other = "Aviso de responsabilidad"
+
+[search]
+other = "Búsqueda"
@@ -0,0 +1,126 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "Koti"
+
+[posts]
+other = "Artikkelit"
+
+[toc_heading]
+other = "Sisällysluettelo"
+
+[tags]
+other = "Tagit"
+
+[categories]
+other = "Kategoriat"
+
+[at]
+other = "at"
+
+[resume]
+other = "Ansioluetteloni"
+
+[navigation]
+other = "Navigointi"
+
+[contact_me]
+other = "Ota yhteyttä minuun:"
+
+[email]
+other = "Sähköposti"
+
+[phone]
+other = "Puhelin"
+
+[newsletter_text]
+other = "Pysy ajan tasalla tilaamalla sähköposti-ilmoitukset"
+
+[newsletter_input_placeholder]
+other = "Syötä sähköpostiosoite"
+
+[newsletter_warning]
+other = "Syöttämällä sähköpostin, hyväksyt että haluat vastaanottaa uutiskirjeen tältä sivustolta."
+
+[submit]
+other = "Lähetä"
+
+[hugoAttributionText]
+other = "Voimanlähteenä"
+
+[prev]
+other = "Edellinen"
+
+[next]
+other = "Seuraava"
+
+[share_on]
+other = "Jaa"
+
+[improve_this_page]
+other = "Paranna tätä sivua"
+
+[out_of]
+other = "out of"
+
+[publications]
+other = "Julkaisut"
+
+[taken_courses]
+other = "Käydyt kurssit"
+
+[course_name]
+other = "Kurssin nimi"
+
+[total_credit]
+other = "Opintopisteet yhteensä"
+
+[obtained_credit]
+other = "Saadut opintopisteet"
+
+[extracurricular_activities]
+other = "Opetusohjelman ulkopuolinen toiminta"
+
+[show_more]
+other = "Näytä lisää"
+
+[show_less]
+other = "Näytä vähemmän"
+
+[responsibilities]
+other = "Työtehtävät:"
+
+[present]
+other = "Tämä päivä"
+
+[comments_javascript]
+other = "Ole hyvä ja enabloi JavaScript katsoaksesi"
+
+[comments_by]
+other = "kommentit mahdollistavat"
+
+[read]
+other = "Lue"
+
+[project_star]
+other = "Tähti"
+
+[project_details]
+other = "Yksityiskohdat"
+
+[err_404]
+other = "Sivua jota etsit ei löydy."
+
+[more]
+other = "Lisää"
+
+[view_certificate]
+other = "Katso todistus"
+
+[notes]
+other = "Muistiinpanot"
+
+[disclaimer_text]
+other = "Vastuuilmoitus"
+
+[search]
+other = "Haku"
@@ -121,3 +121,6 @@ other = "Remarques"

 [disclaimer_text]
 other = "Avis de responsabilité"
+
+[search]
+other = "Chercher"
@@ -121,3 +121,6 @@ other = "टिप्पणियाँ"

 [disclaimer_text]
 other = "दायित्व सूचना"
+
+[search]
+other = "खोज"
@@ -121,3 +121,6 @@ other = "Catatan"

 [disclaimer_text]
 other = "Pemberitahuan Kewajiban"
+
+[search]
+other = "Mencari"
@@ -121,3 +121,6 @@ other = "Appunti"

 [disclaimer_text]
 other = "Avviso di responsabilità"
+
+[search]
+other = "Ricerca"
@@ -118,3 +118,6 @@ other = "ノート"

 [disclaimer_text]
 other = "責任通知"
+
+[search]
+other = "検索"
@@ -121,3 +121,6 @@ other = "메모"

 [disclaimer_text]
 other = "책임 고지"
+
+[search]
+other = "찾다"
@@ -1,11 +1,11 @@
 [home]
-other = "Startseite"
+other = "Hoofdpagina"

 [posts]
-other = "Beiträge"
+other = "Posts"

 [toc_heading]
-other = "Inhaltsverzeichnis"
+other = "Inhoudsopgave"

 [tags]
 other = "Tags"
@@ -14,49 +14,49 @@ other = "Tags"
 other = "Categorieën"

 [at]
-other = "bei"
+other = "bij"

 [resume]
-other = "Mein Lebenslauf"
+other = "Curriculum Vitae"

 [navigation]
-other = "Navigation"
+other = "Navigatie"

 [contact_me]
-other = "Kontakt aufnehmen"
+other = "Contactgegevens"

 [email]
 other = "E-Mail"

 [phone]
-other = "Telefon"
+other = "Telefoon"

 [newsletter_text]
-other = "Mit dem Newsletter auf dem neuesten Stand bleiben"
+other = "Ontvang updates via email"

 [newsletter_input_placeholder]
-other = "E-Mail-Adresse eingeben"
+other = "Email ingeven"

 [newsletter_warning]
 other = "Door uw e-mailadres in te voeren, gaat u akkoord met het ontvangen van de nieuwsbrief van deze website."

 [submit]
-other = "Absenden"
+other = "Opslaan"

 [hugoAttributionText]
-other = "Unterstützt von"
+other = "Mogelijk gemaakt met"

 [prev]
-other = "Vorherige"
+other = "Vorige"

 [next]
-other = "Nächste"
+other = "Volgende"

-# [share_on]
-# other = "Share on"
+[share_on]
+other = "Delen op"

 [improve_this_page]
-other = "Diese Seite verbessern"
+other = "Deze pagina verbeteren"

 [out_of]
 other = "van de"
@@ -65,7 +65,7 @@ other = "van de"
 other = "Publicaties"

 [taken_courses]
-other = "Cursussen gevolgd"
+other = "Gevolgde cursussen"

 [course_name]
 other = "Cursus naam"
@@ -85,11 +85,11 @@ other = "Bekijk meer"
 [show_less]
 other = "Laat minder zien"

-# [responsibilities]
-# other = "Responsibilities:"
+[responsibilities]
+other = "Verantwoordelijkheden:"

-# [present]
-# other = "Present"
+[present]
+other = "Heden"

 # [comments_javascript]
 # other = "Please enable JavaScript to view the"
@@ -103,11 +103,11 @@ other = "Laat minder zien"
 # [project_star]
 # other = "Star"

-# [project_details]
-# other = "Details"
+[project_details]
+other = "Details"

-# [err_404]
-# other = "The page you are looking for is not there yet."
+[err_404]
+other = "De pagina waar je voor zoekt bestaat nog niet."

 [more]
 other = "Meer"
@@ -119,4 +119,7 @@ other = "Bekijk certificaat"
 other = "Opmerkingen"

 [disclaimer_text]
-other = "Haftungshinweis"
+other = "Aansprakelijkheidsverklaring"
+
+[search]
+other = "Zoek"
@@ -0,0 +1,126 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "Início"
+
+[posts]
+other = "Artigos"
+
+[toc_heading]
+other = "Tabela de conteúdos"
+
+[tags]
+other = "Etiquetas"
+
+[categories]
+other = "Categorias"
+
+[at]
+other = "em"
+
+[resume]
+other = "O meu Currículo"
+
+[navigation]
+other = "Navegação"
+
+[contact_me]
+other = "Contacte-me:"
+
+[email]
+other = "Email"
+
+[phone]
+other = "Telefone"
+
+[newsletter_text]
+other = "Mantenha-se actualizado com notificações por email"
+
+[newsletter_input_placeholder]
+other = "Inserir email"
+
+[newsletter_warning]
+other = "Ao submeter o seu endereço de email, concorda em receber a newsletter deste website."
+
+[submit]
+other = "Enviar"
+
+[hugoAttributionText]
+other = "Desenvolvido por"
+
+[prev]
+other = "Anterior"
+
+[next]
+other = "Próximo"
+
+[share_on]
+other = "Partilha"
+
+[improve_this_page]
+other = "Melhore esta página"
+
+[out_of]
+other = "de"
+
+[publications]
+other = "Publicações"
+
+[taken_courses]
+other = "Cursos frequentados"
+
+[course_name]
+other = "Nome do Curso"
+
+[total_credit]
+other = "Créditos Totais"
+
+[obtained_credit]
+other = "Créditos Obtidos"
+
+[extracurricular_activities]
+other = "Actividades Extracurriculares"
+
+[show_more]
+other = "Ver Mais"
+
+[show_less]
+other = "Ver Menos"
+
+[responsibilities]
+other = "Responsabilidades:"
+
+[present]
+other = "Presente"
+
+[comments_javascript]
+other = "Por favor active JavaScript para ver o"
+
+[comments_by]
+other = "comentários por"
+
+[read]
+other = "Ler"
+
+[project_star]
+other = "Star"
+
+[project_details]
+other = "Detalhes"
+
+[err_404]
+other = "A página que procura ainda não está aqui."
+
+[more]
+other = "Mais"
+
+[view_certificate]
+other = "Ver Certificado"
+
+[notes]
+other = "Notas"
+
+[disclaimer_text]
+other = "Nota legal"
+
+[search]
+other = "Pesquisar"
@@ -121,3 +121,6 @@ other = "Ноты"

 [disclaimer_text]
 other = "Уведомление об ответственности"
+
+[search]
+other = "Поиск"
@@ -0,0 +1,126 @@
+# More documentation here: https://github.com/nicksnyder/go-i18n
+[home]
+other = "Anasayfa"
+
+[posts]
+other = "Gönderiler"
+
+[toc_heading]
+other = "İçerik Tablous"
+
+[tags]
+other = "Etiketler"
+
+[categories]
+other = "Kategoriler"
+
+[at]
+other = ","
+
+[resume]
+other = "Özgeçmişim"
+
+[navigation]
+other = "Menü"
+
+[contact_me]
+other = "İletişime geç:"
+
+[email]
+other = "E-Posta"
+
+[phone]
+other = "Telefon"
+
+[newsletter_text]
+other = "Yeni içeriklerden haberdar olmak için E-Posta adresinizi giriniz."
+
+[newsletter_input_placeholder]
+other = "E-Posta adresi giriniz."
+
+[newsletter_warning]
+other = "E-Posta adresini girerseniz, bu web sitesinin haber bültenini almayı kabul ediyorsunuz."
+
+[submit]
+other = "Onayla"
+
+[hugoAttributionText]
+other = ""
+
+[prev]
+other = "Önceki"
+
+[next]
+other = "Sonraki"
+
+[share_on]
+other = "Paylaş"
+
+[improve_this_page]
+other = "Bu sayfaya katkıda bulunun"
+
+[out_of]
+other = "/"
+
+[publications]
+other = "Akademik Yayınlar"
+
+[taken_courses]
+other = "Alınan Dersler"
+
+[course_name]
+other = "Ders Adı"
+
+[total_credit]
+other = "Üzerinden"
+
+[obtained_credit]
+other = "Alınan Not"
+
+[extracurricular_activities]
+other = "Ders Dışı Aktiviteler"
+
+[show_more]
+other = "Devamını Göster"
+
+[show_less]
+other = "Gizle"
+
+[responsibilities]
+other = "Sorumluluklar:"
+
+[present]
+other = "Halen"
+
+[comments_javascript]
+other = "Görüntüleyebilmek için lüften Javascript etkinleştirin"
+
+[comments_by]
+other = "comments powered by"
+
+[read]
+other = "Oku"
+
+[project_star]
+other = "Star"
+
+[project_details]
+other = "Detaylar"
+
+[err_404]
+other = "Aradığınız sayfa bulunmamakta."
+
+[more]
+other = "Devamını Göster"
+
+[view_certificate]
+other = "Sertifikayı Görüntüle"
+
+[notes]
+other = "Notlar"
+
+[disclaimer_text]
+other = "Yükümlülük Bildirisi"
+
+[search]
+other = "Ara"
@@ -121,3 +121,6 @@ other = "Ghi chú"

 [disclaimer_text]
 other = "Thông báo trách nhiệm"
+
+[search]
+other = "Tìm kiếm"
@@ -121,3 +121,6 @@ other = "笔记"

 [disclaimer_text]
 other = "免责声明"
+
+[search]
+other = "搜索"
@@ -86,29 +86,29 @@ other = "查看更多"
 [show_less]
 other = "顯示較少"

-# [responsibilities]
-# other = "Responsibilities:"
+[responsibilities]
+other = "職責:"

-# [present]
-# other = "Present"
+[present]
+other = "現在"

-# [comments_javascript]
-# other = "Please enable JavaScript to view the"
+[comments_javascript]
+other = "請開啟 JavaScript 查看"

-# [comments_by]
-# other = "comments powered by"
+[comments_by]
+other = "評論由"

-# [read]
-# other = "Read"
+[read]
+other = "閱讀"

-# [project_star]
-# other = "Star"
+[project_star]
+other = "Star"

-# [project_details]
-# other = "Details"
+[project_details]
+other = "詳情"

-# [err_404]
-# other = "The page you are looking for is not there yet."
+[err_404]
+other = "您訪問的頁面不存在"

 [more]
 other = "更多的"
@@ -121,3 +121,6 @@ other = "筆記"

 [disclaimer_text]
 other = "免責聲明"
+
+[search]
+other = "搜索"
@@ -9,16 +9,9 @@
    <!------ ADD PAGE SPECIFIC HEADERS ------->
    {{ block "header" . }} {{ end }}

-    <!-- ADD GOOGLE ANALYTICS IF ENABLED -->
-    {{ if site.GoogleAnalytics }}
-        <!-- Google Analytics v3  ID -->
-        {{ if hasPrefix site.GoogleAnalytics "UA-"}}
-          {{ template "_internal/google_analytics_async.html" . }}
-        {{ else }}
-          <!-- Google Analytics v4  ID -->
-          {{ template "_internal/google_analytics.html" . }}
-        {{ end }}
-    {{ end }}
+    <!--================= add analytics if enabled =========================-->
+    {{- partial "analytics.html" . -}}
+
  </head>

  <body data-spy="scroll" data-target="#TableOfContents" data-offset="80">
@@ -45,5 +38,9 @@

    <!------- ADD PAGE SPECIFIC SCRIPTS ------>
    {{ block "scripts" . }} {{ end }}
+
+    <!------ IF WANTED, ADD SUPPORT LINKS -------->
+    {{- partial "misc/support.html" . -}}
+
  </body>
 </html>
@@ -20,7 +20,7 @@
    <div class="sidebar-holder">
      <div class="sidebar" id="sidebar">
        <form class="mx-auto" method="get" action="{{ "search" | relLangURL }}">
-          <input type="text" name="keyword" value="" placeholder="Search" data-search="" id="search-box" />
+          <input type="text" name="keyword" value="" placeholder="{{ i18n "search" }}" data-search="" id="search-box" />
        </form>
        <div class="sidebar-tree">
          <ul class="tree" id="tree">
@@ -0,0 +1,43 @@
+{{- $pctx := . -}}
+{{- if .IsHome -}}{{ $pctx = .Site }}{{- end -}}
+{{- $pages := slice -}}
+{{- if $.IsHome -}}
+{{- $pages = sort $pctx.RegularPages "Date" "desc" -}}
+{{- else if $.IsSection -}}
+{{- $pages = sort $pctx.RegularPagesRecursive "Date" "desc" -}}
+{{- else -}}
+{{- $pages = sort $pctx.RegularPagesRecursive "Date" "desc" -}}
+{{- end -}}
+{{- $limit := .Site.Config.Services.RSS.Limit -}}
+{{- if ge $limit 1 -}}
+{{- $pages = $pages | first $limit -}}
+{{- end -}}
+{{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }}
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>{{ if eq  .Title  .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
+    <link>{{ .Permalink }}</link>
+    <description>Recent content {{ if ne  .Title  .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
+    <generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
+    <language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
+    <managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }}
+    <webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
+    <copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
+    <lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
+    {{- with .OutputFormats.Get "RSS" -}}
+    {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
+    {{- end -}}
+    {{ range $pages }}
+    {{- if ne .RelPermalink "/search/" -}}
+    <item>
+      <title>{{ .Title }}</title>
+      <link>{{ .Permalink }}</link>
+      <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
+      {{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
+      <guid>{{ .Permalink }}</guid>
+      <description>{{ .Summary | html }}</description>
+    </item>
+    {{ end }}
+    {{ end }}
+  </channel>
+</rss>
@@ -20,7 +20,7 @@
    <div class="sidebar-holder">
      <div class="sidebar" id="sidebar">
        <form class="mx-auto" method="get" action="{{ "search" | relLangURL }}">
-          <input type="text" name="keyword" value="" placeholder="Search" data-search="" id="search-box" />
+          <input type="text" name="keyword" value="" placeholder="{{ i18n "search" }}" data-search="" id="search-box" />
        </form>
        <div class="sidebar-tree">
          <ul class="tree" id="tree">
@@ -20,7 +20,7 @@
    <div class="sidebar-holder">
      <div class="sidebar" id="sidebar">
        <form class="mx-auto" method="get" action="{{ "search" | relLangURL }}">
-          <input type="text" name="keyword" value="" placeholder="Search" data-search="" id="search-box" />
+          <input type="text" name="keyword" value="" placeholder="{{ i18n "search" }}" data-search="" id="search-box" />
        </form>
        <div class="sidebar-tree">
          <ul class="tree" id="tree">
@@ -40,7 +40,7 @@
  <div class="content">
    <div class="container p-0 read-area">
      <!--Hero Area-->
-      <div class="hero-area col-sm-12" id="hero-area" style='background-image: url({{ strings.TrimSuffix "/" site.BaseURL }}{{ partial "helpers/get-hero.html" . }});'>
+      <div class="hero-area col-sm-12" id="hero-area" style='background-image: url({{ partial "helpers/get-hero.html" . }});'>
      </div>

      <!--Content Start-->
@@ -56,7 +56,7 @@
        </div>
        {{ if site.Params.enableTags }}
        <div class="taxonomy-terms">
-            <ul>
+          <ul style="padding-left: 0;">
            {{ range .Params.tags }}
            {{ $url:= printf "tags/%s" . }}
            <li class="rounded"><a href="{{ $url | urlize | relLangURL }}" class="btn, btn-sm">{{ . }}</a></li>
@@ -136,7 +136,7 @@
          {{ 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">
+              <a href="{{ site.Params.GitRepo }}/-/edit/{{ .Scratch.Get "GitBranch" }}/content/{{ .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 -->
@@ -157,23 +157,13 @@
      <hr />

      <!----- Add comment support  ----->
-      {{ with site.Params.features.comment }}
-        {{ if .enable }}
-          <!-- Add Disqus forum  -->
-          {{ if .disqus.shortName }}
-              {{ partial "disqus.html" . }}
-          <!-- Add valine -->
-          {{ else if .valine }}
-              {{ partial "valine.html" . }}
-          <!-- Add utteranc -->
-          {{ else if .utteranc }}
-              {{ partial "utteranc.html" . }}
-          {{ end }}
-        {{ end }}
+      {{ if site.Params.features.comment.enable }}
+        {{ partial "comments.html" site.Params.features.comment }}
      {{ end }}
+
      <!-- Keep backward compatibility with old config.yaml -->
      {{ if site.DisqusShortname }}
-        {{ partial "disqus.html" . }}
+        {{ partial "comments/disqus.html" (dict (slice "disqus" "shortName")  site.DisqusShortname) }}
      {{ end }}

      </div>
@@ -189,7 +179,7 @@

 {{ define "toc" }}
  <section class="toc-section" id="toc-section">
-    {{ if site.Params.enableTOC }}
+    {{ if and site.Params.enableTOC ( .Params.enableTOC | default true ) }}
    <div class="toc-holder">
      <h5 class="text-center pl-3">{{ i18n "toc_heading" }}</h5>
      <hr>
@@ -207,7 +197,15 @@
 <script>
  hljs.initHighlightingOnLoad();
 </script>
+
+<!-------------- Enable Math support for this page  ---------------->
 {{ if .Params.math }}
    {{ partial "math.html" . }}
 {{ end }}
+
+<!-------------- Enable mermaid support for this page  ---------------->
+{{ if .Params.mermaid }}
+    {{ partial "mermaid.html" . }}
+{{ end }}
+
 {{ end }}
@@ -20,7 +20,7 @@
    <div class="sidebar-holder">
      <div class="sidebar" id="sidebar">
        <form class="mx-auto" method="get" action="{{ "search" | relLangURL }}">
-          <input type="text" name="keyword" value="" placeholder="Search" data-search="" id="search-box" />
+          <input type="text" name="keyword" value="" placeholder="{{ i18n "search" }}" data-search="" id="search-box" />
        </form>
        <div class="sidebar-tree">
          <ul class="tree" id="tree">
@@ -25,20 +25,13 @@
    <link rel="stylesheet" href="{{ "/css/sections/recent-posts.css" | relURL }}"/>
    <link rel="stylesheet" href="{{ "/css/sections/achievements.css" | relURL }}"/>
    <link rel="stylesheet" href="{{ "/css/sections/accomplishments.css" | relURL }}"/>
+    <link rel="stylesheet" href="{{ "/css/sections/publications.css" | relURL }}"/>

    <!--================= custom style overrides =========================-->
    <link rel="stylesheet" href="{{ "/css/style.css" | relURL }}"/>
    
-    <!-- Add Google Analytics if enabled in configuration -->
-    {{ if site.GoogleAnalytics }}
-        <!-- Google Analytics v3  ID -->
-        {{ if hasPrefix site.GoogleAnalytics "UA-"}}
-          {{ template "_internal/google_analytics_async.html" . }}
-        {{ else }}
-          <!-- Google Analytics v4  ID -->
-          {{ template "_internal/google_analytics.html" . }}
-        {{ end }}
-    {{ end }}
+    <!--================= add analytics if enabled =========================-->
+    {{- partial "analytics.html" . -}}
  </head>
  <body data-spy="scroll" data-target="#top-navbar" data-offset="100">

@@ -87,5 +80,9 @@
    <script src="{{ "/js/github-button.js" | relURL }}"></script>
    <script src="{{ "/js/home.js" | relURL }}"></script>
    <script src="{{ "/js/jquery.filterizr.min.js" | relURL }}"></script>
+
+    <!------ ADD SUPPORT LINKS -------->
+    {{- partial "misc/support.html" . -}}
+
  </body>
 </html>
@@ -21,7 +21,7 @@
    <div class="sidebar-holder">
      <div class="sidebar" id="sidebar">
        <form class="mx-auto" method="get" action="{{ "search" | relLangURL }}">
-          <input type="text" name="keyword" value="" placeholder="Search" data-search="" id="search-box" />
+          <input type="text" name="keyword" value="" placeholder="{{ i18n "search" }}" data-search="" id="search-box" />
        </form>
        <div class="sidebar-tree">
          <ul class="tree" id="tree">
@@ -21,7 +21,7 @@
    <div class="sidebar-holder">
      <div class="sidebar" id="sidebar">
        <form class="mx-auto" method="get" action="{{ "search" | relLangURL }}">
-          <input type="text" name="keyword" value="" placeholder="Search" data-search="" id="search-box" />
+          <input type="text" name="keyword" value="" placeholder="{{ i18n "search" }}" data-search="" id="search-box" />
        </form>
        <div class="sidebar-tree">
          <ul class="tree" id="tree">
@@ -0,0 +1,51 @@
+<!-- Add Analytics if enabled in configuration -->
+{{ with site.Params.features.analytics }}
+    {{ if .enabled }}
+        <!-- Google Analytics -->
+        {{ with .google }}
+            {{ $privacyConfig:= dict (slice "Site" "Config" "Privacy" "GoogleAnalytics") $.Site.Config.Privacy.GoogleAnalytics }}
+            {{ $analyticsConfig := dict (slice "Site" "GoogleAnalytics") .id }}
+            {{ template "_internal/google_analytics.html" (merge $privacyConfig $analyticsConfig) }}
+        {{ end }}
+
+        <!-- Counter.dev -->
+        {{ with .counterDev }}
+            <script src="https://cdn.counter.dev/script.js"
+                data-id="{{ .id }}"
+                data-utcoffset="1"
+            ></script>
+        {{ end }}
+
+        <!-- GoatCounter -->
+        {{ with .goatCounter }}
+            <script
+            data-goatcounter="https://{{ .code }}.goatcounter.com/count"
+            async
+            src="/js/goat-counter.js"
+            ></script>
+        {{ end }}
+
+        <!-- Piwik/Matomo -->
+        {{ with .matomo }}
+        <!-- Matomo -->
+            <script>
+            var _paq = window._paq = window._paq || [];
+            /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+            _paq.push(['trackPageView']);
+            _paq.push(['enableLinkTracking']);
+            (function() {
+                var u="//{{ .instance }}/";
+                _paq.push(['setTrackerUrl', u+'matomo.php']);
+                _paq.push(['setSiteId', '{{ .siteId }}']);
+                var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+                g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+            })();
+            </script>
+        {{ end }}
+    {{ end }}
+{{ end }}
+
+<!-- Keep backwards compatibility and consistency with HUGO defaults -->
+{{ if site.GoogleAnalytics }}
+    {{ template "_internal/google_analytics.html" . }}
+{{ end }}
@@ -0,0 +1,39 @@
+{{ $dataCategories:= slice "pub-all"}}
+{{ range .categories}}
+  {{ $dataCategories = $dataCategories | append (printf "pub-%s" .)}}
+{{end}}
+
+<div
+  class="col-12 p-2 pub-filtr-item"
+  data-category='{{ delimit $dataCategories ","}}'
+>
+  <div class="card mt-3">
+    <div class="card-header">
+      <h5 class="card-title mb-0">{{ .title }}</h5>
+      <div class="sub-title">
+        <span><a class="" href="{{.publishedIn.url}}">{{ .publishedIn.name }}</a></span>
+        <span class="ml-2">{{ .publishedIn.date }}</span>
+      </div>
+      <div class="authors">
+        {{ range $index,$author:= .authors }}
+          <span class="mr-2"><a class="" href="{{.url}}">{{ .name }}</a></span>
+        {{ end }}
+      </div>
+    </div>
+    <div class="card-body">
+      <p>{{ .paper.summary | markdownify }}</p>
+    </div>
+    <div class="card-footer">
+      <div class="tags">
+        {{ range $index,$tag:= .tags }}
+            <span class="btn badge btn-info ml-1 p-2">
+              {{ $tag }}
+            </span>
+        {{ end }}
+      </div>
+      <div class="details-btn">
+        <a class="btn btn-outline-info ml-1 pl-2 mb-2" href="{{ .paper.url }}" target="_blank" rel="noopener" role="button">{{ i18n "project_details"}}</a>
+      </div>
+    </div>
+  </div>
+</div>
@@ -4,15 +4,19 @@
      <div class="card-head d-flex">
        {{ if .logo }}
          {{ $logoImage := resources.Get .logo }}
-
          {{/*  svg don't support "Fit" operation   */}}
          {{ if ne $logoImage.MediaType.SubType "svg" }}
            {{ $logoImage = $logoImage.Fit "24x24" }}
          {{ end }}
-
+        
          <img class="card-img-xs" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
+          <h5 class="card-title">{{ .name }}</h5>
+        {{ else if .icon }}
+          {{ $iconName := .icon }}
+          <h5 class="card-title"><span class="{{ $iconName }}"> {{ .name }}</span></h5>
+        {{ else }}
+          <h5 class="card-title">{{ .name }}</h5>
        {{ end }}
-        <h5 class="card-title">{{ .name }}</h5>
      </div>
      <div class="card-body">
        <p class="card-text">{{ .summary | markdownify }}</p>
@@ -0,0 +1,11 @@
+{{ if .disqus.shortName }}
+    {{ partial "comments/disqus.html" . }}
+{{ else if .valine }}
+    {{ partial "comments/valine.html" . }}
+{{ else if .utteranc }}
+    {{ partial "comments/utteranc.html" . }}
+{{ else if .giscus }}
+    {{ partial "comments/giscus.html" . }}
+{{ else if .commento }}
+    {{ partial "comments/commento.html" . }}
+{{ end }}
@@ -0,0 +1,12 @@
+{{ with .commento }}
+    {{ $serverURL   := .serverURL }}
+    {{ $autoInit    := .autoInit | default "true"}}
+    {{ $hideDeleted := .hideDeleted | default "false"}}
+
+    <script defer
+    src="http://{{ $serverURL }}/js/commento.js"
+    data-auto-init="{{ $autoInit }}"
+    data-hide-deleted="{{ $hideDeleted }}"
+    ></script>
+    <div id="commento"></div>
+{{ end }}
@@ -0,0 +1,29 @@
+{{ with .disqus }}
+  <div id="disqus_thread"></div>
+  <script type="text/javascript">
+    (function () {
+      // Don't ever inject Disqus on localhost--it creates unwanted
+      // discussions from 'localhost:1313' on your Disqus account...
+      if (window.location.hostname == "localhost") return;
+
+      var dsq = document.createElement("script");
+      dsq.type = "text/javascript";
+      dsq.async = true;
+      var disqus_shortname = "{{ .shortName }}";
+      dsq.src = "//" + disqus_shortname + ".disqus.com/embed.js";
+      (
+        document.getElementsByTagName("head")[0] ||
+        document.getElementsByTagName("body")[0]
+      ).appendChild(dsq);
+    })();
+  </script>
+  <noscript
+    >{{ i18n "comments_javascript" }}
+    <a href="https://disqus.com/?ref_noscript"
+      >{{ i18n "comments_by" }} Disqus.</a
+    ></noscript
+  >
+  <a href="https://disqus.com/" class="dsq-brlink"
+    >{{ i18n "comments_by" }} <span class="logo-disqus">Disqus</span></a
+  >
+{{ end }}
@@ -0,0 +1,28 @@
+{{ with .giscus }}
+{{ $repo          := .repo }}
+{{ $repoID        := .repoID }}
+{{ $category      := .category | default "General" }}
+{{ $categoryID    := .categoryID }}
+{{ $theme         := .theme | default "light" }}
+{{ $map           := .map | default "url" }}
+{{ $reaction      := .reaction | default "1" }}
+{{ $metadata      := .metadata | default "0" }}
+{{ $inputPosition := .inputPosition | default "bottom" }}
+{{ $crossOrigin   := .crossOrigin | default "anonymous" }}
+
+<script src="https://giscus.app/client.js"
+        data-repo="{{ $repo }}"
+        data-repo-id="{{ $repoID }}"
+        data-category="{{ $category }}"
+        data-category-id="{{ $categoryID }}"
+        data-mapping="{{ $map }}"
+        data-reactions-enabled="{{ $reaction }}"
+        data-emit-metadata="{{ $metadata }}"
+        data-input-position="{{ $inputPosition }}"
+        data-theme="{{ $theme }}"
+        data-lang="{{ .Site.Language.Lang }}"
+        crossorigin="{{ $crossOrigin }}"
+        async>
+</script>
+{{ end }}
+
@@ -1,6 +1,7 @@
-{{ $repo := site.Params.features.comment.utteranc.repo }}
-{{ $issueTerm := site.Params.features.comment.utteranc.issueTerm }}
-{{ $theme := site.Params.features.comment.utteranc.theme }}
+{{ with .utteranc }}
+{{ $repo        := .repo }}
+{{ $issueTerm   := .issueTerm }}
+{{ $theme       := .theme }}

 <div id="utteranc_thread"></div>
 <div id="comments" class="comments">
@@ -20,3 +21,4 @@
        document.getElementById('comments-container').appendChild(utterances);
    })();
 </script>
+{{ end }}
@@ -0,0 +1,18 @@
+{{ with .valine }}
+<div id="vcomments"></div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
+<script type="text/javascript">
+  new Valine({
+    el: "#vcomments",
+    appId: "{{ .appId }}",
+    appKey: "{{ .appKey }}",
+    avatar: "{{ .avatar }}",
+    placeholder: "{{ .placeholder }}",
+    visitor: "{{ .visitor }}",
+    lang: "{{ .lang }}",
+    recordIP: "{{ .recordIP }}",
+    enableQQ: "{{ .enableQQ }}",
+  });
+</script>
+{{ end }}
@@ -1,32 +0,0 @@
-{{ $disqusShortName := site.DisqusShortname }}
-{{ if site.Params.features.comment.disqus.shortName }}
-  {{ $disqusShortName = site.Params.features.comment.disqus.shortName }}
-{{ end }}
-
-<div id="disqus_thread"></div>
-<script type="text/javascript">
-  (function () {
-    // Don't ever inject Disqus on localhost--it creates unwanted
-    // discussions from 'localhost:1313' on your Disqus account...
-    if (window.location.hostname == "localhost") return;
-
-    var dsq = document.createElement("script");
-    dsq.type = "text/javascript";
-    dsq.async = true;
-    var disqus_shortname = "{{ $disqusShortName }}";
-    dsq.src = "//" + disqus_shortname + ".disqus.com/embed.js";
-    (
-      document.getElementsByTagName("head")[0] ||
-      document.getElementsByTagName("body")[0]
-    ).appendChild(dsq);
-  })();
-</script>
-<noscript
-  >{{ i18n "comments_javascript" }}
-  <a href="https://disqus.com/?ref_noscript"
-    >{{ i18n "comments_by" }} Disqus.</a
-  ></noscript
->
-<a href="https://disqus.com/" class="dsq-brlink"
-  >{{ i18n "comments_by" }} <span class="logo-disqus">Disqus</span></a
->
@@ -1,6 +1,7 @@
 {{/*  variables for enabling/disabling parts of the footer  */}}
 {{ $footerEnabled      := site.Params.footer.enable             | default true }}
 {{ $navigationEnabled  := site.Params.footer.navigation.enable  | default true }}
+{{ $customMenusEnabled := site.Params.footer.navigation.customMenus | default true }}
 {{ $contactMeEnabled   := site.Params.footer.contactMe.enable   | default true }}
 {{ $newsletterEnabled  := site.Params.footer.newsletter.enable  | default true }}
 {{ $credentialsEnabled := site.Params.footer.credentials.enable | default true }}
@@ -26,7 +27,12 @@
    {{ $sections = (index site.Data site.Language.Lang).sections }}
  {{ end }}

-  {{ $copyrightNotice := "© 2021 Copyright."}}
+  {{ $customMenus := site.Params.customMenus }}
+  {{ if (index site.Data site.Language.Lang).site.customMenus }}
+    {{ $customMenus = (index site.Data site.Language.Lang).site.customMenus }}
+  {{ end }}
+
+  {{ $copyrightNotice := now.Format "2006" | printf "© %s Copyright."}}
  {{ if (index site.Data site.Language.Lang).site }}
    {{ $siteConfig := (index site.Data site.Language.Lang).site }}
    {{ if $siteConfig.copyright }}
@@ -58,7 +64,7 @@
  {{ end }}
  {{ $hugoLogo = $hugoLogo.RelPermalink}}

-  <footer class="container-fluid text-center align-content-center footer pb-2">
+  <footer id="footer" class="container-fluid text-center align-content-center footer pb-2">
    <div class="container pt-5">
      <div class="row text-left">
        {{ if $navigationEnabled }}
@@ -77,6 +83,15 @@
                </li>
              {{ end }}
            {{- end }}
+            {{ if $customMenusEnabled }}
+              {{ range $customMenus }}
+                {{ if .showOnFooter }}
+                    <li class="nav-item">
+                      <a class="smooth-scroll" href="{{ .url }}">{{ .name }}</a>
+                    </li>
+                {{ end }}
+              {{ end }}
+            {{ end }}
          </ul>
          {{ end }}
        </div>
@@ -100,6 +115,20 @@
                <li><a href={{ printf "https://github.com/%s" $value }} target="_blank" rel="noopener">
                  <span><i class="fab fa-github"></i></span> <span>{{ $value }}</span>
                </a></li>
+              {{ else if reflect.IsMap $value }}
+                <li>
+                  {{ if (and (isset $value "url") (isset $value "icon"))}}
+                  <a href={{ $value.url }} target="_blank" rel="noopener">
+                    <span><i class={{ printf "fab fa-%s" $value.icon }}></i></span> <span>{{ $value.text }}</span>
+                  </a>
+                  {{ else if isset $value "icon" }}
+                    <span><i class={{ printf "fab fa-%s" $value.icon }}></i></span> <span>{{ $value.text }}</span>
+                  {{ else }}
+                    <a href={{ $value.url }} target="_blank" rel="noopener">
+                      <span>{{ title $key }}: </span> <span>{{ $value.text }}</span>
+                    </a>
+                  {{ end }}
+                </li>
              {{ else }}
                <li><span>{{ title $key }}: </span> <span>{{ $value }}</span></li>
              {{ end }}
@@ -144,6 +173,7 @@
              <input type='hidden' name='schedule_type' value='1' />
              <small id="emailHelp" class="form-text text-muted">{{ i18n "newsletter_warning" }}</small>
              <button type="submit" class="btn btn-info"> {{ i18n "submit" }} </button>
+              </div>
              </form>
            {{ end }}
          </div>
@@ -161,7 +191,7 @@
    <div class="container">
      <div class="row text-left">
        <div class="col-md-4">
-          <a id="theme" href="https://github.com/hossainemruz/toha" target="_blank" rel="noopener">
+          <a id="theme" href="https://github.com/hugo-toha/toha" target="_blank" rel="noopener">
            <img src="{{ $themeLogo }}" alt="Toha Theme Logo">
            Toha
          </a>
@@ -7,12 +7,19 @@
 <link rel="stylesheet" href="{{ "/css/layouts/main.css" | relURL }}"/>
 <link rel="stylesheet" href="{{ "/css/navigators/navbar.css" | relURL }}"/>
 <link rel="stylesheet" href="{{ "/css/plyr.css" | relURL }}"/>
+{{ if ne site.Params.showFlags false }}
 <link rel="stylesheet" href="{{ "/css/flag-icon.min.css" | relURL }}"/>
-<link rel="stylesheet" href="{{ "/css/katex.min.css" | relURL }}">
+{{ end }}
+<!--=================== fonts ==============================-->
+<link rel="stylesheet" href="{{ "/google-fonts/Mulish/mulish.css" | relURL }}"/>

-<!--=================== cdn ==============================-->
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" />
+<!--=================== icons ==============================-->
+<link rel="stylesheet" href="{{ "/fontawesome/css/all.min.css" | relURL }}"/>
+
+<!--=================== dark mode ==========================-->
+{{ if site.Params.darkMode.enable }}
+<link rel="stylesheet" href="{{ "/css/colortheme/colortheme.css" | relURL }}"/>
+{{ end }}

 <!--================= fab-icon =========================-->
 {{/* add favicon only if the site author has provided the the favicon */}}
@@ -3,7 +3,7 @@

 {{/*  if hero image is specified in the page front-matter, then use that  */}}
 {{ if .Params.hero }}
-  {{ $heroImage = .Page.Resources.GetMatch .Params.hero }}
+  {{ $heroImage = resources.Get .Params.hero }}
 {{ end }}
 {{ .Scratch.Set "heroScratch" $heroImage }}

@@ -1,5 +1,15 @@
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
-<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
-    onload="renderMathInElement(document.body);">
+<link rel="stylesheet" href="{{ "/katex/katex.min.css" | relURL }}">
+<script type="text/javascript" defer src="{{ "/katex/katex.min.js" | relURL }}"></script>
+<script type="text/javascript" defer src="{{ "/katex/auto-render.min.js" | relURL }}" onload="renderMathInElement(document.body);">
+    renderMathInElement(
+        document.body,
+        {
+            delimiters: [
+                {left: "$$", right: "$$", display: true},
+                {left: "\\[", right: "\\]", display: true},
+                {left: "$", right: "$", display: false},
+                {left: "\\(", right: "\\)", display: false}
+            ]
+        }
+    );
 </script>
@@ -0,0 +1,6 @@
+<script src="{{ "/js/mermaid-8.14.0.min.js" | relURL }}"></script>
+<script>
+    mermaid.initialize({
+        startOnLoad:true
+    });
+</script>
@@ -0,0 +1,16 @@
+{{ with site.Params.features.support }}
+    {{ if .enabled }}
+        <!-- Enable Ko-Fi floating button -->
+        {{ with .kofi }}
+            <script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
+            <script>
+            kofiWidgetOverlay.draw('{{ .user }}', {
+                'type': 'floating-chat',
+                'floating-chat.donateButton.text': '{{ .text }}',
+                'floating-chat.donateButton.text-color': '{{ .textColor }}',
+                'floating-chat.donateButton.background-color': '{{ .backgroundColor }}',
+            });
+            </script>
+        {{ end }}
+    {{ end }}
+{{ end }}
@@ -5,15 +5,19 @@

 <div class="dropdown languageSelector">
    <a class="btn dropdown-toggle" href="#" id="languageSelector" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-        {{ $countryCode := partial "helpers/country-code.html" . }}
-        <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+        {{ if ne site.Params.showFlags false }}
+            {{ $countryCode := partial "helpers/country-code.html" . }}
+            <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+        {{ end }}
        {{ site.Language.LanguageName }}
    </a>
    <div class="dropdown-menu" aria-labelledby="languageSelector">
        {{ range .Translations }}
        <a class="dropdown-item nav-link languages-item" href="{{ path.Join "/" (cond (eq .Language.Lang "en") "" .Language.Lang) $pageURL }}">
-            {{ $countryCode := partial "helpers/country-code.html" . }}
-            <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+            {{ if ne site.Params.showFlags false }}
+                {{ $countryCode := partial "helpers/country-code.html" . }}
+                <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+            {{ end }}
            {{ .Language.LanguageName }}
        </a>
        {{ end }}
@@ -5,15 +5,19 @@

 <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="languageSelector" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-      {{ $countryCode := partial "helpers/country-code.html" . }}
-      <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+      {{ if ne site.Params.showFlags false }}
+        {{ $countryCode := partial "helpers/country-code.html" . }}
+        <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+      {{ end }}
      {{ site.Language.LanguageName }}
    </a>
    <div class="dropdown-menu" aria-labelledby="languageSelector">
      {{ range .Translations }}
        <a class="dropdown-item nav-link languages-item" href="{{ path.Join "/" (cond (eq .Language.Lang "en") "" .Language.Lang) $pageURL }}">
-          {{ $countryCode := partial "helpers/country-code.html" . }}
-          <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+          {{ if ne site.Params.showFlags false }}
+            {{ $countryCode := partial "helpers/country-code.html" . }}
+            <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+          {{ end }}
          {{ .Language.LanguageName }}
        </a>
      {{ end }}
@@ -1,16 +1,20 @@
 <li class="nav-item dropdown">
-<a class="nav-link dropdown-toggle" href="#" id="languageSelector" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    {{ $countryCode := partial "helpers/country-code.html" . }}
-    <span class="flag-icon flag-icon-{{$countryCode}}"></span>
-    {{ site.Language.LanguageName }}
-</a>
-<div class="dropdown-menu" aria-labelledby="languageSelector">
-    {{ range site.Home.AllTranslations }}
-    <a class="dropdown-item nav-link languages-item" href="{{ .RelPermalink }}">
-        {{ $countryCode := partial "helpers/country-code.html" . }}
-        <span class="flag-icon flag-icon-{{$countryCode}}"></span>
-        {{ .Language.LanguageName }}
+    <a class="nav-link dropdown-toggle" href="#" id="languageSelector" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+        {{ if ne site.Params.showFlags false }}
+            {{ $countryCode := partial "helpers/country-code.html" . }}
+            <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+        {{ end }}
+        {{ site.Language.LanguageName }}
    </a>
-    {{ end }}
-</div>
-</li>
+    <div class="dropdown-menu" aria-labelledby="languageSelector">
+        {{ range site.Home.AllTranslations }}
+        <a class="dropdown-item nav-link languages-item" href="{{ .RelPermalink }}">
+            {{ if ne site.Params.showFlags false }}
+                {{ $countryCode := partial "helpers/country-code.html" . }}
+                <span class="flag-icon flag-icon-{{$countryCode}}"></span>
+            {{ end }}
+            {{ .Language.LanguageName }}
+        </a>
+        {{ end }}
+    </div>
+    </li>
@@ -47,6 +47,9 @@
      {{ if .IsTranslated }}
        {{ partial "navigators/lang-selector-2.html" . }}
      {{ end }}
+      {{ if site.Params.darkMode.enable }}
+        {{ partial "navigators/theme-selector.html" . }}
+      {{ end }}
      </ul>
    </div>
  </div>
@@ -66,7 +66,7 @@
      <span class="navbar-toggler-icon"></span>
    </button>

-    <div class="collapse navbar-collapse" id="top-nav-items">
+    <div class="collapse navbar-collapse dynamic-navbar" id="top-nav-items">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item">
          <a class="nav-link" href="#home">{{ i18n "home" }}</a>
@@ -87,7 +87,7 @@
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{i18n "more" }}</a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-                {{ $sectionCount := 0 }}
+                {{ $sectionCount := 1 }}
                {{ range sort $sections "section.weight" }}
                  {{ if and (.section.enable) (.section.showOnNavbar) }}
                    {{ $sectionCount  = add $sectionCount 1}}
@@ -115,13 +115,18 @@
          </li>
        {{ end }}
        {{ range $customMenus }}
-          <li class="nav-item">
-            <a class="nav-link" href="{{ .url }}">{{ .name }}</a>
-          </li>
+            {{ if (not .hideFromNavbar) }}
+              <li class="nav-item">
+                <a class="nav-link" href="{{ .url }}">{{ .name }}</a>
+              </li>
+            {{ end }}
        {{ end }}
        {{ if .IsTranslated }}
          {{ partial "navigators/lang-selector.html" . }}
        {{ end }}
+        {{ if site.Params.darkMode.enable }}
+          {{ partial "navigators/theme-selector.html" . }}
+        {{ end }}
      </ul>
    </div>
  </div>
@@ -0,0 +1,20 @@
+<li class="nav-item dropdown">
+<!-- This is for initializing the color scheme selection for new visitors. See /js/darkmode.js -->
+<div id="theme-initialization" style="display: none;"
+  default-theme="{{ site.Params.darkMode.default }}"></div>
+<a class="nav-link dropdown-toggle"  href="#" id="themeSelector" role="button"
+  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+  <img id="navbar-theme-icon-svg" src="{{ "/icons/moon-svgrepo-com.svg" }}" width=20>
+</a>
+<div class="dropdown-menu dropdown-menu-icons-only" aria-labelledby="themeSelector">
+  <a class="dropdown-item nav-link" href="#" onclick="enableLightTheme()">
+    <img class="menu-icon-center" src="{{ "/icons/sun-svgrepo-com.svg" }}" width=20>
+  </a>
+  <a class="dropdown-item nav-link" href="#" onclick="enableDarkTheme()">
+    <img class="menu-icon-center" src="{{ "/icons/moon-svgrepo-com.svg" }}" width=20>
+  </a>
+  <a class="dropdown-item nav-link" href="#" onclick="useSystemTheme()">
+    <img class="menu-icon-center" src="{{ "/icons/computer-svgrepo-com.svg" }}" width=20>
+  </a>
+</div>
+</li>
@@ -6,5 +6,9 @@
 <script type="text/javascript" src="{{ "/js/plyr.js" | relURL }}"></script>
 <script type="text/javascript" src="{{ "/js/main.js" | relURL }}"></script>

-<script type="text/javascript" defer src="{{ "/js/katex.min.js" | relURL }}"></script>
-<script type="text/javascript" defer src="{{ "/js/auto-render.min.js" | relURL }}" onload="renderMathInElement(document.body);"></script>
+{{ if site.Params.darkMode.enable }}
+{{ if eq site.Params.darkMode.provider "darkreader" }}
+<script type="text/javascript" src="{{ "/js/darkreader.js" | relURL }}"></script>
+<script type="text/javascript" src="{{ "/js/darkmode-darkreader.js" | relURL }}"></script>
+{{ end }}
+{{ end }}
@@ -31,7 +31,7 @@
          <li>
            {{ if eq .name "Email" }}
              <a href="mailto:{{ .url }}" title="{{ .name }}" target="_blank" rel="noopener"><i class="{{ .icon }}"></i></a>
-            {{ else if eq .name "Phone" }}
+            {{ else if eq .name (i18n "phone") }}
              <a href="tel:{{ .url }}" title="{{ .name }}" target="_blank" rel="noopener"><i class="{{ .icon }}"></i></a>
            {{ else }}
              <a href="{{ .url }}" title="{{ .name }}" target="_blank" rel="noopener"><i class="{{ .icon }}"></i></a>
@@ -45,6 +45,11 @@
        ><button class="btn btn-dark">{{ i18n "resume"}}</button></a
      >
      {{ end }}
+      {{ range .resourceLinks }}
+      <a href="{{ .url | relURL }}" title="{{ .title }}" target="#"
+        ><button class="btn btn-dark">{{ .title }}</button></a
+      >
+      {{ end }}
    </div>
    <!-- soft skills circular-progressbar -->
    <div class="col-sm-6 pt-5 pl-md-4 pl-sm-3 pt-sm-0">
@@ -6,9 +6,12 @@
 <div class="container-fluid anchor pb-5 accomplishments-section">
  {{ if not (.section.hideTitle) }}
    <h1 class="text-center">
-      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
  {{ end }}
-
+  
  <div class="container">
    <div class="row" id="acomplishment-card-holder">
      {{ range .accomplishments }}
@@ -6,7 +6,10 @@
 <div class="container-fluid anchor pb-5 achievements-section">
  {{ if not (.section.hideTitle) }}
    <h1 class="text-center">
-      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
  {{ end }}
  <div class="container">
    <div class="row" id="gallery">
@@ -12,14 +12,17 @@
 {{/*  don't use "background-image: url('{{ $achievementImageSm }}');" Otherwise the images won't show in https://themes.gohugo.io/ */}}
 <div 
  class="achievement-entry text-center"
-  style="background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $achievementImageSm }}');"
+  style="background-image: url('{{ $achievementImageSm }}');"
 >
  <i class="fas fa-search-plus" id="enlarge-icon"></i>
  <h4 class="title" id="achievement-title">{{ .title }}</h4>
  <div class="caption hidden col-lg-6 text-left" id="caption">
    <h4>{{ .title }}</h4>
    <p>{{ .summary | markdownify }}</p>
+    {{ if .url }}
+      <a class="btn btn-info ml-1 pl-2 mb-2" href="{{ .url }}" target="_blank" rel="noopener" role="button">{{ i18n "project_details"}}</a>
+    {{ end }}
  </div>
-  <span style="background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $achievementImageSm }}');" class="d-none" id="SmallImage" active="true"></span>
-<span  style="background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $achievementImageLg }}');" class="d-none" id="LargeImage"></span>
+  <span style="background-image: url('{{ $achievementImageSm }}');" class="d-none" id="SmallImage" active="true"></span>
+<span  style="background-image: url('{{ $achievementImageLg }}');" class="d-none" id="LargeImage"></span>
 </div>
@@ -4,17 +4,24 @@
 {{ end }}

 <div class="container-fluid anchor pb-5 education-section education-alt" id="{{ $sectionID }}">
-    {{ if not (.section.hideTitle) }}
-    <h1 class="text-center">{{ .section.name }}</h1>
-    {{ end }}
+  {{ if not (.section.hideTitle) }}
+    <h1 class="text-center">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ end }}

-    <div class="container">
-        <table class="education-info-table">
-            <tbody>
-                {{ range .degrees}}
-                <tr>
-                    <td class="icon">
-                        <div class="hline"></div>
+  <div class="container">
+    <table class="education-info-table">
+        <tbody>
+            {{ $count := len .degrees }}
+            {{ range .degrees}}
+            <tr>
+                <td class="icon">
+                    {{ if gt $count 1}}
+                    <div class="hline"></div>
+                    {{ end }}
                        <div class="icon-holder">
                            <i class="fas {{ .icon }}"></i>
                        </div>
@@ -115,4 +122,4 @@
            </tbody>
        </table>
    </div>
-</div>
+</div>
@@ -4,18 +4,24 @@
 {{ end }}

 <div class="container-fluid anchor pb-5 education-section">
-    {{ if not (.section.hideTitle) }}
+  {{ if not (.section.hideTitle) }}
    <h1 class="text-center">
        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
-    {{ end }}
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ end }}

-    <div class="container">
-        <table class="education-info-table">
-            <tbody>
-                {{ range .degrees}}
-                <tr>
-                    <td class="icon">
-                        <div class="hline"></div>
+  <div class="container">
+    <table class="education-info-table">
+        <tbody>
+            {{ $count := len .degrees }}
+            {{ range .degrees}}
+            <tr>
+                <td class="icon">
+                    {{ if gt $count 1}}
+                    <div class="hline"></div>
+                    {{ end }}
                        <div class="icon-holder">
                            <i class="fas {{ .icon }}"></i>
                        </div>
@@ -107,4 +113,4 @@
            </tbody>
        </table>
    </div>
-</div>
+</div>
@@ -6,8 +6,10 @@
 <div class="container-fluid anchor pb-5 experiences-section">
  {{ if not (.section.hideTitle) }}
    <h1 class="text-center">
-      <span id="{{ $sectionID }}"></span>{{ .section.name }}
-    </h1>
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
  {{ end }}

  <div class="container timeline text-justify">
@@ -29,4 +31,4 @@
     {{ end }}
   {{ end }}
  </div>
-</div>
+</div>
@@ -1,5 +1,5 @@
 {{ if gt (len .positions) 1 }}
-  {{ partial "sections/experiences/multiple-positions" . }}
+  {{ partial "sections/experiences/multiple-positions.html" . }}
 {{ else }}
  {{ partial "sections/experiences/single-position.html" . }}
 {{ end }}
@@ -12,10 +12,12 @@
    <!-- Add company overview -->
    <p>{{ .company.overview | markdownify }}</p>
    <!-- Add the responsibilities handled at this position -->
+    {{ if $position.responsibilities }}
    <h6 class="text-muted">{{ i18n "responsibilities" }}</h6>
    <ul class="justify-content-around">
    {{ range $position.responsibilities }}
        <li>{{ . | markdownify }}</li>
    {{ end }}
    </ul>
+    {{ end }}
 </div>
@@ -77,28 +77,27 @@
  <style>
    /* 0 to 299 */
    #homePageBackgroundImageDivStyled {
-      /*background-image: url('{{ $tiny.RelPermalink }}'); This does not work on https://themes.gohugo.io/ */
-      background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $tiny.RelPermalink }}');
+      background-image: url('{{ $tiny.RelPermalink }}');
    }
    /* 300 to X */
    @media (min-width: 500px) and (max-width: 800px) { /* or 301 if you want really the same as previously.  */
      #homePageBackgroundImageDivStyled {   
-          background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $small.RelPermalink }}');
+          background-image: url('{{ $small.RelPermalink }}');
        }
    }
    @media (min-width: 801px) and (max-width: 1200px) { /* or 301 if you want really the same as previously.  */
      #homePageBackgroundImageDivStyled {   
-          background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $medium.RelPermalink }}');
+          background-image: url('{{ $medium.RelPermalink }}');
        }
    }
    @media (min-width: 1201px) and (max-width: 1500px) { /* or 301 if you want really the same as previously.  */
      #homePageBackgroundImageDivStyled {   
-          background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $large.RelPermalink }}');
+          background-image: url('{{ $large.RelPermalink }}');
        }
    }
    @media (min-width: 1501px) { /* or 301 if you want really the same as previously.  */
      #homePageBackgroundImageDivStyled {   
-          background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $src.RelPermalink }}');
+          background-image: url('{{ $src.RelPermalink }}');
        }
    }
    </style>
@@ -133,7 +132,7 @@
        {{ if .section.id }}
          {{ $sectionID = .section.id }}
        {{ end }}
-        <a href="#{{ $sectionID }}" aria-label="{{ i18n "read" }} {{ i18n "more" }} - {{ $name }}"><i class="arrow bounce fa fa-chevron-down"></i></a>
+        <a href="#{{ $sectionID }}" class="arrow-center" aria-label="{{ i18n "read" }} {{ i18n "more" }} - {{ $name }}"><i class="arrow bounce fa fa-chevron-down"></i></a>
      {{ end }}
    {{ end }}
  </div>
@@ -5,12 +5,16 @@

 <div class="container-fluid anchor pb-5 projects-section" id="{{ $sectionID }}">
  {{ if not (.section.hideTitle) }}
-    <h1 class="text-center">{{ .section.name }}</h1>
+    <h1 class="text-center">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
  {{ end }}
  <div class="container ml-auto text-center">
    <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
      {{ range .buttons }}
-      <button type="button" class="btn btn-dark" data-filter="{{ .filter }}">
+      <button type="button" class="btn btn-dark project-filtr-control" data-filter="{{ .filter }}">
        {{ .name }}
      </button>
      {{ end }}
@@ -0,0 +1,30 @@
+{{ $sectionID := replace (lower .section.name) " " "-"  }}
+{{ if .section.id }}
+  {{ $sectionID = .section.id }}
+{{ end }}
+
+<div class="container-fluid anchor pb-5 publications-section" id="{{ $sectionID }}">
+  {{ if not (.section.hideTitle) }}
+    <h1 class="text-center">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ end }}
+  <div class="container ml-auto text-center">
+    <div class="btn-group flex-wrap" role="pub-group" id="publication-filter-buttons">
+      {{ range .buttons }}
+      <button type="button" class="btn btn-dark pub-filtr-control" data-filter="pub-{{ .filter }}">
+        {{ .name }}
+      </button>
+      {{ end }}
+    </div>
+  </div>
+  <div class="container filtr-publications">
+    <div class="row" id="publication-card-holder">
+      {{ range .publications }}
+        {{ partial "cards/publication" . }}
+      {{ end }}
+    </div>
+  </div>
+</div>
@@ -12,7 +12,10 @@
 <div class="container-fluid anchor pb-5 recent-posts-section">
  {{ if not (.section.hideTitle) }}
    <h1 class="text-center">
-      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
  {{ end }}
  <div class="container">
    <div class="row" id="recent-post-cards">
@@ -21,4 +24,13 @@
      {{ end }}
    </div>
  </div>
+  {{ if (.section.showMoreButton) }}
+  <div class="container" style="
+  display: flex;
+  align-items: center;
+  justify-content: center;">
+    <a href="/posts/" title="Show More" class="float-right btn btn-outline-info btn-sm" >
+    {{ i18n "show_more"}}</a>
+  </div>
+  {{ end }}
 </div>
@@ -6,7 +6,10 @@
 <div class="container-fluid anchor pb-5 skills-section">
  {{ if not (.section.hideTitle) }}
    <h1 class="text-center">
-      <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
+  {{ else }}
+    <h1 class="text-center" style="display: none">
+        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
  {{ end }}
  <div class="container d-flex-block">
    <div class="row" id="primary-skills">
@@ -1,17 +0,0 @@
-<!-- valine -->
-<div id="vcomments"></div>
-<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
-<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
-<script type="text/javascript">
-  new Valine({
-    el: "#vcomments",
-    appId: "{{ .valine.appId }}",
-    appKey: "{{ .valine.appKey }}",
-    avatar: "{{ .valine.avatar }}",
-    placeholder: "{{ .valine.placeholder }}",
-    visitor: "{{ .valine.visitor }}",
-    lang: "{{ .valine.lang }}",
-    recordIP: "{{ .valine.recordIP }}",
-    enableQQ: "{{ .valine.enableQQ }}",
-  });
-</script>
@@ -0,0 +1,221 @@
+<!--
+
+SPDX-License-Identifier: MIT
+
+This shortcut was originally taken from: https://github.com/anvithks/hugo-embed-pdf-shortcode,
+where it is available under the MIT License, where it was originally created by https://github.com/anvithks
+
+Since the project seems discontinued, it has been re-created here
+-->
+
+<!-- Load the PDF-JS from the local folder (should be updated over time) -->
+<script src= '/js/pdf-js/build/pdf.js'></script>
+
+<!-- Set the navigation menu -->
+<div id="paginator">
+    <button id="prev">Previous</button>
+    <button id="next">Next</button>
+    &nbsp; &nbsp;
+    <span>Page: <span id="page_num"></span> / <span id="page_count"></span></span>
+</div>
+
+<!-- And the canvas where the PDF will load -->
+<div id="embed-pdf-container">
+    <div id="loadingWrapper">
+      <div id="loading"></div>
+    </div>
+    <canvas id="the-canvas"></canvas>
+</div>
+
+<!-- This script gets the PDF, sets it and passes it on to the already-loaded pdf-js -->
+<script type="text/javascript">
+window.onload = function() {
+// If absolute URL from the remote server is provided, configure the CORS
+// header on that server.
+var url = "{{.Site.BaseURL}}" + '{{ .Get "src" }}';
+
+var hidePaginator = "{{ .Get "hidePaginator" }}" === "true";
+var hideLoader = "{{ .Get "hideLoader" }}" === "true";
+var selectedPageNum = parseInt("{{ .Get "renderPageNum" }}") || 1;
+
+// Loaded via <script> tag, create shortcut to access PDF.js exports.
+var pdfjsLib = window['pdfjs-dist/build/pdf'];
+
+// The workerSrc property shall be specified.
+pdfjsLib.GlobalWorkerOptions.workerSrc = "{{.Site.BaseURL}}" + '/js/pdf-js/build/pdf.worker.js';
+
+// Change the Scale value for lower or higher resolution.
+var pdfDoc = null,
+    pageNum = selectedPageNum,
+    pageRendering = false,
+    pageNumPending = null,
+    scale = 3,
+    canvas = document.getElementById('the-canvas'),
+    ctx = canvas.getContext('2d'),
+    paginator = document.getElementById("paginator"),
+    loadingWrapper = document.getElementById('loadingWrapper');
+
+
+// Attempt to show paginator and loader if enabled
+showPaginator();
+showLoader();
+
+/**
+ * Get page info from document, resize canvas accordingly, and render page.
+ * @param num Page number.
+ */
+function renderPage(num) {
+  pageRendering = true;
+  // Using promise to fetch the page
+  pdfDoc.getPage(num).then(function(page) {
+    var viewport = page.getViewport({scale: scale});
+    canvas.height = viewport.height;
+    canvas.width = viewport.width;
+
+    // Render PDF page into canvas context
+    var renderContext = {
+      canvasContext: ctx,
+      viewport: viewport
+    };
+    var renderTask = page.render(renderContext);
+
+    // Wait for rendering to finish
+    renderTask.promise.then(function() {
+      pageRendering = false;
+      showContent();
+
+      if (pageNumPending !== null) {
+        // New page rendering is pending
+        renderPage(pageNumPending);
+        pageNumPending = null;
+      }
+    });
+  });
+
+  // Update page counters
+  document.getElementById('page_num').textContent = num;
+}
+
+/**
+ * Hides loader and shows canvas
+ */
+function showContent() {
+  loadingWrapper.style.display = 'none';
+  canvas.style.display = 'block';
+}
+
+/**
+ * If we haven't disabled the loader, show loader and hide canvas
+ */
+function showLoader() {
+  if(hideLoader) return
+  loadingWrapper.style.display = 'flex';
+  canvas.style.display = 'none';
+}
+
+/**
+ * If we haven't disabled the paginator, show paginator
+ */
+function showPaginator() {
+  if(hidePaginator) return
+  paginator.style.display = 'block';
+}
+
+/**
+ * If another page rendering in progress, waits until the rendering is
+ * finished. Otherwise, executes rendering immediately.
+ */
+function queueRenderPage(num) {
+  if (pageRendering) {
+    pageNumPending = num;
+  } else {
+    renderPage(num);
+  }
+}
+
+/**
+ * Displays previous page.
+ */
+function onPrevPage() {
+  if (pageNum <= 1) {
+    return;
+  }
+  pageNum--;
+  queueRenderPage(pageNum);
+}
+document.getElementById('prev').addEventListener('click', onPrevPage);
+
+/**
+ * Displays next page.
+ */
+function onNextPage() {
+  if (pageNum >= pdfDoc.numPages) {
+    return;
+  }
+  pageNum++;
+  queueRenderPage(pageNum);
+}
+document.getElementById('next').addEventListener('click', onNextPage);
+
+/**
+ * Asynchronously downloads PDF.
+ */
+pdfjsLib.getDocument(url).promise.then(function(pdfDoc_) {
+  pdfDoc = pdfDoc_;
+  var numPages = pdfDoc.numPages;
+  document.getElementById('page_count').textContent = numPages;
+
+  // If the user passed in a number that is out of range, render the last page.
+  if(pageNum > numPages) {
+    pageNum = numPages
+  }
+
+  // Initial/first page rendering
+  renderPage(pageNum);
+});
+}
+
+</script>
+
+<!-- Finally, make the canvas more beautiful -->
+<style>
+#the-canvas {
+  border: 1px solid black;
+  direction: ltr;
+  width: 100%;
+  height: auto;
+  display: none;
+}
+
+#paginator {
+  display: none;
+  text-align: center;
+  margin-bottom: 10px;
+}
+
+#loadingWrapper {
+  display: none;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 350px;
+}
+
+#loading {
+  display: inline-block;
+  width: 50px;
+  height: 50px;
+  border: 3px solid #d2d0d0;;
+  border-radius: 50%;
+  border-top-color: #383838;
+  animation: spin 1s ease-in-out infinite;
+  -webkit-animation: spin 1s ease-in-out infinite;
+}
+
+@keyframes spin {
+  to { -webkit-transform: rotate(360deg); }
+}
+@-webkit-keyframes spin {
+  to { -webkit-transform: rotate(360deg); }
+}
+</style>
@@ -0,0 +1,13 @@
+{{ $alignment:= .Get "align"}}
+{{ if not $alignment }}
+    {{ $alignment = "center"}}
+{{ end }}
+
+{{ $background:= .Get "background" }}
+{{ if not $background }}
+    {{ $background = "none"}}
+{{ end }}
+
+<div class="mermaid" align="{{ $alignment }}" style="background-color: {{ $background }}; border-radius: 5px;">
+    {{ safeHTML .Inner }}
+</div>
@@ -20,7 +20,7 @@
    <div class="sidebar-holder">
      <div class="sidebar" id="sidebar">
        <form class="mx-auto" method="get" action="{{ "search" | relLangURL }}">
-          <input type="text" name="keyword" value="" placeholder="Search" data-search="" id="search-box" />
+          <input type="text" name="keyword" value="" placeholder="{{ i18n "search" }}" data-search="" id="search-box" />
        </form>
        <div class="sidebar-tree">
          <ul class="tree" id="tree">
@@ -8,8 +8,8 @@
      "version": "1.0.0",
      "license": "MIT",
      "devDependencies": {
-        "autoprefixer": "^10.4.2",
-        "postcss": "^8.4.5",
+        "autoprefixer": "^10.4.13",
+        "postcss": "^8.4.18",
        "postcss-cli": "^8.3.1"
      }
    },
@@ -104,14 +104,24 @@
      }
    },
    "node_modules/autoprefixer": {
-      "version": "10.4.2",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.2.tgz",
-      "integrity": "sha512-9fOPpHKuDW1w/0EKfRmVnxTDt8166MAnLI3mgZ1JCnhNtYWxcJ6Ud5CO/AVOZi/AvFa8DY9RTy3h3+tFBlrrdQ==",
+      "version": "10.4.13",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
+      "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==",
      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        }
+      ],
      "dependencies": {
-        "browserslist": "^4.19.1",
-        "caniuse-lite": "^1.0.30001297",
-        "fraction.js": "^4.1.2",
+        "browserslist": "^4.21.4",
+        "caniuse-lite": "^1.0.30001426",
+        "fraction.js": "^4.2.0",
        "normalize-range": "^0.1.2",
        "picocolors": "^1.0.0",
        "postcss-value-parser": "^4.2.0"
@@ -122,10 +132,6 @@
      "engines": {
        "node": "^10 || ^12 || >=14"
      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
      "peerDependencies": {
        "postcss": "^8.1.0"
      }
@@ -152,37 +158,48 @@
      }
    },
    "node_modules/browserslist": {
-      "version": "4.19.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.1.tgz",
-      "integrity": "sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A==",
+      "version": "4.21.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
+      "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        }
+      ],
      "dependencies": {
-        "caniuse-lite": "^1.0.30001286",
-        "electron-to-chromium": "^1.4.17",
-        "escalade": "^3.1.1",
-        "node-releases": "^2.0.1",
-        "picocolors": "^1.0.0"
+        "caniuse-lite": "^1.0.30001400",
+        "electron-to-chromium": "^1.4.251",
+        "node-releases": "^2.0.6",
+        "update-browserslist-db": "^1.0.9"
      },
      "bin": {
        "browserslist": "cli.js"
      },
      "engines": {
        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/browserslist"
      }
    },
    "node_modules/caniuse-lite": {
-      "version": "1.0.30001299",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001299.tgz",
-      "integrity": "sha512-iujN4+x7QzqA2NCSrS5VUy+4gLmRd4xv6vbBBsmfVqTx8bLAD8097euLqQgKxSVLvxjSDcvF1T/i9ocgnUFexw==",
+      "version": "1.0.30001427",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001427.tgz",
+      "integrity": "sha512-lfXQ73oB9c8DP5Suxaszm+Ta2sr/4tf8+381GkIm1MLj/YdLf+rEDyDSRCzeltuyTVGm+/s18gdZ0q+Wmp8VsQ==",
      "dev": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/browserslist"
-      }
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        }
+      ]
    },
    "node_modules/chalk": {
      "version": "4.1.2",
@@ -278,9 +295,9 @@
      }
    },
    "node_modules/electron-to-chromium": {
-      "version": "1.4.33",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.33.tgz",
-      "integrity": "sha512-OVK1Ad3pHnmuXPhEfq85X8vUKr1UPNHryBnbKnyLcAfh8dPwoFjoDhDlP5KpPJIiymvSucZs48UBrE1250IxOw==",
+      "version": "1.4.270",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.270.tgz",
+      "integrity": "sha512-KNhIzgLiJmDDC444dj9vEOpZEgsV96ult9Iff98Vanumn+ShJHd5se8aX6KeVxdc0YQeqdrezBZv89rleDbvSg==",
      "dev": true
    },
    "node_modules/emoji-regex": {
@@ -336,9 +353,9 @@
      }
    },
    "node_modules/fraction.js": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.1.2.tgz",
-      "integrity": "sha512-o2RiJQ6DZaR/5+Si0qJUIy637QMRudSi9kU/FFzx9EZazrIdnBgpU+3sEWCxAVhH2RtxW2Oz+T4p2o8uOPVcgA==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
+      "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
      "dev": true,
      "engines": {
        "node": "*"
@@ -603,9 +620,9 @@
      }
    },
    "node_modules/nanoid": {
-      "version": "3.1.30",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz",
-      "integrity": "sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
      "dev": true,
      "bin": {
        "nanoid": "bin/nanoid.cjs"
@@ -615,9 +632,9 @@
      }
    },
    "node_modules/node-releases": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
-      "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz",
+      "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==",
      "dev": true
    },
    "node_modules/normalize-path": {
@@ -675,21 +692,27 @@
      }
    },
    "node_modules/postcss": {
-      "version": "8.4.5",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-      "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
+      "version": "8.4.18",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
+      "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==",
      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        }
+      ],
      "dependencies": {
-        "nanoid": "^3.1.30",
+        "nanoid": "^3.3.4",
        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.1"
+        "source-map-js": "^1.0.2"
      },
      "engines": {
        "node": "^10 || ^12 || >=14"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
      }
    },
    "node_modules/postcss-cli": {
@@ -888,9 +911,9 @@
      }
    },
    "node_modules/source-map-js": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz",
-      "integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
      "dev": true,
      "engines": {
        "node": ">=0.10.0"
@@ -955,6 +978,32 @@
        "node": ">= 10.0.0"
      }
    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.9.tgz",
+      "integrity": "sha512-/xsqn21EGVdXI3EXSum1Yckj3ZVZugqyOZQ/CxYPBD/R+ko9NSUScf8tFF4dOKY+2pvSSJA/S+5B8s4Zr4kyvg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "browserslist-lint": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
    "node_modules/wrap-ansi": {
      "version": "7.0.0",
      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
@@ -1083,14 +1132,14 @@
      "dev": true
    },
    "autoprefixer": {
-      "version": "10.4.2",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.2.tgz",
-      "integrity": "sha512-9fOPpHKuDW1w/0EKfRmVnxTDt8166MAnLI3mgZ1JCnhNtYWxcJ6Ud5CO/AVOZi/AvFa8DY9RTy3h3+tFBlrrdQ==",
+      "version": "10.4.13",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
+      "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==",
      "dev": true,
      "requires": {
-        "browserslist": "^4.19.1",
-        "caniuse-lite": "^1.0.30001297",
-        "fraction.js": "^4.1.2",
+        "browserslist": "^4.21.4",
+        "caniuse-lite": "^1.0.30001426",
+        "fraction.js": "^4.2.0",
        "normalize-range": "^0.1.2",
        "picocolors": "^1.0.0",
        "postcss-value-parser": "^4.2.0"
@@ -1112,22 +1161,21 @@
      }
    },
    "browserslist": {
-      "version": "4.19.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.1.tgz",
-      "integrity": "sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A==",
+      "version": "4.21.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.4.tgz",
+      "integrity": "sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw==",
      "dev": true,
      "requires": {
-        "caniuse-lite": "^1.0.30001286",
-        "electron-to-chromium": "^1.4.17",
-        "escalade": "^3.1.1",
-        "node-releases": "^2.0.1",
-        "picocolors": "^1.0.0"
+        "caniuse-lite": "^1.0.30001400",
+        "electron-to-chromium": "^1.4.251",
+        "node-releases": "^2.0.6",
+        "update-browserslist-db": "^1.0.9"
      }
    },
    "caniuse-lite": {
-      "version": "1.0.30001299",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001299.tgz",
-      "integrity": "sha512-iujN4+x7QzqA2NCSrS5VUy+4gLmRd4xv6vbBBsmfVqTx8bLAD8097euLqQgKxSVLvxjSDcvF1T/i9ocgnUFexw==",
+      "version": "1.0.30001427",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001427.tgz",
+      "integrity": "sha512-lfXQ73oB9c8DP5Suxaszm+Ta2sr/4tf8+381GkIm1MLj/YdLf+rEDyDSRCzeltuyTVGm+/s18gdZ0q+Wmp8VsQ==",
      "dev": true
    },
    "chalk": {
@@ -1204,9 +1252,9 @@
      }
    },
    "electron-to-chromium": {
-      "version": "1.4.33",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.33.tgz",
-      "integrity": "sha512-OVK1Ad3pHnmuXPhEfq85X8vUKr1UPNHryBnbKnyLcAfh8dPwoFjoDhDlP5KpPJIiymvSucZs48UBrE1250IxOw==",
+      "version": "1.4.270",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.270.tgz",
+      "integrity": "sha512-KNhIzgLiJmDDC444dj9vEOpZEgsV96ult9Iff98Vanumn+ShJHd5se8aX6KeVxdc0YQeqdrezBZv89rleDbvSg==",
      "dev": true
    },
    "emoji-regex": {
@@ -1253,9 +1301,9 @@
      }
    },
    "fraction.js": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.1.2.tgz",
-      "integrity": "sha512-o2RiJQ6DZaR/5+Si0qJUIy637QMRudSi9kU/FFzx9EZazrIdnBgpU+3sEWCxAVhH2RtxW2Oz+T4p2o8uOPVcgA==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
+      "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
      "dev": true
    },
    "fs-extra": {
@@ -1447,15 +1495,15 @@
      }
    },
    "nanoid": {
-      "version": "3.1.30",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.30.tgz",
-      "integrity": "sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
      "dev": true
    },
    "node-releases": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz",
-      "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==",
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz",
+      "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg==",
      "dev": true
    },
    "normalize-path": {
@@ -1495,14 +1543,14 @@
      "dev": true
    },
    "postcss": {
-      "version": "8.4.5",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
-      "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
+      "version": "8.4.18",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.18.tgz",
+      "integrity": "sha512-Wi8mWhncLJm11GATDaQKobXSNEYGUHeQLiQqDFG1qQ5UTDPTEvKw0Xt5NsTpktGTwLps3ByrWsBrG0rB8YQ9oA==",
      "dev": true,
      "requires": {
-        "nanoid": "^3.1.30",
+        "nanoid": "^3.3.4",
        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.1"
+        "source-map-js": "^1.0.2"
      }
    },
    "postcss-cli": {
@@ -1620,9 +1668,9 @@
      "dev": true
    },
    "source-map-js": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.1.tgz",
-      "integrity": "sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
      "dev": true
    },
    "string-width": {
@@ -1669,6 +1717,16 @@
      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
      "dev": true
    },
+    "update-browserslist-db": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.9.tgz",
+      "integrity": "sha512-/xsqn21EGVdXI3EXSum1Yckj3ZVZugqyOZQ/CxYPBD/R+ko9NSUScf8tFF4dOKY+2pvSSJA/S+5B8s4Zr4kyvg==",
+      "dev": true,
+      "requires": {
+        "escalade": "^3.1.1",
+        "picocolors": "^1.0.0"
+      }
+    },
    "wrap-ansi": {
      "version": "7.0.0",
      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
@@ -8,17 +8,17 @@
  },
  "repository": {
    "type": "git",
-    "url": "git+https://github.com/hossainemruz/toha.git"
+    "url": "git+https://github.com/hugo-toha/toha.git"
  },
  "author": "Emruz Hossain",
  "license": "MIT",
  "bugs": {
-    "url": "https://github.com/hossainemruz/toha/issues"
+    "url": "https://github.com/hugo-toha/toha/issues"
  },
-  "homepage": "https://github.com/hossainemruz/toha#readme",
+  "homepage": "https://github.com/hugo-toha/toha#readme",
  "devDependencies": {
-    "autoprefixer": "^10.4.2",
-    "postcss": "^8.4.5",
+    "autoprefixer": "^10.4.13",
+    "postcss": "^8.4.18",
    "postcss-cli": "^8.3.1"
  }
 }
@@ -0,0 +1,20 @@
+/* Note: No need to invert when the screen is small because the navbar is
+   collapsed to a hamburger menu. */
+@media only screen and (min-width: 1200px) {
+  .dynamic-navbar .navbar-icon-svg-dark {
+    filter: invert(1);
+  };
+}
+
+@media only screen and (min-width: 1200px) {
+  .dropdown-menu-icons-only {
+    width: 25px;
+    min-width: 3rem;
+  }
+}
+
+.menu-icon-center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
@@ -67,7 +67,6 @@
 }

 .paginator {
-  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
@@ -91,7 +90,6 @@
  margin-right: auto;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
-  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
 }
@@ -174,7 +174,7 @@ img.right {
  margin-right: 3px;
 }

-/* ====== codeblocks ====== */
+/* ====== table ====== */
 table {
  border-radius: 0.1rem;
  background: #e5e9f2;
@@ -206,12 +206,46 @@ tbody tr:hover {
  background: #c0ccda;
 }

+/* ====== don't apply css to tables inside gist ====== */
+.gist table {
+  border-radius: unset;
+  background: unset;
+  border: unset;
+  padding: unset;
+}
+
+.gist table tr {
+  height: unset !important;
+}
+
+.gist table th,
+td {
+  padding: unset;
+  border-left: unset;
+  border-bottom: unset;
+}
+
+.gist table thead tr {
+  background: unset;
+  color: unset;
+}
+
+.gist tbody tr:nth-child(odd) {
+  background-color: unset;
+}
+
+.gist tbody tr:hover {
+  background: unset;
+}
+
+.gist table td, .gist table tc{
+  border-right: 1px solid #eee;
+}
+
 figure {
  border: 1px solid #c0ccda;
-  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
-  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
@@ -276,7 +310,6 @@ mark {

 /* ======= Paginator ========= */
 .paginator {
-  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
@@ -408,7 +441,8 @@ mark {

@media only screen and (max-width: 576px) {
  .skills-section .container,
-  .projects-section .container {
+  .projects-section .container,
+  .publications-section .container {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
@@ -421,7 +455,8 @@ mark {
  .skills-section,
  .projects-section,
  .recent-posts-section,
-  .achievements-section {
+  .achievements-section,
+  .publications-section {
    padding-left: 0;
    padding-right: 0;
  }
@@ -37,7 +37,6 @@ body {
 }

 .toc-holder {
-  position: -webkit-sticky;
  position: sticky;
  top: 4.5rem;
  overflow-x: hidden;
@@ -308,6 +307,8 @@ h6 {
  list-style-type: none;
  display: inline-block;
  background: #248aaa;
+  margin-left: 0.2em;
+  margin-right: 0.2em;
 }

 .taxonomy-terms a {
@@ -437,7 +438,6 @@ h6 {
  .toc-section {
    order: 2;
    width: 100%;
-    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 0;
@@ -450,7 +450,6 @@ h6 {
    position: relative;
    /* height: fit-content; */
    flex: 100%;
-    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 200vh;
@@ -167,7 +167,6 @@
 /* IPad Pro */
@media (max-width: 1024px) {
  .top-navbar {
-    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 0px;
@@ -8,7 +8,6 @@

 .sidebar-holder {
  top: 2.5rem;
-  position: -webkit-sticky;
  position: sticky;
  background-color: #f9fafc;
  height: 100vh;
@@ -26,7 +25,6 @@
 .sidebar-tree {
  padding-left: 1rem;
  position: relative;
-  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
 }
@@ -192,7 +190,6 @@ a.focused {
    transition: all ease-out 0.3s;
  }
  .sidebar-holder {
-    position: -webkit-sticky;
    position: sticky;
    top: 2.5rem;
    width: 100%;
@@ -222,7 +219,6 @@ a.focused {
    transition: all ease-out 0.3s;
  }
  .sidebar-holder {
-    position: -webkit-sticky;
    position: sticky;
    top: 2.5rem;
    width: 100%;
@@ -250,7 +246,6 @@ a.focused {
  .sidebar-section.hide {
    margin-top: 2rem;
    position: relative;
-    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    flex: none;
@@ -261,7 +256,6 @@ a.focused {

  .sidebar-holder {
    max-height: 0;
-    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
@@ -276,10 +270,8 @@ a.focused {

  .sidebar {
    position: relative;
-    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
-    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    width: 100vw;
@@ -76,13 +76,13 @@
  border-bottom-left-radius: 80px;
  border-right: 0;
  transform-origin: center right;
-  -webkit-animation: circular-loading-1 1.8s linear forwards;
-          animation: circular-loading-1 1.8s linear forwards;
+  animation: circular-loading-1 1.8s linear forwards;
 }

 .circular-progress .circular-progress-value {
  width: 90%;
  height: 90%;
+  padding: 1rem;
  border-radius: 50%;
  background: #3c4858;
  font-size: 1rem;
@@ -122,67 +122,47 @@
 }

 .circular-progress-percentage-50 {
-  -webkit-animation: circular-loading-50 0s linear forwards 1.8s;
-          animation: circular-loading-50 0s linear forwards 1.8s;
+  animation: circular-loading-50 0s linear forwards 1.8s;
 }

 .circular-progress-percentage-55 {
-  -webkit-animation: circular-loading-55 0.18s linear forwards 1.8s;
-          animation: circular-loading-55 0.18s linear forwards 1.8s;
+  animation: circular-loading-55 0.18s linear forwards 1.8s;
 }

 .circular-progress-percentage-60 {
-  -webkit-animation: circular-loading-60 0.36s linear forwards 1.8s;
-          animation: circular-loading-60 0.36s linear forwards 1.8s;
+  animation: circular-loading-60 0.36s linear forwards 1.8s;
 }

 .circular-progress-percentage-65 {
-  -webkit-animation: circular-loading-65 0.54s linear forwards 1.8s;
-          animation: circular-loading-65 0.54s linear forwards 1.8s;
+  animation: circular-loading-65 0.54s linear forwards 1.8s;
 }

 .circular-progress-percentage-70 {
-  -webkit-animation: circular-loading-70 0.72s linear forwards 1.8s;
-          animation: circular-loading-70 0.72s linear forwards 1.8s;
+  animation: circular-loading-70 0.72s linear forwards 1.8s;
 }

 .circular-progress-percentage-75 {
-  -webkit-animation: circular-loading-75 0.9s linear forwards 1.8s;
-          animation: circular-loading-75 0.9s linear forwards 1.8s;
+  animation: circular-loading-75 0.9s linear forwards 1.8s;
 }

 .circular-progress-percentage-80 {
-  -webkit-animation: circular-loading-80 1.08s linear forwards 1.8s;
-          animation: circular-loading-80 1.08s linear forwards 1.8s;
+  animation: circular-loading-80 1.08s linear forwards 1.8s;
 }

 .circular-progress-percentage-85 {
-  -webkit-animation: circular-loading-85 1.26s linear forwards 1.8s;
-          animation: circular-loading-85 1.26s linear forwards 1.8s;
+  animation: circular-loading-85 1.26s linear forwards 1.8s;
 }

 .circular-progress-percentage-90 {
-  -webkit-animation: circular-loading-90 1.44s linear forwards 1.8s;
-          animation: circular-loading-90 1.44s linear forwards 1.8s;
+  animation: circular-loading-90 1.44s linear forwards 1.8s;
 }

 .circular-progress-percentage-95 {
-  -webkit-animation: circular-loading-95 1.62s linear forwards 1.8s;
-          animation: circular-loading-95 1.62s linear forwards 1.8s;
+  animation: circular-loading-95 1.62s linear forwards 1.8s;
 }

 .circular-progress-percentage-100 {
-  -webkit-animation: circular-loading-100 1.8s linear forwards 1.8s;
-          animation: circular-loading-100 1.8s linear forwards 1.8s;
-}
-
-@-webkit-keyframes circular-loading-50 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
+  animation: circular-loading-100 1.8s linear forwards 1.8s;
 }

@keyframes circular-loading-50 {
@@ -194,15 +174,6 @@
  }
 }

-@-webkit-keyframes circular-loading-55 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(18deg);
-  }
-}
-
@keyframes circular-loading-55 {
  0% {
    transform: rotate(0deg);
@@ -212,15 +183,6 @@
  }
 }

-@-webkit-keyframes circular-loading-60 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(36deg);
-  }
-}
-
@keyframes circular-loading-60 {
  0% {
    transform: rotate(0deg);
@@ -230,15 +192,6 @@
  }
 }

-@-webkit-keyframes circular-loading-65 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(54deg);
-  }
-}
-
@keyframes circular-loading-65 {
  0% {
    transform: rotate(0deg);
@@ -248,15 +201,6 @@
  }
 }

-@-webkit-keyframes circular-loading-70 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(72deg);
-  }
-}
-
@keyframes circular-loading-70 {
  0% {
    transform: rotate(0deg);
@@ -266,15 +210,6 @@
  }
 }

-@-webkit-keyframes circular-loading-75 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(90deg);
-  }
-}
-
@keyframes circular-loading-75 {
  0% {
    transform: rotate(0deg);
@@ -284,15 +219,6 @@
  }
 }

-@-webkit-keyframes circular-loading-80 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(108deg);
-  }
-}
-
@keyframes circular-loading-80 {
  0% {
    transform: rotate(0deg);
@@ -302,15 +228,6 @@
  }
 }

-@-webkit-keyframes circular-loading-85 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(126deg);
-  }
-}
-
@keyframes circular-loading-85 {
  0% {
    transform: rotate(0deg);
@@ -320,15 +237,6 @@
  }
 }

-@-webkit-keyframes circular-loading-90 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(144deg);
-  }
-}
-
@keyframes circular-loading-90 {
  0% {
    transform: rotate(0deg);
@@ -338,15 +246,6 @@
  }
 }

-@-webkit-keyframes circular-loading-95 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(162deg);
-  }
-}
-
@keyframes circular-loading-95 {
  0% {
    transform: rotate(0deg);
@@ -356,15 +255,6 @@
  }
 }

-@-webkit-keyframes circular-loading-100 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(180deg);
-  }
-}
-
@keyframes circular-loading-100 {
  0% {
    transform: rotate(0deg);
@@ -374,15 +264,6 @@
  }
 }

-@-webkit-keyframes circular-loading-1 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(180deg);
-  }
-}
-
@keyframes circular-loading-1 {
  0% {
    transform: rotate(0deg);
@@ -392,15 +273,6 @@
  }
 }

-@-webkit-keyframes circular-loading-2 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(144deg);
-  }
-}
-
@keyframes circular-loading-2 {
  0% {
    transform: rotate(0deg);
@@ -410,15 +282,6 @@
  }
 }

-@-webkit-keyframes circular-loading-3 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(90deg);
-  }
-}
-
@keyframes circular-loading-3 {
  0% {
    transform: rotate(0deg);
@@ -428,15 +291,6 @@
  }
 }

-@-webkit-keyframes circular-loading-4 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(36deg);
-  }
-}
-
@keyframes circular-loading-4 {
  0% {
    transform: rotate(0deg);
@@ -446,15 +300,6 @@
  }
 }

-@-webkit-keyframes circular-loading-5 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(126deg);
-  }
-}
-
@keyframes circular-loading-5 {
  0% {
    transform: rotate(0deg);
@@ -1,6 +1,7 @@
 .education-section .education-info-table {
  width: 100%;
  border: none;
+  background: none;
 }

 .education-section .education-info-table tr:hover {
@@ -12,6 +13,7 @@
 .education-section .education-info-table td {
  border: none;
  padding: 0;
+  background: none;
 }

 .education-section .timeframe {
@@ -21,8 +23,8 @@

 .education-section h1 > span{
  margin-top: -55px;  /* Size of fixed header */
-  padding-bottom:55px; 
-  display: block; 
+  padding-bottom:55px;
+  display: block;
 }

 .education-section .icon {
@@ -18,8 +18,13 @@
  background-size: cover;
 }

+.arrow-center {
+  display: flex;
+  justify-content: center;
+}
+
 /*
-  Resolves https://github.com/hossainemruz/toha/issues/70
+  Resolves https://github.com/hugo-toha/toha/issues/70

  fixed attached images use the whole <body> size. On mobile this can get really
  tall which blows your image out. Setting the attachment back to scroll allows
@@ -66,24 +71,7 @@
 }

 .bounce {
-  -webkit-animation: bounce 2s infinite;
-          animation: bounce 2s infinite;
-}
-
-@-webkit-keyframes bounce {
-  0%,
-  20%,
-  50%,
-  80%,
-  100% {
-    transform: translateY(0);
-  }
-  40% {
-    transform: translateY(-30px);
-  }
-  60% {
-    transform: translateY(-15px);
-  }
+  animation: bounce 2s infinite;
 }

@keyframes bounce {
@@ -0,0 +1,147 @@
+.publications-section h1 > span{
+  margin-top: -55px;  /* Size of fixed header */
+  padding-bottom:55px; 
+  display: block; 
+}
+
+.publications-section .card {
+  background: #fff;
+  border-top: 2px solid #248aaa;
+}
+.publications-section .card .card-header {
+  background: none;
+  border: none;
+  display: flex;
+  flex-direction: column;
+}
+
+.publications-section .card .card-header .sub-title {
+  color: #8392a5;
+  margin-top: 0.4rem;
+}
+
+.publications-section .card .sub-title :nth-child(2) {
+  float: right !important;
+}
+
+.publications-section .card .card-body {
+  padding: 0;
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.publications-section .card .card-footer {
+  background: #fff;
+  border: none;
+  padding: 0;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 0.3rem;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+
+.publications-section .card .card-footer .tags {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.publications-section .card .card-footer .tags .badge {
+  cursor: auto;
+}
+
+.filtr-publications {
+  padding: 1rem !important;
+}
+
+.publications-section .btn-group{
+  justify-content: center;
+}
+
+/* ============= Device specific fixes ======= */
+
+/* Large screens such as TV */
+@media only screen and (min-width: 1824px) {
+}
+
+/* Extra large devices (large desktops, 1200px and up) */
+
+@media (max-width: 1400px) {
+}
+
+@media (max-width: 1200px) {
+}
+
+/* IPad Pro */
+@media (max-width: 1024px) {
+  .publications-section {
+    padding-left: 0;
+    padding-right: 0;
+    width: 100%;
+  }
+  .publications-section .container {
+    max-width: 100%;
+  }
+  .publicationss-section .filtr-publications {
+    padding: 0;
+  }
+  .publicationss-section .pub-filtr-item {
+    padding-left: 0.2rem;
+    padding-right: 0.2rem;
+  }
+}
+
+/*  Large devices (desktops, 992px and up) */
+
+@media (max-width: 992px) {
+}
+
+/* Medium devices (tablets, 768px and up) */
+
+@media only screen and (max-width: 768px) {
+  .publications-section {
+    padding-left: 0;
+    padding-right: 0;
+    width: 100%;
+  }
+  .publications-section .container {
+    max-width: 100%;
+  }
+  .publications-section .filtr-publications {
+    padding: 0;
+  }
+  .publications-section .pub-filtr-item {
+    padding-left: 0.2rem;
+    padding-right: 0.2rem;
+    flex: 100%;
+  }
+}
+
+/* Small devices (landscape phones, 576px and up) */
+
+@media only screen and (max-width: 576px) {
+  .publications-section .btn {
+    margin-top: 0.3125rem;
+  }
+  .publications-section .pub-filtr-item {
+    flex: 100%;
+    max-width: 100%;
+  }
+  .publications-section .card .card-footer .tags {
+    flex: 100%;
+  }
+}
+
+/* iPhoneX, iPhone 6,7,8 */
+@media only screen and (max-width: 375px) {
+}
+
+/* Galaxy S5, Moto G4 */
+@media only screen and (max-width: 360px) {
+}
+
+/* iPhone 5 or before */
+@media only screen and (max-width: 320px) {
+}
@@ -1,6 +1,5 @@
 .skills-section .card .card-head {
  background-color: #f9fafc;
-  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.7rem;
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-ae" viewBox="0 0 512 512"><path fill="#00732f" d="M0 0h512v170.7H0z"/><path fill="#fff" d="M0 170.7h512v170.6H0z"/><path d="M0 341.3h512V512H0z"/><path fill="red" d="M0 0h180v512H0z"/></svg>
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-ag" viewBox="0 0 512 512"><defs><clipPath id="a"><path fill="#25ff01" d="M109 47.6h464.8v464.9H109z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(-120 -52.4) scale(1.1014)"><path fill="#fff" d="M0 47.6h693V512H0z"/><path d="M1.5 48.2h690.9v196.2H1.5z"/><path fill="#0061ff" d="M128.3 232.1h458.5v103.4H128.3z"/><path fill="#e20000" d="M692.5 49.2v463.3H347L692.5 49.2zm-691.3 0v463.3h345.7L1.2 49.2z"/><path fill="#ffd600" d="m508.8 232.2-69.3-17.6 59-44.4-72.5 10.3 37.3-63-64.1 37.2 11.3-73.5-43.4 58-17.6-67.3-19.6 69.3-43.4-59 12.4 75.6-64.1-39.3 37.2 63-70.3-11.3 57.9 43.4-72.4 18.6h321.6z"/></g></svg>
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-al" viewBox="0 0 512 512"><path fill="red" d="M0 0h512v512H0z"/><path id="a" d="M204.9 99.5c-5 0-13.2 1.6-13 5.4-14-2.3-15.4 3.4-14.6 8.5 1.4-2 3-3.1 4.2-3.3 1.9-.3 3.8.3 5.8 1.5a23 23 0 0 1 5 4.4c-4.8 1.1-8.6.4-12.4-.3a17.6 17.6 0 0 1-6.1-2.5c-1.6-1.1-2.1-2.1-4.6-4.7-2.9-3-6-2.1-5 2.5 2.2 4.3 6 6.3 10.7 7 2.2.4 5.6 1.2 9.4 1.2 3.8 0 8.1-.5 10.5 0-1.4.8-3 2.4-6.2 3-3.2.6-8-2-11-2.6.4 2.5 3.5 4.8 9.7 6 10.2 2.2 18.7 4 24.3 7 5.6 3 9.1 6.8 11.6 9.8 5 6 5.3 10.5 5.6 11.5 1 9.5-2.2 14.8-8.4 16.4-3 .8-8.5-.7-10.5-3-2-2.4-4-6.4-3.4-12.7.5-2.5 3.4-9 1-10.3a291.6 291.6 0 0 0-34.4-16c-2.7-1.1-5 2.5-5.8 4A53.5 53.5 0 0 1 129 107c-4.6-8.1-12.1 0-10.9 7.7 2.1 8.6 8.6 14.8 16.5 19.2 8 4.5 18.1 8.8 28.3 8.6 5.5 1 5.5 8.2-1.1 9.5-13 0-23.2-.2-32.9-9.6-7.4-6.7-11.5 1.3-9.4 5.8 3.6 14 23.6 18 43.8 13.4 7.8-1.3 3.1 7 .9 7.2-8.4 6-23.5 12-36.8-.1-6.1-4.7-10.2-.7-8 6 6 17.5 28.5 13.8 44 5.2 4-2.2 7.6 3 2.7 6.9-19.2 13.4-28.9 13.6-37.6 8.4-10.8-4.3-11.8 7.8-5.3 11.8 7.2 4.4 25.4 1 38.9-7.4 5.7-4.2 6 2.4 2.3 5-15.9 13.8-22.2 17.5-38.8 15.2-8.2-.6-8 9.5-1.6 13.5 8.8 5.4 26.1-3.6 39.5-14.7 5.6-3 6.6 2 3.8 7.8a57.4 57.4 0 0 1-23.3 19.2 29.1 29.1 0 0 1-19.5.7c-6.2-2.2-7 4.2-3.6 10 2 3.5 10.6 4.7 19.7 1.4 9.2-3.2 19-10.8 25.7-19.8 6-5.1 5.2 1.8 2.5 6.7-13.5 21.3-25.9 29.2-42.1 27.9-7.3-1.2-8.9 4.4-4.3 9.6 8 6.7 18.2 6.4 27-.2a751 751 0 0 0 30.8-32.6c5.5-4.4 7.3 0 5.7 9-1.5 5.1-5.2 10.5-15.3 14.5-7 4-1.8 9.4 3.4 9.5 2.9 0 8.7-3.3 13-8.3 5.9-6.5 6.2-11 9.5-21.1 3-5 8.4-2.7 8.4 2.5-2.6 10.2-4.8 12-10 16.2-5.1 4.7 3.4 6.3 6.3 4.4 8.3-5.6 11.3-12.8 14.1-19.4 2-4.8 7.8-2.5 5.1 5.3-6.4 18.5-17 25.8-35.5 29.6-1.9.3-3 1.4-2.4 3.6l7.5 7.5c-11.5 3.3-20.8 5.2-32.2 8.5L142 300.6c-1.5-3.4-2.2-8.7-10.4-5-5.7-2.6-8.2-1.6-11.4 1 4.5.1 6.5 1.3 8.3 3.4 2.3 6 7.6 6.6 13 5 3.5 2.9 5.4 5.2 9 8.2l-17.8-.6c-6.3-6.7-11.3-6.3-15.8-1-3.5.5-5 .5-7.3 4.7 3.7-1.5 6-2 7.7-.3 6.6 3.9 11 3 14.3 0l18.7 1.1c-2.3 2-5.6 3.1-8 5.2-9.7-2.8-14.7 1-16.4 8.8a18.2 18.2 0 0 0-1.4 10c1-3.2 2.5-5.9 5.3-7.6 8.6 2.2 11.8-1.3 12.3-6.5 4.2-3.4 10.5-4.1 14.6-7.6 4.9 1.6 7.2 2.6 12.1 4.1 1.7 5.3 5.7 7.4 12 6 7.7.3 6.3 3.4 7 5.9 2-3.6 2-7-2.8-10.3-1.7-4.6-5.5-6.7-10.4-4-4.7-1.3-5.9-3.2-10.5-4.6 11.7-3.7 20-4.5 31.8-8.3 3 2.8 5.2 4.8 8.2 7.2 1.6 1 3 1.2 4 0 7.3-10.6 10.6-20 17.4-27 2.6-2.9 6-6.8 9.6-7.8 1.8-.4 4-.2 5.5 1.4 1.4 1.6 2.6 4.4 2 8.7-.6 6.2-2 8.2-3.8 11.8-1.7 3.7-3.9 6-6 8.8-4.4 5.7-10.1 9-13.5 11.2-6.8 4.4-9.7 2.5-15 2.2-6.7.8-8.5 4.1-3 8.7a21 21 0 0 0 13.7 2.3c3.3-.6 7-4.8 9.8-7 3-3.6 8.1.6 4.7 4.7-6.3 7.5-12.6 12.4-20.3 12.3-8.2 1-6.7 5.7-1.3 7.9 9.8 4 18.6-3.5 23-8.5 3.5-3.7 6-3.9 5.3 2-3.4 10.5-8.1 14.6-15.7 15.1-6.2-.5-6.3 4.2-1.7 7.5 10.3 7 17.7-5 21.2-12.4 2.5-6.6 6.3-3.5 6.7 2 0 7.3-3.2 13.2-12 20.7 6.7 10.7 14.5 21.7 21.3 32.5l20.5-228.2-20.5-36c-2.1-2-9.3-10.5-11.2-11.7-.7-.7-1.1-1.2-.1-1.6 1-.4 3.2-.8 4.8-1-4.4-4.4-8-5.8-16.3-8.2 2-.8 4-.3 9.9-.6a32.3 32.3 0 0 0-14.4-11c4.5-3 5.3-3.3 9.8-7-7.7-.6-14.3-2-20.8-4a41 41 0 0 0-12.8-3.7zm.7 9c4 0 6.6 1.4 6.6 3 0 1.7-2.5 3.1-6.6 3.1-4 0-6.6-1.5-6.6-3.2 0-1.7 2.6-3 6.6-3z"/><use width="100%" height="100%" transform="matrix(-1 0 0 1 512 0)" xlink:href="#a"/></svg>
--- a/Show More
+++ b/Show More
				`@@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-ae" viewBox="0 0 512 512"><path fill="#00732f" d="M0 0h512v170.7H0z"/><path fill="#fff" d="M0 170.7h512v170.6H0z"/><path d="M0 341.3h512V512H0z"/><path fill="red" d="M0 0h180v512H0z"/></svg>`
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-ag" viewBox="0 0 512 512"><defs><clipPath id="a"><path fill="#25ff01" d="M109 47.6h464.8v464.9H109z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#a)" transform="translate(-120 -52.4) scale(1.1014)"><path fill="#fff" d="M0 47.6h693V512H0z"/><path d="M1.5 48.2h690.9v196.2H1.5z"/><path fill="#0061ff" d="M128.3 232.1h458.5v103.4H128.3z"/><path fill="#e20000" d="M692.5 49.2v463.3H347L692.5 49.2zm-691.3 0v463.3h345.7L1.2 49.2z"/><path fill="#ffd600" d="m508.8 232.2-69.3-17.6 59-44.4-72.5 10.3 37.3-63-64.1 37.2 11.3-73.5-43.4 58-17.6-67.3-19.6 69.3-43.4-59 12.4 75.6-64.1-39.3 37.2 63-70.3-11.3 57.9 43.4-72.4 18.6h321.6z"/></g></svg>