Summary

app.css

@@ -41,7 +41,7 @@ div.files-container label[data-testid="block-label"] {
 
 .calculate_oceanai,
 .calculate_practical_task {
-    display: inline-block;
+    display: flex;
     padding: 10px 20px;
     font-size: 16px;
     font-weight: bold;
@@ -56,7 +56,7 @@ div.files-container label[data-testid="block-label"] {
 }
 
 .examples_oceanai, .clear_oceanai {
-    display: inline-block;
+    display: flex;
     padding: 10px 20px;
     font-size: 16px;
     font-weight: bold;
@@ -145,4 +145,8 @@ div.dataframe span.wrapper_mbti > span.err {
 
 div.mbti-dataframe div.table-wrap {
     --cell-width-0: 260px !important;
+}
+
+div.about_app pre {
+    text-wrap: wrap;
 }

app/app.py

@@ -6,7 +6,7 @@ License: MIT License
 """
 
 APP = """
-<div>
+<div class="about_app">
     <div style="max-width: 90%; margin: auto; padding: 20px;">
         <p style="text-align: center;">
             <img src="https://raw.githubusercontent.com/aimclub/OCEANAI/main/docs/source/_static/logo.svg" alt="Logo" style="width: 20%; height: auto; display: block; margin: auto;">
@@ -65,39 +65,39 @@ APP = """
         <h3>Journals</h3>
         <pre>
             <code>
-                @article{ryumina22_neurocomputing,
-                    author = {Elena Ryumina and Denis Dresvyanskiy and Alexey Karpov},
-                    title = {In Search of a Robust Facial Expressions Recognition Model: A Large-Scale Visual Cross-Corpus Study},
-                    journal = {Neurocomputing},
-                    volume = {514},
-                    pages = {435-450},
-                    year = {2022},
-                    doi = {<a href="https://doi.org/10.1016/j.neucom.2022.10.013">https://doi.org/10.1016/j.neucom.2022.10.013</a>},
-                }
-
-                @article{ryumina24_eswa,
-                    author = {Elena Ryumina and Maxim Markitantov and Dmitry Ryumin and Alexey Karpov},
-                    title = {OCEAN-AI Framework with EmoFormer Cross-Hemiface Attention Approach for Personality Traits Assessment},
-                    journal = {Expert Systems with Applications},
-                    volume = {239},
-                    pages = {122441},
-                    year = {2024},
-                    doi = {<a href="https://doi.org/10.1016/j.eswa.2023.122441">https://doi.org/10.1016/j.eswa.2023.122441</a>},
-                }
+@article{ryumina22_neurocomputing,
+    author = {Elena Ryumina and Denis Dresvyanskiy and Alexey Karpov},
+    title = {In Search of a Robust Facial Expressions Recognition Model: A Large-Scale Visual Cross-Corpus Study},
+    journal = {Neurocomputing},
+    volume = {514},
+    pages = {435-450},
+    year = {2022},
+    doi = {<a href="https://doi.org/10.1016/j.neucom.2022.10.013">https://doi.org/10.1016/j.neucom.2022.10.013</a>},
+}
+
+@article{ryumina24_eswa,
+    author = {Elena Ryumina and Maxim Markitantov and Dmitry Ryumin and Alexey Karpov},
+    title = {OCEAN-AI Framework with EmoFormer Cross-Hemiface Attention Approach for Personality Traits Assessment},
+    journal = {Expert Systems with Applications},
+    volume = {239},
+    pages = {122441},
+    year = {2024},
+    doi = {<a href="https://doi.org/10.1016/j.eswa.2023.122441">https://doi.org/10.1016/j.eswa.2023.122441</a>},
+}
             </code>
         </pre>
 
         <h3>Conferences</h3>
         <pre>
             <code>
-                @inproceedings{ryumina23_interspeech,
-                    author = {Elena Ryumina and Dmitry Ryumin and Maxim Markitantov and Heysem Kaya and Alexey Karpov},
-                    title = {Multimodal Personality Traits Assessment (MuPTA) Corpus: The Impact of Spontaneous and Read Speech},
-                    year = {2023},
-                    booktitle = {INTERSPEECH},
-                    pages = {4049--4053},
-                    doi = {<a href="https://doi.org/10.21437/Interspeech.2023-1686">https://doi.org/10.21437/Interspeech.2023-1686</a>},
-                }
+@inproceedings{ryumina23_interspeech,
+    author = {Elena Ryumina and Dmitry Ryumin and Maxim Markitantov and Heysem Kaya and Alexey Karpov},
+    title = {Multimodal Personality Traits Assessment (MuPTA) Corpus: The Impact of Spontaneous and Read Speech},
+    year = {2023},
+    booktitle = {INTERSPEECH},
+    pages = {4049--4053},
+    doi = {<a href="https://doi.org/10.21437/Interspeech.2023-1686">https://doi.org/10.21437/Interspeech.2023-1686</a>},
+}
             </code>
         </pre>
     </div>

app/authors.py

@@ -6,7 +6,7 @@ License: MIT License
 """
 
 AUTHORS = """
-<div style="display: flex; justify-content: center;">
+<div style="display: flex; justify-content: center; gap: 10px;">
     <div style="flex-basis: 40%;">
         <a href="https://github.com/ElenaRyumina">
             <img src="https://readme-typing-svg.demolab.com?font=Roboto&duration=1500&pause=100&color=3081F7&vCenter=true&multiline=true&width=435&height=70&lines=Elena+Ryumina;Artificial+Intelligence+Researcher" alt="ElenaRyumina" />
@@ -76,9 +76,9 @@ AUTHORS = """
         <a href="https://github.com/DmitryRyumin" style="display: inline-block;">
             <img src="https://github-stats-alpha.vercel.app/api?username=DmitryRyumin&cc=3081F7&tc=FFFFFF&ic=FFFFFF&bc=FFFFFF" alt="" />
         </a>
-        <div style="display: flex;">
-            <img src="https://custom-icon-badges.demolab.com/badge/dynamic/json?style=flat-square&logo=fire&logoColor=fff&color=orange&label=GitHub%20streak&query=%24.currentStreak.length&suffix=%20days&url=https%3A%2F%2Fstreak-stats.demolab.com%2F%3Fuser%3Ddmitryryumin%26type%3Djson" alt="" style="margin-right: 6px;" />
-            <img src="https://komarev.com/ghpvc/?username=DmitryRyumin&style=flat-square" alt="" />
+        <div style="display: flex; flex-wrap: wrap;">
+            <img src="https://custom-icon-badges.demolab.com/badge/dynamic/json?style=flat-square&logo=fire&logoColor=fff&color=orange&label=GitHub%20streak&query=%24.currentStreak.length&suffix=%20days&url=https%3A%2F%2Fstreak-stats.demolab.com%2F%3Fuser%3Ddmitryryumin%26type%3Djson" alt="" style="margin-right: 6px; margin-bottom: 6px;" />
+            <img src="https://komarev.com/ghpvc/?username=DmitryRyumin&style=flat-square" alt="" style="margin-bottom: 6px;" />
         </div>
     </div>
 </div>

app/components.py

@@ -91,6 +91,7 @@ def button(
     value: str = "",
     interactive: bool = True,
     scale: int = 3,
+    icon: Optional[str] = None,
     visible: bool = True,
     elem_classes: Optional[str] = None,
 ) -> gr.Button:
@@ -98,6 +99,7 @@ def button(
         value=value,
         interactive=interactive,
         scale=scale,
+        icon=icon,
         visible=visible,
         elem_classes=elem_classes,
     )

app/event_handlers/calculate_pt_scores_blocks.py

@@ -132,6 +132,7 @@ def event_handler_calculate_pt_scores_blocks(files, evt_data: gr.EventData):
             config_data.OtherMessages_CALCULATE_PRACTICAL_TASK,
             True,
             1,
+            "./images/pt.ico",
             True,
             "calculate_practical_task",
         ),

app/event_handlers/clear_blocks.py

@@ -34,10 +34,18 @@ def event_handler_clear_blocks():
             config_data.OtherMessages_CALCULATE_PT_SCORES,
             False,
             3,
+            "./images/calculate_pt_scores.ico",
             True,
             "calculate_oceanai",
         ),
-        button(config_data.OtherMessages_CLEAR_APP, False, 1, True, "clear_oceanai"),
+        button(
+            config_data.OtherMessages_CLEAR_APP,
+            False,
+            1,
+            "./images/clear.ico",
+            True,
+            "clear_oceanai",
+        ),
         dataframe(visible=False),
         files_create_ui(
             None,

app/event_handlers/files.py

@@ -22,11 +22,17 @@ def event_handler_files(files):
                 config_data.OtherMessages_CALCULATE_PT_SCORES,
                 False,
                 3,
+                "./images/calculate_pt_scores.ico",
                 True,
                 "calculate_oceanai",
             ),
             button(
-                config_data.OtherMessages_CLEAR_APP, False, 1, True, "clear_oceanai"
+                config_data.OtherMessages_CLEAR_APP,
+                False,
+                1,
+                "./images/clear.ico",
+                True,
+                "clear_oceanai",
             ),
         )
 
@@ -37,10 +43,18 @@ def event_handler_files(files):
             config_data.OtherMessages_CALCULATE_PT_SCORES,
             True,
             3,
+            "./images/calculate_pt_scores.ico",
             True,
             "calculate_oceanai",
         ),
