Update and run autoprefixer (#653 )

Co-authored-by: kodiakhq[bot] <kodiakhq[bot]@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Bump actions/checkout from 3.0.2 to 3.1.0 (#654 )
2022-10-04 11:10:25 +00:00 · 2022-10-04 11:09:29 +00:00 · 2022-10-03 01:56:07 +00:00 · 2022-10-03 01:55:12 +00:00 · 2022-09-15 11:05:52 +00:00 · 2022-09-08 11:09:03 +00:00
84 changed files with 7174 additions and 516 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,7 +8,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout to latest commit
-        uses: actions/checkout@v3
+        uses: actions/checkout@v3.1.0

      - name: Setup Node
        uses: actions/setup-node@v3
@@ -21,7 +21,7 @@ jobs:
          npm run autoprefixer

      - name: Create Pull Request
-        uses: peter-evans/create-pull-request@v3.14.0
+        uses: peter-evans/create-pull-request@v4
        with:
          branch: autoprefixer
          branch-suffix: timestamp
@@ -9,7 +9,7 @@ jobs:
    runs-on: ubuntu-18.04
    steps:
    # checkout to the commit that has been pushed
-    - uses: actions/checkout@v2.4.0
+    - 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
@@ -39,11 +39,11 @@ jobs:

    steps:
    - name: Checkout repository
-      uses: actions/checkout@v3
+      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.19.0
+    - uses: release-drafter/release-drafter@v5.21.0
      env:
        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -8,6 +8,6 @@ jobs:
    runs-on: ubuntu-latest
    steps:
    # checkout to latest commit
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v3.1.0
    # run markdown linter
    - 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
@@ -34,6 +34,7 @@ A [Hugo](https://gohugo.io/) theme for a personal portfolio with minimalist desi
  - GoatCounter
  - counter.dev
  - Google Analytics
+  - Matomo/Piwik
 - Comment Support
  - [Disqus](https://disqus.com/)
  - [Valine](https://valine.js.org/)
@@ -56,7 +57,10 @@ For more details about the features please visit [here](https://toha-guides.netl
 - 日本語
 - 한국어
 - русский
+- suomi
 - Tiếng Việt
+- Turkish
+- Arabic (العربية)

 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).

@@ -144,6 +148,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.
@@ -239,13 +246,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,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 = "بحث"
@@ -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"
@@ -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,6 +119,7 @@ other = "Bekijk certificaat"
 other = "Opmerkingen"

 [disclaimer_text]
-other = "Haftungshinweis"
+other = "Aansprakelijkheidsverklaring"
+
 [search]
-other = "Zoekopdracht"
+other = "Zoek"
@@ -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"
@@ -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 = "更多的"
@@ -2,11 +2,11 @@
 {{- if .IsHome -}}{{ $pctx = .Site }}{{- end -}}
 {{- $pages := slice -}}
 {{- if $.IsHome -}}
-{{- $pages = $pctx.RegularPages -}}
+{{- $pages = sort $pctx.RegularPages "Date" "desc" -}}
 {{- else if $.IsSection -}}
-{{- $pages = $pctx.RegularPagesRecursive -}}
+{{- $pages = sort $pctx.RegularPagesRecursive "Date" "desc" -}}
 {{- else -}}
-{{- $pages = $pctx.RegularPagesRecursive -}}
+{{- $pages = sort $pctx.RegularPagesRecursive "Date" "desc" -}}
 {{- end -}}
 {{- $limit := .Site.Config.Services.RSS.Limit -}}
 {{- if ge $limit 1 -}}
@@ -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-->
@@ -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,26 +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" . }}
-          <!-- Add giscus -->
-          {{ else if .giscus }}
-              {{ partial "giscus.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>
@@ -192,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>
@@ -25,6 +25,7 @@
    <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 }}"/>
@@ -22,7 +22,10 @@
                    screen: screen.width + "x" + screen.height,
                    user: "{{ .id }}",
                    utcoffset: "1",
-                    })
+                    }),
+		    {{ with .referrerPolicy }}
+			    { referrerPolicy: "{{ . }}" }
+		    {{ end }}
                );
            }
            sessionStorage.setItem("_swa", "1");
@@ -37,6 +40,24 @@
            src="//gc.zgo.at/count.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 }}

