Update people cards

.devcontainer/Dockerfile

@@ -1,4 +1,4 @@
-FROM ghcr.io/peaceiris/hugo:latest-full
+FROM ghcr.io/peaceiris/hugo:v0.141.0-full
 
 ENV PIP_BREAK_SYSTEM_PACKAGES=1
 
@@ -24,4 +24,4 @@ WORKDIR /home/bouncmpe
 RUN python3 -m pip install --upgrade pip
 RUN python3 -m pip install pre-commit
 
-ENV PATH=/home/bouncmpe/.local/bin:$PATH
+ENV PATH=/home/bouncmpe/.local/bin:$PATH

data/bouncmpe/people/akarun-lale.json

@@ -3,7 +3,7 @@
   "homepage": "/u/lale.akarun",
   "name": "Lale Akarun",
   "position": "full-professor",
-  "tags": ["faculty", "cmpe460","former-cmpe322", "former-cmpe344", "advisor-3","former-cmpe362", "computervisionpatternrecognition"],
+  "tags": ["faculty", "cmpe460","former-cmpe322", "former-cmpe344", "advisor-3","former-cmpe362", "computer-vision-pattern-recognition"],
   "type": "person",
   "thumbnail": "images/people/akarun_lale.jpg"
 }

data/bouncmpe/people/alagoz-fatih.json

@@ -3,7 +3,7 @@
   "homepage": "/u/fatih.alagoz",
   "name": "Fatih Alagöz",
   "position": "full-professor",
-  "tags": ["faculty", "training", "cmpe362", "former-cmpe300", "networkinginternetarchitecture"],
+  "tags": ["faculty", "training", "cmpe362", "former-cmpe300", "networking-internet-architecture"],
   "type": "person",
   "thumbnail": "images/people/alagoz_fatih.jpg"
 }

data/bouncmpe/people/basar-ayse.json

@@ -2,7 +2,7 @@
   "email": "ayse.basar@bogazici.edu.tr",
   "name": "Ayşe Başar",
   "position": "full-professor",
-  "tags": ["former-faculty", "adjunct-faculty", "former-cmpe352", "softwareengineering"],
+  "tags": ["former-faculty", "adjunct-faculty", "former-cmpe352", "software-engineering"],
   "type": "person",
   "thumbnail": "images/people/basar_ayse.jpg"
 }

data/bouncmpe/people/baytas-inci.json

@@ -3,7 +3,7 @@
   "homepage": "/u/inci.baytas",
   "name": "İnci Baytaş",
   "position": "assistant-professor",
-  "tags": ["faculty", "vicechair", "cmpe343", "cmpe462", "advisor-4", "bioinformatics", "machinelearning"],
+  "tags": ["faculty", "vicechair", "cmpe343", "cmpe462", "advisor-4", "bioinformatics", "machine-learning"],
   "type": "person",
   "thumbnail": "images/people/baytas_inci.jpg"
 }

data/bouncmpe/people/cemgil-taylan.json

@@ -9,7 +9,7 @@
     "adjunct-faculty",
     "former-cmpe462",
     "former-cmpe362",
-    "machinelearning"
+    "machine-learning"
   ],
   "type": "person",
   "thumbnail": "images/people/cemgil_taylan.jpg"

data/bouncmpe/people/ersoy-cem.json

@@ -12,8 +12,8 @@
     "cmpe475",
     "former-cmpe150",
     "advisor-1",
-    "networkinginternetarchitecture",
-    "paralleldistributedcloud"
+    "networking-internet-architecture",
+    "parallel-distributed-cloud"
   ],
   "type": "person",
   "thumbnail": "images/people/ersoy_cem.jpg"

data/bouncmpe/people/gokberk-berk.json

@@ -9,8 +9,8 @@
     "vicechair",
     "cmpe160",
     "advisor-2",
-    "computervisionpatternrecognition",
-    "machinelearning"
+    "computer-vision-pattern-recognition",
+    "machine-learning"
   ],
   "type": "person",
   "thumbnail": "images/people/gokberk_berk.jpg"

data/bouncmpe/people/gundogdu-didem.json

@@ -2,7 +2,7 @@
   "email": "didem.gundogdu@bogazici.edu.tr",
   "name": "Didem Gündoğdu",
   "position": "doctor",
-  "tags": ["parttime-faculty", "computersociety"],
+  "tags": ["parttime-faculty", "computer-society"],
   "type": "person",
   "thumbnail": "images/people/gundogdu_didem.jpg"
 }

data/bouncmpe/people/gungor-onur.json