-        button(config_data.OtherMessages_CLEAR_APP, True, 1, True, "clear_oceanai"),
+        button(
+            config_data.OtherMessages_CLEAR_APP,
+            True,
+            1,
+            "./images/clear.ico",
+            True,
+            "clear_oceanai",
+        ),
     )
 
 

app/event_handlers/languages.py

@@ -13,10 +13,10 @@ from app.components import dropdown_create_ui
 
 
 def event_handler_languages(languages):
-    if languages.lower() == "english":
+    if languages.lower() == "🇬🇧 english":
         lang_id = 0
         choices = config_data.Settings_LANGUAGES_EN
-    elif languages.lower() == "russian":
+    elif languages.lower() == "🇷🇺 russian":
         lang_id = 1
         choices = config_data.Settings_LANGUAGES_RU
     else:

app/tabs.py

@@ -40,17 +40,28 @@ def app_tab():
 
     with gr.Row():
         examples = button(
-            config_data.OtherMessages_EXAMPLES_APP, True, 1, True, "examples_oceanai"
+            config_data.OtherMessages_EXAMPLES_APP,
+            True,
+            1,
+            "./images/examples.ico",
+            True,
+            "examples_oceanai",
         )
         calculate_pt_scores = button(
             config_data.OtherMessages_CALCULATE_PT_SCORES,
             False,
             3,
+            "./images/calculate_pt_scores.ico",
             True,
             "calculate_oceanai",
         )
         clear_app = button(
-            config_data.OtherMessages_CLEAR_APP, False, 1, True, "clear_oceanai"
+            config_data.OtherMessages_CLEAR_APP,
+            False,
+            1,
+            "./images/clear.ico",
+            True,
+            "clear_oceanai",
         )
 
     notifications = html_message(config_data.InformationMessages_NOTI_VIDEOS, False)