@@ -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>
@@ -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
->
@@ -115,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 }}
@@ -177,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>
@@ -1,25 +0,0 @@
-{{ $repo          := site.Params.features.comment.giscus.repo }}
-{{ $repoID        := site.Params.features.comment.giscus.repoID }}
-{{ $category      := site.Params.features.comment.giscus.category | default "General" }}
-{{ $categoryID    := site.Params.features.comment.giscus.categoryID }}
-{{ $theme         := site.Params.features.comment.giscus.theme | default "light" }}
-{{ $map           := site.Params.features.comment.giscus.map | default "url" }}
-{{ $reaction      := site.Params.features.comment.giscus.reaction | default "1" }}
-{{ $metadata      := site.Params.features.comment.giscus.metadata | default "0" }}
-{{ $inputPosition := site.Params.features.comment.giscus.inputPosition | default "bottom" }}
-{{ $crossOrigin   := site.Params.features.comment.giscus.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>
@@ -10,11 +10,16 @@
 <link rel="stylesheet" href="{{ "/css/flag-icon.min.css" | relURL }}"/>

 <!--=================== fonts ==============================-->
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600">
+<link rel="stylesheet" href="{{ "/google-fonts/Mulish/mulish.css" | relURL }}"/>

 <!--=================== 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 */}}
 {{ if site.Params.logo.favicon }}
@@ -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>
@@ -124,6 +124,9 @@
        {{ 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>
@@ -5,3 +5,10 @@
 <script type="text/javascript" src="{{ "/js/navbar.js" | relURL }}"></script>
 <script type="text/javascript" src="{{ "/js/plyr.js" | relURL }}"></script>
 <script type="text/javascript" src="{{ "/js/main.js" | relURL }}"></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 }}
@@ -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">
@@ -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>
@@ -12,13 +12,16 @@
        <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>
@@ -12,13 +12,16 @@
        <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>
@@ -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>
@@ -14,7 +14,7 @@
  <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>
@@ -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>
@@ -8,8 +8,8 @@
      "version": "1.0.0",
      "license": "MIT",
      "devDependencies": {
-        "autoprefixer": "^10.4.2",
-        "postcss": "^8.4.8",
+        "autoprefixer": "^10.4.12",
+        "postcss": "^8.4.17",
        "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.12",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.12.tgz",
+      "integrity": "sha512-WrCGV9/b97Pa+jtwf5UGaRjgQIg7OK3D06GnoYoZNcG1Xb8Gt3EfuKjlhh9i/VtT16g6PYjZ69jdJ2g8FxSC4Q==",
      "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.30001407",
+        "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.30001414",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001414.tgz",
+      "integrity": "sha512-t55jfSaWjCdocnFdKQoO+d2ct9C59UZg4dY3OnUlSZ447r8pUtIKdp0hpAzrGFultmTC+Us+KpKi4GZl/LXlFg==",
      "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.3.1",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz",
-      "integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==",
+      "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.8",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.8.tgz",
-      "integrity": "sha512-2tXEqGxrjvAO6U+CJzDL2Fk2kPHTv1jQsYkSoMeOis2SsYaXRO2COxTdQp99cYvif9JTXaAk9lYGc3VhJt7JPQ==",
+      "version": "8.4.17",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.17.tgz",
+      "integrity": "sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==",
      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        }