@@ -2,7 +2,7 @@
   "email": "onurgu@bogazici.edu.tr",
   "name": "Onur Güngör",
   "position": "doctor",
-  "tags": ["parttime-faculty", "computationlanguage"],
+  "tags": ["parttime-faculty", "computation-language"],
   "type": "person",
   "thumbnail": "images/people/gungor_onur.jpg"
 }

data/bouncmpe/people/gungor-tunga.json

@@ -3,7 +3,7 @@
   "homepage": "/u/tunga.gungor",
   "name": "Tunga Güngör",
   "position": "full-professor",
-  "tags": ["faculty", "cmpe300", "former-cmpe150", "former-cmpe480", "artificialintelligence", "computationlanguage"],
+  "tags": ["faculty", "cmpe300", "former-cmpe150", "former-cmpe480", "artificial-intelligence", "computation-language"],
   "type": "person",
   "thumbnail": "images/people/gungor_tunga.jpg"
 }

data/bouncmpe/people/ozgovde-atay.json

@@ -11,8 +11,8 @@
     "advisor-2",
     "former-cmpe140",
     "former-cmpe350",
-    "networkinginternetarchitecture",
-    "paralleldistributedcloud"
+    "networking-internet-architecture",
+    "parallel-distributed-cloud"
   ],
   "type": "person",
   "thumbnail": "images/people/ozgovde_atay.jpg"

data/bouncmpe/people/ozgur-arzucan.json

@@ -11,7 +11,7 @@
     "cmpe321",
     "advisor-x",
     "bioinformatics",
-    "computationlanguage"
+    "computation-language"
   ],
   "type": "person",
   "thumbnail": "images/people/ozgur_arzucan.jpg"

data/bouncmpe/people/ozturan-can.json

@@ -3,7 +3,7 @@
   "homepage": "/u/can.ozturan",
   "name": "Can Özturan",
   "position": "full-professor",
-  "tags": ["faculty", "double-major", "cmpe230", "cmpe425", "cmpe478", "computersystems", "paralleldistributedcloud", "theoryalgorithms"],
+  "tags": ["faculty", "double-major", "cmpe230", "cmpe425", "cmpe478", "computer-systems", "parallel-distributed-cloud", "theory-algorithms"],
   "type": "person",
   "thumbnail": "images/people/ozturan_can.jpg"
 }

data/bouncmpe/people/salah-ali.json

@@ -2,6 +2,6 @@
   "email": "salah@bogazici.edu.tr",
   "name": "Albert Ali Salah",
   "position": "full-professor",
-  "tags": ["adjunct-faculty", "former-teaching-assistant", "computersociety"],
+  "tags": ["adjunct-faculty", "former-teaching-assistant", "computer-society"],
   "type": "person"
 }

data/bouncmpe/people/say-cem.json

@@ -10,8 +10,8 @@
     "minor-degree",
     "cmpe350",
     "former-cmpe150",
-    "artificialintelligence",
-    "theoryalgorithms"
+    "artificial-intelligence",
+    "theory-algorithms"
   ],
   "type": "person",
   "thumbnail": "images/people/say_cem.jpg"

data/bouncmpe/people/sen-alper.json

@@ -3,7 +3,7 @@
   "homepage": "/u/alper.sen",
   "name": "Alper Şen",
   "position": "full-professor",
-  "tags": ["faculty", "cmpe240", "computersystems", "paralleldistributedcloud", "theoryalgorithms"],
+  "tags": ["faculty", "cmpe240", "computersystems", "parallel-distributed-cloud", "theory-algorithms"],
   "type": "person",
   "thumbnail": "images/people/sen_alper.jpg"
 }

data/bouncmpe/people/sonmez-cagatay.json

@@ -4,8 +4,8 @@
   "position": "doctor",
   "tags": [
     "parttime-faculty",
-    "networkinginternetarchitecture",
-    "paralleldistributedcloud"
+    "networking-internet-architecture",
+    "parallel-distributed-cloud"
   ],
   "type": "person",
   "thumbnail": "images/people/sonmez_cagatay.jpg"

data/bouncmpe/people/tugcu-tuna.json

@@ -12,8 +12,8 @@
     "cmpe322",
     "cmpe476",
     "advisor-1",
-    "networkinginternetarchitecture",
-    "paralleldistributedcloud"
+    "networking-internet-architecture",
+    "parallel-distributed-cloud"
   ],
   "type": "person",
   "thumbnail": "images/people/tugcu_tuna.jpg"

data/bouncmpe/people/tunca-can.json

@@ -2,7 +2,7 @@
   "email": "can.tunca@bogazici.edu.tr",
   "name": "Can Tunca",
   "position": "doctor",