@@ -377,6 +388,7 @@ def app_tab():
             config_data.OtherMessages_CALCULATE_PRACTICAL_TASK,
             True,
             1,
+            "./images/pt.ico",
             False,
             "calculate_practical_task",
         )

config.toml

@@ -1,5 +1,5 @@
 [AppSettings]
-APP_VERSION = "0.8.1"
+APP_VERSION = "0.8.2"
 CSS_PATH = "app.css"
 
 [InformationMessages]
@@ -31,9 +31,9 @@ EXPORT_MBTI = "Export ranking personality type results to a CSV file"
 NOTI_CALCULATE = "You can calculate Big Five personality traits scores"
 
 [Labels]
-APP_LABEL = ["App", "Приложение"]
-ABOUT_APP_LABEL = ["About the App", "О приложении"]
-ABOUT_AUTHORS_LABEL = ["About the Authors", "Об авторах"]
+APP_LABEL = ["⭐ App", "⭐ Приложение"]
+ABOUT_APP_LABEL = ["💡 About the App", "💡 О приложении"]
+ABOUT_AUTHORS_LABEL = ["🎭 About the Authors", "🎭 Об авторах"]
 PRACTICAL_TASKS_LABEL = "Practical tasks"
 PRACTICAL_SUBTASKS_LABEL = "Practical subtasks"
 THRESHOLD_MBTI_LABEL = "Polarity traits threshold"
@@ -56,9 +56,9 @@ LANGUAGES_LABEL = "Languages"
 NOTE_MBTI_LABEL = "Note: What are Personality Types of MBTI?"
 
 [TabCreators]
-"App" = "app_tab"
-"About the App" = "about_app_tab"
-"About the Authors" = "about_authors_tab"
+"⭐ App" = "app_tab"
+"💡 About the App" = "about_app_tab"
+"🎭 About the Authors" = "about_authors_tab"
 
 [Filenames]
 PT_SCORES = "personality_traits_scores.csv"
@@ -70,8 +70,8 @@ POTENTIAL_CANDIDATES = "potential_candidates.csv"
 MBTI_JOB = "mbti_job_match.csv"
 
 [Settings]
-LANGUAGES_EN = ["English", "Russian"]
-LANGUAGES_RU = ["Английский", "Русский"]
+LANGUAGES_EN = ["🇬🇧 English", "🇷🇺 Russian"]
+LANGUAGES_RU = ["🇬🇧 Английский", "🇷🇺 Русский"]
 SHORT_PROFESSIONAL_SKILLS = ["OPE", "CON", "EXT", "AGR", "NNEU"]
 DROPDOWN_PROFESSIONAL_SKILLS = ["Analytical", "Interactive", "Routine", "Non-Routine"]
 DROPDOWN_COLLEAGUES = ["major", "minor"]