+      ],
      "dependencies": {
-        "nanoid": "^3.3.1",
+        "nanoid": "^3.3.4",
        "picocolors": "^1.0.0",
        "source-map-js": "^1.0.2"
      },
      "engines": {
        "node": "^10 || ^12 || >=14"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
      }
    },
    "node_modules/postcss-cli": {
@@ -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.12",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.12.tgz",
+      "integrity": "sha512-WrCGV9/b97Pa+jtwf5UGaRjgQIg7OK3D06GnoYoZNcG1Xb8Gt3EfuKjlhh9i/VtT16g6PYjZ69jdJ2g8FxSC4Q==",
      "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.30001407",
+        "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.30001414",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001414.tgz",
+      "integrity": "sha512-t55jfSaWjCdocnFdKQoO+d2ct9C59UZg4dY3OnUlSZ447r8pUtIKdp0hpAzrGFultmTC+Us+KpKi4GZl/LXlFg==",
      "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.3.1",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz",
-      "integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==",
+      "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,12 +1543,12 @@
      "dev": true
    },
    "postcss": {
-      "version": "8.4.8",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.8.tgz",
-      "integrity": "sha512-2tXEqGxrjvAO6U+CJzDL2Fk2kPHTv1jQsYkSoMeOis2SsYaXRO2COxTdQp99cYvif9JTXaAk9lYGc3VhJt7JPQ==",
+      "version": "8.4.17",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.17.tgz",
+      "integrity": "sha512-UNxNOLQydcOFi41yHNMcKRZ39NeXlr8AxGuZJsdub8vIb12fHzcq37DTU/QtbI6WLxNg2gF9Z+8qtRwTj1UI1Q==",
      "dev": true,
      "requires": {
-        "nanoid": "^3.3.1",
+        "nanoid": "^3.3.4",
        "picocolors": "^1.0.0",
        "source-map-js": "^1.0.2"
      }
@@ -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.8",
+    "autoprefixer": "^10.4.12",
+    "postcss": "^8.4.17",
    "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);
@@ -19,7 +19,7 @@
 }

 /*
-  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 +66,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,93 @@
+Copyright 2016 The Mulish Project Authors (https://github.com/googlefonts/mulish)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
@@ -0,0 +1,79 @@
+Mulish Variable Font
+====================
+
+This download contains Mulish as both variable fonts and static fonts.
+
+Mulish is a variable font with this axis:
+  wght
+
+This means all the styles are contained in these files:
+  Mulish-VariableFont_wght.ttf
+  Mulish-Italic-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Mulish:
+  static/Mulish-ExtraLight.ttf
+  static/Mulish-Light.ttf
+  static/Mulish-Regular.ttf
+  static/Mulish-Medium.ttf
+  static/Mulish-SemiBold.ttf
+  static/Mulish-Bold.ttf
+  static/Mulish-ExtraBold.ttf
+  static/Mulish-Black.ttf
+  static/Mulish-ExtraLightItalic.ttf
+  static/Mulish-LightItalic.ttf
+  static/Mulish-Italic.ttf
+  static/Mulish-MediumItalic.ttf
+  static/Mulish-SemiBoldItalic.ttf
+  static/Mulish-BoldItalic.ttf
+  static/Mulish-ExtraBoldItalic.ttf
+  static/Mulish-BlackItalic.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+  https://variablefonts.typenetwork.com
+  https://medium.com/variable-fonts
+
+In desktop apps
+
+  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+  https://developers.google.com/fonts/docs/getting_started
+  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+  MacOS: https://support.apple.com/en-us/HT201749
+  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+  https://developers.google.com/fonts/docs/android
+  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them in your products & projects – print or digital,
+commercial or otherwise.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.
@@ -0,0 +1,96 @@
+  /* vietnamese */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 300;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 300;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 300;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 500;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 500;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 500;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 600;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 600;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-weight: 600;
+  src: url(/google-fonts/Mulish/Mulish-VariableFont_wght.ttf) format('truetype');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 364 364" style="enable-background:new 0 0 364 364;" xml:space="preserve">
+<g>
+	<path d="M350,60.5h-50c-7.72,0-14,6.28-14,14v225c0,7.72,6.28,14,14,14h50c7.72,0,14-6.28,14-14v-225
+		C364,66.78,357.72,60.5,350,60.5z M325.864,166.5c-11.23,0-20.333-9.104-20.333-20.333s9.104-20.333,20.333-20.333
+		s20.333,9.104,20.333,20.333S337.094,166.5,325.864,166.5z"/>
+	<path d="M230,50.5H30c-16.542,0-30,13.458-30,30v149c0,16.542,13.458,30,30,30h79v21.765c0,0.665-0.466,1.235-0.847,1.235H52.351
+		C46.092,282.5,41,287.329,41,293.265v9.235c0,5.962,5.198,11,11.351,11h156.604c6.091,0,11.046-4.935,11.046-11v-9.235
+		c0-6.037-4.852-10.765-11.046-10.765h-55.803c-0.517,0-1.151-0.681-1.151-1.235V259.5h78c16.542,0,30-13.458,30-30v-149
+		C260,63.958,246.542,50.5,230,50.5z M230,80.5l0.017,133H30v-133H230z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 206.622 206.622" style="enable-background:new 0 0 206.622 206.622;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M155.287,58.38c-6.703-7.189-14.65-12.775-23.62-16.603c-1.299-0.552-2.8-0.291-3.83,0.672
+				c-1.034,0.963-1.4,2.443-0.94,3.777c8.128,23.444,1.654,49.524-16.485,66.441c-18.146,16.918-44.614,21.557-67.43,11.812
+				c-1.288-0.55-2.8-0.291-3.83,0.672c-1.034,0.963-1.4,2.443-0.94,3.777c3.197,9.218,8.215,17.535,14.918,24.72
+				c12.721,13.643,29.996,21.517,48.64,22.168c0.836,0.03,1.668,0.043,2.5,0.043c17.728,0,34.54-6.611,47.571-18.764
+				c13.647-12.724,21.517-29.998,22.168-48.643C174.658,89.807,168.011,72.025,155.287,58.38z M166.883,108.203
+				c-0.585,16.74-7.655,32.251-19.905,43.675c-12.25,11.423-28.223,17.425-44.959,16.809c-16.743-0.583-32.252-7.652-43.674-19.904
+				c-4.21-4.511-7.678-9.519-10.363-14.947c23.47,6.872,49.127,0.987,67.291-15.952c18.167-16.941,25.828-42.13,20.608-66.02
+				c5.23,3.057,9.984,6.867,14.19,11.382C161.496,75.496,167.465,91.464,166.883,108.203z"/>
+			<path d="M167.607,163.757c-1.393-1.393-3.649-1.393-5.042,0s-1.393,3.649,0,5.042l7.563,7.563
+				c0.696,0.696,1.609,1.045,2.521,1.045c0.912,0,1.825-0.348,2.521-1.045c1.393-1.393,1.393-3.649,0-5.042L167.607,163.757z"/>
+			<path d="M170.128,30.259l-7.563,7.565c-1.393,1.393-1.393,3.651,0,5.042c0.696,0.696,1.609,1.045,2.521,1.045
+				s1.825-0.348,2.521-1.045l7.563-7.565c1.393-1.393,1.393-3.651,0-5.042C173.777,28.866,171.521,28.866,170.128,30.259z"/>
+			<path d="M103.311,188.793c-1.971,0-3.566,1.597-3.566,3.566v10.697c0,1.969,1.595,3.566,3.566,3.566
+				c1.971,0,3.566-1.597,3.566-3.566v-10.697C106.877,190.39,105.282,188.793,103.311,188.793z"/>
+			<path d="M201.371,99.745h-10.697c-1.971,0-3.566,1.597-3.566,3.566c0,1.969,1.595,3.566,3.566,3.566h10.697
+				c1.971,0,3.566-1.597,3.566-3.566C204.937,101.342,203.341,99.745,201.371,99.745z"/>
+			<path d="M39.015,42.866c0.696,0.696,1.609,1.045,2.521,1.045s1.825-0.348,2.521-1.045c1.393-1.391,1.393-3.649,0-5.042
+				l-7.563-7.565c-1.393-1.393-3.649-1.393-5.042,0c-1.393,1.391-1.393,3.649,0,5.042L39.015,42.866z"/>
+			<path d="M39.015,163.757l-7.563,7.563c-1.393,1.393-1.393,3.649,0,5.042c0.696,0.696,1.609,1.045,2.521,1.045
+				c0.912,0,1.825-0.348,2.521-1.045l7.563-7.563c1.393-1.393,1.393-3.649,0-5.042C42.664,162.364,40.408,162.364,39.015,163.757z"
+				/>
+			<path d="M103.311,17.829c1.971,0,3.566-1.597,3.566-3.566V3.566c0-1.969-1.595-3.566-3.566-3.566
+				c-1.971,0-3.566,1.597-3.566,3.566v10.697C99.745,16.232,101.34,17.829,103.311,17.829z"/>
+			<path d="M15.949,99.745H5.251c-1.971,0-3.566,1.597-3.566,3.566c0,1.969,1.595,3.566,3.566,3.566h10.697
+				c1.971,0,3.566-1.597,3.566-3.566C19.514,101.342,17.919,99.745,15.949,99.745z"/>
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<g id="Sun">
+	<path d="M32.1318512,18.2793007c-7.7119007,0-13.9863014,6.2743988-13.9863014,13.9862976
+		s6.2744007,13.9864006,13.9863014,13.9864006s13.9862976-6.274498,13.9862976-13.9864006
+		S39.84375,18.2793007,32.1318512,18.2793007z M32.1318512,44.2793007c-6.6245003,0-12.0137005-5.3897018-12.0137005-12.0137024
+		s5.3892002-12.0135975,12.0137005-12.0135975s12.0136986,5.3895988,12.0136986,12.0135975
+		S38.7563515,44.2793007,32.1318512,44.2793007z"/>
+	<path d="M32.0000496,13.1688995c0.5522003,0,1-0.4471998,1-1V1c0-0.5527-0.4477997-1-1-1c-0.5522995,0-1,0.4473-1,1v11.1688995
+		C31.0000496,12.7216997,31.4477501,13.1688995,32.0000496,13.1688995z"/>
+	<path d="M32.0000496,50.830101c-0.5522995,0-1,0.4472008-1,1V63c0,0.5527,0.4477005,1,1,1c0.5522003,0,1-0.4473,1-1V51.830101
+		C33.0000496,51.2773018,32.5522499,50.830101,32.0000496,50.830101z"/>
+	<path d="M62.263649,30.4452991H51.09375c-0.5522003,0-1,0.4473-1,1s0.4477997,1.0000019,1,1.0000019h11.169899
+		c0.5522995,0,1-0.4473019,1-1.0000019S62.8159485,30.4452991,62.263649,30.4452991z"/>
+	<path d="M13.90625,31.4452991c0-0.5527-0.447794-1-0.999999-1H1.7363508c-0.5523,0-1,0.4473-1,1s0.4477,1.0000019,1,1.0000019
+		H12.906251C13.458456,32.4453011,13.90625,31.9979992,13.90625,31.4452991z"/>
+	<path d="M45.1801491,19.8778992c0.2559013,0,0.5116997-0.097599,0.7070999-0.2929001l7.8988991-7.8984995
+		c0.3906021-0.3905993,0.3906021-1.0233994,0-1.4139996c-0.3905983-0.3907003-1.0234985-0.3907003-1.4140968,0l-7.8989029,7.8984003
+		c-0.3905983,0.3906002-0.3905983,1.0233994,0,1.4140987C44.668457,19.7803001,44.9243507,19.8778992,45.1801491,19.8778992z"/>
+	<path d="M45.887249,45.2030983c-0.3906975-0.3905983-1.0234985-0.3905983-1.4141006,0
+		c-0.3905983,0.3907013-0.3905983,1.0235023,0,1.4141006l7.8989029,7.8973999
+		c0.1952972,0.1954002,0.4511986,0.2929993,0.7070999,0.2929993c0.2557983,0,0.5116997-0.097599,0.7069969-0.2929993
+		c0.3906021-0.3905983,0.3906021-1.0233994,0-1.4139977L45.887249,45.2030983z"/>
+	<path d="M18.112751,19.5849991c0.1954002,0.1953011,0.4511986,0.2929001,0.7070999,0.2929001
+		c0.2558002,0,0.5116997-0.097599,0.7069988-0.2929001c0.3906059-0.3906994,0.3906059-1.0234985,0-1.4140987L11.6289501,10.2725
+		c-0.3906994-0.3907003-1.0234947-0.3907003-1.4140997,0c-0.3906002,0.3906002-0.3906002,1.0234003,0,1.4139996
+		L18.112751,19.5849991z"/>
+	<path d="M19.5712509,45.2700996c-0.0177002-0.0208015-0.024601-0.0471992-0.0444012-0.0670013
+		c-0.3906002-0.3905983-1.0233936-0.3905983-1.4140987,0l-3.9401007,3.9400024l-4.0341949,3.8446999
+		c-0.3999052,0.3811989-0.415205,1.0139008-0.0339994,1.4137993c0.0192947,0.0203018,0.045495,0.0278015,0.066,0.0460014
+		c0.0176945,0.0208969,0.0245943,0.0472984,0.0443945,0.0669975c0.1953001,0.1954002,0.4512005,0.2929993,0.7069998,0.2929993
+		c0.2559004,0,0.5117006-0.097599,0.7070999-0.2929993l3.9401007-3.9398994l4.0341997-3.8446999
+		c0.3999004-0.3811989,0.415205-1.0139008,0.0340004-1.4137993C19.6179504,45.2958984,19.5917511,45.2882996,19.5712509,45.2700996z
+		"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
@@ -0,0 +1,59 @@
+const DARK = "dark";
+const LIGHT = "light";
+const SYSTEM = "system";
+const COLOR_THEME = "color-theme";
+const DARK_OPTIONS = {
+  brightness: 100,
+  contrast: 100,
+  sepia: 0
+};
+const SVG_INVERT = {invert: ['img[src$=".svg"]']};
+const NAVBAR_ICON_ID = "navbar-theme-icon-svg";
+const DARK_ICON = "/icons/moon-svgrepo-com.svg";
+const LIGHT_ICON = "/icons/sun-svgrepo-com.svg";
+const SYSTEM_ICON = "/icons/computer-svgrepo-com.svg";
+
+function enableDarkTheme() {
+  localStorage.setItem(COLOR_THEME, DARK);
+  DarkReader.enable(DARK_OPTIONS, SVG_INVERT);
+  document.getElementById(NAVBAR_ICON_ID).src = DARK_ICON;
+}
+
+function enableLightTheme() {
+  localStorage.setItem(COLOR_THEME, LIGHT);
+  DarkReader.disable();
+  document.getElementById(NAVBAR_ICON_ID).src = LIGHT_ICON;
+}
+
+function useSystemTheme() {
+  localStorage.setItem(COLOR_THEME, SYSTEM);
+  DarkReader.auto(DARK_OPTIONS, SVG_INVERT);
+  document.getElementById(NAVBAR_ICON_ID).src = SYSTEM_ICON;
+}
+
+function initializeColorTheme() {
+  // We're using the themeInitialization attributes as a 'hack' for setting up
+  // the default color scheme because we don't want to complicate this further
+  // by creating custom javascript output in Hugo.
+  let themeInitialization = document.getElementById("theme-initialization");
+  let defaultColorScheme = themeInitialization.getAttribute('default-theme');
+  // If the user has already selected a preferred theme then use that instead
+  // of the default theme. Also, the default theme gets loaded to localStorage
+  // on the first visit.
+  let colorTheme = localStorage.getItem(COLOR_THEME);
+  if (colorTheme == null || colorTheme.length == 0) {
+    colorTheme = defaultColorScheme;
+  }
+  // Enable the color theme
+  if (colorTheme == DARK) {
+    enableDarkTheme();
+  } else if (colorTheme == SYSTEM) {
+    useSystemTheme();
+  } else {
+    // We use light theme for the two conditions below.
+    // 1. the selected theme is light
+    // 2. no default theme is found - fall back to original behavior
+    enableLightTheme();
+  }
+}
+initializeColorTheme()
@@ -1,6 +1,6 @@
 "use strict";