-  "tags": ["parttime-faculty", "networkinginternetarchitecture"],
+  "tags": ["parttime-faculty", "networking-internet-architecture"],
   "type": "person",
   "thumbnail": "images/people/tunca_can.jpg"
 }

data/bouncmpe/people/ugur-emre.json

@@ -10,8 +10,8 @@
     "former-cmpe140",
     "former-cmpe343",
     "former-cmpe462",
-    "artificialintelligence",
-    "roboticscontrol",
+    "artificial-intelligence",
+    "robotics-control",
     "advisor-4",
     "senior-projects-coordinator"
   ],

data/bouncmpe/people/ulus-dogan.json

@@ -2,7 +2,7 @@
   "email": "dogan.ulus@bogazici.edu.tr",
   "name": "Doğan Ulus",
   "position": "assistant-professor",
-  "tags": ["faculty", "system", "web", "cmpe344", "cmpe434", "advisor-3", "computersystems", "softwareengineering", "roboticscontrol", "theoryalgorithms"],
+  "tags": ["faculty", "system", "web", "cmpe344", "cmpe434", "advisor-3", "computer-systems", "software-engineering", "robotics-control", "theory-algorithms"],
   "github": "doganulus",
   "linkedin": "doganulus",
   "homepage": "/u/dogan.ulus",

data/bouncmpe/people/uskudarli-suzan.json

@@ -11,9 +11,9 @@
     "cmpe451",
     "advisor-prep",
     "former-cmpe150",
-    "computersociety",
-    "computationlanguage",
-    "softwareengineering"
+    "computer-society",
+    "computation-language",
+    "software-engineering"
   ],
   "type": "person",
   "thumbnail": "images/people/uskudarli_suzan.jpg"

data/bouncmpe/people/yilmaz-birkan.json

@@ -13,7 +13,7 @@
     "cmpe220",
     "advisor-x",
     "former-cmpe476",
-    "networkinginternetarchitecture"
+    "networking-internet-architecture"
   ],
   "type": "person",
   "thumbnail": "images/people/yilmaz_birkan.jpg"

data/bouncmpe/people/yolum-pinar.json

@@ -2,7 +2,7 @@
   "location": "University of Utrecht",
   "name": "Pınar Yolum",
   "position": "full-professor",
-  "tags": ["former-faculty", "advisor", "adjunct-faculty","former-cmpe150", "computersociety"],
+  "tags": ["former-faculty", "advisor", "adjunct-faculty","former-cmpe150", "computer-society"],
   "type": "person",
   "thumbnail": "images/people/yolum_pinar.jpg"
 }

data/bouncmpe/people/yurdakul-arda.json

@@ -3,7 +3,7 @@
   "homepage": "/u/arda.yurdakul",
   "name": "Arda Yurdakul",
   "position": "full-professor",
-  "tags": ["faculty", "graduate-studies", "curriculum", "cmpe443", "cmpe446", "computersystems", "roboticscontrol"],
+  "tags": ["faculty", "graduate-studies", "curriculum", "cmpe443", "cmpe446", "computer-systems", "robotics-control"],
   "type": "person",
   "thumbnail": "images/people/yurdakul_arda.jpg"
 }

data/bouncmpe/research_topics.json

@@ -0,0 +1,15 @@
+{
+    "artificial-intelligence": "AI",
+    "bioinformatics": "BIO",
+    "computation-language": "CL",
+    "computer-society": "CSoc",
+    "computer-systems": "CS",
+    "computer-vision-pattern-recognition": "CVPR",
+    "machine-learning": "ML",
+    "networking-internet-architecture": "Network",
+    "parallel-distributed-cloud": "PDC",
+    "robotics-control": "Robotics",
+    "software-engineering": "SWE",
+    "theory-algorithms": "Theory"
+}
+

layouts/shortcodes/people.html

@@ -6,58 +6,92 @@
 {{ $ctx.Set "tag" $tag }}
 {{ $ctx.Set "members" slice }}
 {{ range $key, $value := site.Data.bouncmpe.people }}
-{{if intersect $value.tags (slice $tag) }}
-{{ $ctx.Set "members" ($ctx.Get "members" | append $value) }}
-{{ end }}
+  {{ if intersect $value.tags (slice $tag) }}
+    {{ $ctx.Set "members" ($ctx.Get "members" | append $value) }}
+  {{ end }}
 {{ end }}
 {{ $members := $ctx.Get "members" }}
 
 <div class="row row-cols-1 row-cols-xl-{{ $columns }} g-2 my-4">
