upgraded visual aspects (round pictures, fixed card height, adjusted …

…lists)

_layouts/person.html

@@ -98,7 +98,7 @@ <h2 class="other-category">Contact</h2>
         {% if ppublication.size > 0 %}
             <div class="other-info">
                 <h2 class="other-category">Publications</h2>
-                <ul>
+                <ul class="person-publications">
                     {% for publication in ppublication %}
                         {% assign ppublication_detail = publication | split: "|" %}
                         {% if ppublication_detail.size > 2 %}

_people/storair.md

@@ -5,8 +5,8 @@ korean_name: 로망
 position: M.S. Student
 department: Department of Computer Science and Engineering
 interests:
- - "Adaptive Computation in Transformers"
- - "Information Retrieval"
+ - "Adaptive Computation"
+ - "LLM Inference"
 education:
  - "M.S. in Computer Science and Engineering, Seoul National University 2023~"
  - "M.Eng. in Computer Science (Dual Degree), IMT Mines Alès (France) 2021~"

assets/css/main.css

@@ -378,8 +378,13 @@ footer {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 5px;
-    text-decoration: none;
+    text-decoration: underline transparent;
     color: var(--text-color);
+    transition: text-decoration 0.3s ease-in-out;
+}
+
+.publication-title:hover {
+    text-decoration-color: var(--text-color);
 }
 
 .publication-authors {
@@ -421,20 +426,29 @@ footer {
     display: flex;
     width: 48%;
     margin-bottom: 30px;
+    height: 200px;
 }
 
 .person-image-container {
     width: 200px;
     height: 200px;
+    overflow: hidden;
+    position: relative;
+    border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
-    overflow: hidden;
+    transition: border-radius 0.3s ease;
+}
+
+.person-image-container:hover {
+    border-radius: 0%;
 }
 
 .person-image-container img {
-    max-width: 100%;
-    max-height: 100%;
+    display: inline;
+    height: 100%;
+    width: auto;
 }
 
 .person-info-container {
@@ -472,13 +486,29 @@ footer {
     text-decoration: underline;
 }
 
+@counter-style thumbs {
+    system: cyclic;
+    symbols: "‣";
+    suffix: " ";
+}
+
 .person-interests {
-    list-style-type: none;
+    list-style-type: thumbs;
     padding: 0;
     margin: 0;
     margin-left: 15px;
 }
 
+@counter-style paper {
+    system: cyclic;
+    symbols: "📄";
+    suffix: " ";
+}
+
+.person-publications {
+    list-style-type: paper;
+}
+
 .alumni {
     font-size: 16px;
     font-weight: 600;
@@ -524,12 +554,15 @@ a.person-publication:hover {
     justify-content: center;
     align-items: center;
     overflow: hidden;
+    position: relative;
+    border-radius: 50%;
     margin-right: 30px;
 }
 
 .photo img {
-    max-width: 100%;
-    max-height: 100%;
+    display: inline;
+    height: 100%;
+    width: auto;
 }
 
 .person-description {

people.html

@@ -32,7 +32,7 @@ <h1 class="category">LDILab's Family</h1>
                             {% assign count = 0 %}
                             {% for interest in member.interests %}
                             {% assign count = count | plus: 1 %}
-                            {% if count <= 3 %}
+                            {% if count <= 2 %}
                                 <li>{{ interest }}</li>
                             {% else %}
                                 <li>...</li>