-var projectCards;
+var projectCards, publicationCards;

 (function ($) {
  jQuery(document).ready(function () {
@@ -79,7 +79,22 @@ var projectCards;

    var projectCardHolder = document.getElementById("project-card-holder");
    if (projectCardHolder != null && projectCardHolder.children.length != 0) {
-      projectCards = $(".filtr-projects").filterizr({ layout: 'sameWidth' });
+      projectCards = $(".filtr-projects").filterizr(
+        {
+          layout: 'sameWidth',
+          controlsSelector: '.project-filtr-control',
+        });
+    }
+
+    // ================== Publication cards =====================
+    var publicationCardHolder = document.getElementById("publication-card-holder");
+    if (publicationCardHolder != null && publicationCardHolder.children.length != 0) {
+      publicationCards = $(".filtr-publications").filterizr(
+        {
+          layout: 'sameWidth',
+          gridItemsSelector: '.pub-filtr-item',
+          controlsSelector: '.pub-filtr-control',
+        });
    }

    function showGithubStars() {
@@ -8,6 +8,9 @@ const updateNavBar = () => {
    $('#navbar-toggler').removeClass('navbar-dark');
    $('#navbar-toggler').addClass('navbar-light');

+    // color theme selector a.k.a. dark mode
+    $('#navbar-theme-icon-svg').removeClass('navbar-icon-svg-dark');
+
    // get the main logo from hidden img tag
    let mainLogo = document.getElementById("main-logo")
    if (mainLogo !== null) {
@@ -22,6 +25,9 @@ const updateNavBar = () => {
    $('#navbar-toggler').removeClass('navbar-light');
    $('#navbar-toggler').addClass('navbar-dark');

+    // color theme selector a.k.a. dark mode
+    $('#navbar-theme-icon-svg').addClass('navbar-icon-svg-dark');
+
    // get the inverted logo from hidden img tag
    let invertedLogo = document.getElementById("inverted-logo")
    if (invertedLogo !== null) {
Author	SHA1	Message	Date
github-actions[bot]	ca85a71230	Update and run autoprefixer (#653 ) Co-authored-by: kodiakhq[bot] <kodiakhq[bot]@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>	2022-10-04 11:10:25 +00:00
dependabot[bot]	ea9812ec7c	Bump actions/checkout from 3.0.2 to 3.1.0 (#654 ) Bumps [actions/checkout](https://github.com/actions/checkout) from 3.0.2 to 3.1.0. - [Release notes](https://github.com/actions/checkout/releases) - [Changelog](https://github.com/actions/checkout/blob/main/CHANGELOG.md) - [Commits](https://github.com/actions/checkout/compare/v3.0.2...v3.1.0) --- updated-dependencies: - dependency-name: actions/checkout dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-10-04 11:09:29 +00:00
github-actions[bot]	d61d39b9fb	Update and run autoprefixer (#648 ) Co-authored-by: kodiakhq[bot] <kodiakhq[bot]@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>	2022-10-03 01:56:07 +00:00
freezingDaniel	56615bfa43	Update repo-URLs (#651 )	2022-10-03 01:55:12 +00:00
dependabot[bot]	35ccacacd2	Bump release-drafter/release-drafter from 5.20.1 to 5.21.0 (#647 ) Bumps [release-drafter/release-drafter](https://github.com/release-drafter/release-drafter) from 5.20.1 to 5.21.0. - [Release notes](https://github.com/release-drafter/release-drafter/releases) - [Commits](https://github.com/release-drafter/release-drafter/compare/v5.20.1...v5.21.0) --- updated-dependencies: - dependency-name: release-drafter/release-drafter dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-09-15 11:05:52 +00:00
dependabot[bot]	237a79332a	Bump actions/checkout from 2.4.0 to 3.0.2 (#645 ) Bumps [actions/checkout](https://github.com/actions/checkout) from 2.4.0 to 3.0.2. - [Release notes](https://github.com/actions/checkout/releases) - [Changelog](https://github.com/actions/checkout/blob/main/CHANGELOG.md) - [Commits](https://github.com/actions/checkout/compare/v2.4.0...v3.0.2) --- updated-dependencies: - dependency-name: actions/checkout dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-09-08 11:09:03 +00:00
Emruz Hossain	872e2119c2	Fix soft skill text wrapping issue (#644 )	2022-09-07 11:30:26 +00:00
Elise Briers	2500174f94	Improve dutch translations (#642 )	2022-09-06 16:26:21 +00:00
Emruz Hossain	e2463abc4e	Update Task list for publication	2022-09-05 22:01:33 +06:00
Lukas Nagel	79282571eb	Local google font (#639 ) * added font * added mulish css * updated local font css Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>	2022-09-05 15:49:04 +00:00
Akumetsu	6585f002a9	Added functionality for use of any fontawesome icon and custom socials (#640 )	2022-09-05 04:19:59 +00:00
Abdelhak Bougouffa	d32ac9a43e	Add Arabic language localization (#638 ) * Add Arabic localization * Add Arabic to README	2022-09-01 04:59:50 +00:00
github-actions[bot]	412376fdc1	Update and run autoprefixer (#636 ) Co-authored-by: hossainemruz <hossainemruz@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>	2022-08-18 17:01:21 +00:00
github-actions[bot]	63931ee8f6	Update and run autoprefixer (#635 ) Co-authored-by: kodiakhq[bot] <kodiakhq[bot]@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>	2022-08-18 16:59:36 +00:00
dependabot[bot]	bb87ee29ac	Bump release-drafter/release-drafter from 5.20.0 to 5.20.1 (#632 ) Bumps [release-drafter/release-drafter](https://github.com/release-drafter/release-drafter) from 5.20.0 to 5.20.1. - [Release notes](https://github.com/release-drafter/release-drafter/releases) - [Commits](https://github.com/release-drafter/release-drafter/compare/v5.20.0...v5.20.1) --- updated-dependencies: - dependency-name: release-drafter/release-drafter dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>	2022-08-18 22:58:09 +06:00
David Davó	eefb6166eb	Added matomo support (#633 )	2022-08-18 16:56:16 +00:00
Emruz Hossain	55dd90a0dd	Add support for providing optional URL in a achievement entry (#623 ) Signed-off-by: hossainemruz <hossainemruz@gmail.com>	2022-07-30 14:29:05 +00:00
github-actions[bot]	fe5d8af56d	add vendor specific css prefixes (#622 ) Co-authored-by: kodiakhq[bot] <kodiakhq[bot]@users.noreply.github.com>	2022-07-29 23:22:20 +06:00
Emruz Hossain	b81fd5078b	Add publication section (#620 ) * Add publication section Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Don't make tags clickable Signed-off-by: hossainemruz <hossainemruz@gmail.com>	2022-07-29 17:12:14 +00:00
Emruz Hossain	eb167e0155	Update README.md	2022-07-21 07:59:20 +06:00
Kemal Kolcuoğlu	8cb07ffeb4	Adding Turkish Language Localization (#616 )	2022-07-21 01:41:11 +00:00
Emruz Hossain	27c3d0f4cc	Add margin between tags (#612 ) Signed-off-by: hossainemruz <hossainemruz@gmail.com>	2022-07-16 16:03:53 +00:00
Emruz Hossain	ad3dee71c2	Support providing custom buttons in about section (#611 ) Signed-off-by: hossainemruz <hossainemruz@gmail.com>	2022-07-16 15:52:24 +00:00
Emruz Hossain	bf6f63976b	Fix CSS for gist (#606 ) Signed-off-by: hossainemruz <hossainemruz@gmail.com>	2022-06-15 19:44:56 +00:00
Emruz Hossain	6c8ab46a73	Use `RelPermalink` for background url (#605 ) Signed-off-by: hossainemruz <hossainemruz@gmail.com>	2022-06-15 18:51:31 +00:00
Gabriel Jean	3d6246f3c9	Removed flag icon span if countryCode is null (#603 ) * Update lang-selector.html * Update lang-selector-2.html * Added showFlags parameter * Refactor showFlags logic Signed-off-by: hossainemruz <hossainemruz@gmail.com> Co-authored-by: hossainemruz <hossainemruz@gmail.com>	2022-06-13 15:14:39 +00:00
github-actions[bot]	4a5f6ce426	Update and run autoprefixer (#601 ) Co-authored-by: kodiakhq[bot] <kodiakhq[bot]@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>	2022-06-10 15:23:40 +00:00
github-actions[bot]	20bc7dd71f	add vendor specific css prefixes (#600 ) Co-authored-by: kodiakhq[bot] <kodiakhq[bot]@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>	2022-06-10 21:22:48 +06:00
donfiguerres	65049cfbb7	Dark theme via DarkReader (#595 ) * Initial commit for dark theme. * Use DarkReader.auto() to watch for system theme. * Tunning default parameters. * Allow configurable number of recent posts. * Added invisible element to hack theme initialization. * Added default value. * Use Darkreader CDN. * Cleanup to keep darkreader in as few files as possible. * Renamed darkmode.js to darkmode-darkreader.js. * Bring back the initialization. * Added provider property. * Added theme selector to the posts navbar. * Removed extra line breaks. * Changed darkreader CDN to local copy. * Renamed to darkMode. * Fixed CodeQL failures. * Added icons. * Renamed function. * Added SVG inversion. * Used icons for selection. * Toggle initial dark only in the dynamic navbar. Co-authored-by: donfiguerres <donfiguerres@github.com> Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>	2022-06-10 15:18:49 +00:00
Clarence	869eba97a2	Update zh-tw.toml (#598 ) * Update zh-tw * Update zh-tw.toml	2022-06-09 04:23:08 +00:00
hossainemruz	ddbb4bf7ce	Fix project automation Signed-off-by: hossainemruz <hossainemruz@gmail.com>	2022-05-16 22:26:23 +06:00
Gabriel Jean	2ae15e5235	Added logic to the education icon line (#589 ) Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>	2022-05-16 05:08:47 +00:00
github-actions[bot]	eacae1be3e	add vendor specific css prefixes (#591 ) Co-authored-by: kodiakhq[bot] <kodiakhq[bot]@users.noreply.github.com>	2022-05-16 11:06:32 +06:00
dependabot[bot]	43fe14bfa1	Bump release-drafter/release-drafter from 5.19.0 to 5.20.0 (#590 ) Bumps [release-drafter/release-drafter](https://github.com/release-drafter/release-drafter) from 5.19.0 to 5.20.0. - [Release notes](https://github.com/release-drafter/release-drafter/releases) - [Commits](https://github.com/release-drafter/release-drafter/compare/v5.19.0...v5.20.0) --- updated-dependencies: - dependency-name: release-drafter/release-drafter dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-05-12 11:06:08 +00:00
github-actions[bot]	06ee3c1e1f	add vendor specific css prefixes (#585 ) Co-authored-by: kodiakhq[bot] <kodiakhq[bot]@users.noreply.github.com>	2022-04-27 14:22:02 +06:00
dependabot[bot]	baa4774862	Bump github/codeql-action from 1 to 2 (#584 ) Bumps [github/codeql-action](https://github.com/github/codeql-action) from 1 to 2. - [Release notes](https://github.com/github/codeql-action/releases) - [Changelog](https://github.com/github/codeql-action/blob/main/CHANGELOG.md) - [Commits](https://github.com/github/codeql-action/compare/v1...v2) --- updated-dependencies: - dependency-name: github/codeql-action dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-04-26 11:05:42 +00:00
Marcin Jasion	a22474538d	Add RSS post sorting by date descending (#580 )	2022-04-14 19:31:29 +00:00
SalahDin Ahmed	827a940995	Post specific togglable TOC (#575 ) The default is true.	2022-04-04 03:20:48 +00:00
SalahDin Ahmed	f6440e69d5	Enable pages in counter.dev (#571 ) * Enable pages in counter.dev Not perfect but will work fine for a while. * Make counter.dev's `referrerPolicy` togglable * Make `referrerPolicy` take more options Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>	2022-04-02 00:06:38 +06:00
Emruz Hossain	a50f947384	Add commento.io support (#564 ) Signed-off-by: hossainemruz <hossainemruz@gmail.com>	2022-03-30 19:57:40 +00:00
github-actions[bot]	a1bff16050	Update and run autoprefixer (#568 ) Co-authored-by: hossainemruz <hossainemruz@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>	2022-03-28 04:47:39 +00:00
github-actions[bot]	e8615c64e2	Update and run autoprefixer (#567 ) Co-authored-by: kodiakhq[bot] <kodiakhq[bot]@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>	2022-03-28 04:47:26 +00:00
jakob42	c43da0089d	fixed gitlab link (#570 ) Co-authored-by: Jakob Lenfers <lenfers@bremen-social-sciences.de>	2022-03-28 04:46:26 +00:00
Marko Korhonen	c9cebe5fe8	Add finnish translation (#565 ) * Add finnish translation * Add finnish translation to the README * Use a more fitting word for prev in finnish translation Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>	2022-03-23 21:21:54 +06:00
dependabot[bot]	4025a6e321	Bump peter-evans/create-pull-request from 3.14.0 to 4 (#566 ) Bumps [peter-evans/create-pull-request](https://github.com/peter-evans/create-pull-request) from 3.14.0 to 4. - [Release notes](https://github.com/peter-evans/create-pull-request/releases) - [Commits](https://github.com/peter-evans/create-pull-request/compare/v3.14.0...v4) --- updated-dependencies: - dependency-name: peter-evans/create-pull-request dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2022-03-23 11:38:19 +00:00