-{{ range $members }}
-<div class="col">
+  {{ range $members }}
+  <div class="col">
     {{ $thumbnail := .thumbnail | default "images/person.png" }}
     {{ $image_settings := site.Params.people.image_settings | default "500x500 webp q90 smart" }}
 
     {{ $image_resource := resources.Get $thumbnail }}
-
     {{ if $image_resource }}
-    {{ $retouched := $image_resource.Fill $image_settings }}
-    {{ $thumbnail = $retouched.RelPermalink }}
+      {{ $retouched := $image_resource.Fill $image_settings }}
+      {{ $thumbnail = $retouched.RelPermalink }}
     {{ end }}
-    <div class="card mb-3 border-0 h-100" style="max-width: 540px;">
-        <div class="row g-0">
-          <div class="col-4 mb-0 d d-none d-xl-block">
-            <img src="{{ $thumbnail }}" alt="{{ .name | anchorize }}-thumbnail" class="img-fluid rounded-5 shadow" style="width: 100%; max-height: 145px; object-fit: cover; object-position: center;">
-          </div>
-          <div class="col-8 align-middle" style="overflow-x: scroll; white-space: nowrap;">
-            <div class="card-body align-middle">
-              <h5 class="my-2">{{ .name | title }}</h5>
-              {{ with .position }}
+
+    <div class="card mb-4 h-100" 
+         style="background: transparent; box-shadow: none; border: none; transition: none;">
+      <div class="row g-0">
+        <div class="col-4 mb-0">
+          <img src="{{ $thumbnail }}" alt="{{ .name | anchorize }}-thumbnail" 
+               class="img-fluid shadow" 
+               style="width: 100%; aspect-ratio: 1/1; border-radius: 18px; object-fit: cover; object-position: center;">
+        </div>
+
+        <div class="col-8 align-middle" style="overflow-x: hidden;">
+          <div class="card-body align-middle">
+            <h5 class="my-2">{{ .name | title }}</h5>
+
+            {{ with .position }}
               <p class="mb-1">
                 {{ . | i18n | title }}
               </p>
-              {{ end }}        
-              <p class="d-block">
+            {{ end }}
+
+            <!-- Icons Row -->
+            <div class="d-flex flex-row mb-1">
               {{ with .email }}
-                <a href="mailto:{{ . }}" class="text-muted">
-                  <img src="/icons/envelope-fill.svg" alt="" width="24" height="24">
+                <a href="mailto:{{ . }}" class="text-muted me-2">
+                  <img src="/icons/envelope-fill.svg" alt="" width="23" height="23">
                 </a>
               {{ end }}
               {{ with .homepage }}
-              <a href="{{ . }}" class="text-muted">
-                <img src="/icons/globe2.svg" alt="" width="24" height="24">
-              </a>
+                <a href="{{ . }}" class="text-muted me-2">
+                  <img src="/icons/globe2.svg" alt="" width="23" height="23">
+                </a>
               {{ end }}
               {{ with .github }}
-              <a href="https://github.com/{{ . }}" class="text-muted">
-                <img src="/icons/github.svg" alt="" width="24" height="24">
-              </a>
+                <a href="https://github.com/{{ . }}" class="text-muted me-2">
+                  <img src="/icons/github.svg" alt="" width="23" height="23">
+                </a>
               {{ end }}
-              </p>
             </div>
+
+              <!-- Hashtag Row -->
+              {{ $researchMap := site.Data.bouncmpe.research_topics }}
+
+              {{ $researchTags := slice }}
+              {{ range .tags }}
+                {{ if $entry := index $researchMap . }}
+                {{ $researchTags = $researchTags | append (dict "slug" . "abbr" $entry) }}
+                {{ end }}
+              {{ end }}
+
+              {{ if gt (len $researchTags) 0 }}
+                <div class="d-flex flex-wrap align-items-center" style="gap: 8px; margin-top: 4px; line-height: 0.9em;">
+                  {{ range $researchTags }}
+                    <a href="{{ $.Site.LanguagePrefix }}/research/{{ .slug }}/"
+                      title="{{ .slug }}" 
+                      style="font-size: 0.8em; font-weight: normal; color: #212529; text-decoration: none;" 
+                      onmouseover="this.style.textDecoration='underline'" 
+                      onmouseout="this.style.textDecoration='none'">
+                      #{{ .abbr }}
+                    </a>
+                  {{ end }}
+                </div>
+              {{ end }}
+
+
+
           </div>
         </div>
       </div>
-</div>
-{{ end }}
+    </div>
+  </div>
+  {{ end }}
 </div>