diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 4afed80..6439bff 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -5,9 +5,24 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="14bb91d1-ebd0-4f11-b77e-711543adf329" name="Changes" comment="refresh">
+      <change afterPath="$PROJECT_DIR$/docs/static/paper.pdf" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/add-label.png" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/add-label.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/ast.png" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/ast.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/config.png" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/config.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/eye-data.png" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/eye-data.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/eye-tracker.png" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/eye-tracker.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/ide-data.png" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/ide-data.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/ide-tracker.png" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/ide-tracker.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/logo.png" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/logo.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/logo.svg" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/logo.svg" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/overview.png" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/overview.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/toolbar.png" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/toolbar.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/imgs/visualization.png" beforeDir="false" afterPath="$PROJECT_DIR$/docs/static/visualization.png" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/usage.md" beforeDir="false" afterPath="$PROJECT_DIR$/docs/usage.md" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/docs/welcome.md" beforeDir="false" afterPath="$PROJECT_DIR$/docs/welcome.md" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/main/java/component/ConfigDialog.java" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/java/component/ConfigDialog.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/retype.yml" beforeDir="false" afterPath="$PROJECT_DIR$/retype.yml" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -82,7 +97,7 @@
     "ShowUsagesActions.previewPropertyKey": "true",
     "WebServerToolWindowFactoryState": "false",
     "git-widget-placeholder": "main",
-    "last_opened_file_path": "C:/Users/Lenovo/IdeaProjects/CodeGRITS/docs",
+    "last_opened_file_path": "C:/Users/Lenovo/IdeaProjects/CodeGRITS/docs/static",
     "node.js.detected.package.eslint": "true",
     "node.js.detected.package.tslint": "true",
     "node.js.selected.package.eslint": "(autodetect)",
@@ -97,11 +112,11 @@
 }]]></component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
+      <recent name="C:\Users\Lenovo\IdeaProjects\CodeGRITS\docs\static" />
       <recent name="C:\Users\Lenovo\IdeaProjects\CodeGRITS\docs" />
       <recent name="C:\Users\Lenovo\IdeaProjects\CodeGRITS\docs\imgs" />
       <recent name="C:\Users\Lenovo\IdeaProjects\CodeGRITS\imgs" />
       <recent name="C:\Users\Lenovo\IdeaProjects\CodeGRITS\src\main\resources\META-INF" />
-      <recent name="C:\Users\Lenovo\IdeaProjects\CodeGRITS" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
       <recent name="C:\Users\Lenovo\IdeaProjects\CodeGRITS\docs\imgs" />
@@ -186,7 +201,8 @@
       <workItem from="1703575373869" duration="10043000" />
       <workItem from="1703638913629" duration="33159000" />
       <workItem from="1703678759806" duration="1861000" />
-      <workItem from="1703689805171" duration="1608000" />
+      <workItem from="1703689805171" duration="3254000" />
+      <workItem from="1703723025891" duration="6623000" />
     </task>
     <task id="LOCAL-00001" summary="fix api bug">
       <option name="closed" value="true" />
diff --git a/README.md b/README.md
index f0f00a1..9ff7328 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,11 @@
 # CodeGRITS
 
-[[Website]](https://codegrits.github.io/CodeGRITS/) [[Paper]](https://arxiv.org/abs/xxxx.yyyyy) [[Demo Video]](https://www.youtube.com/watch?v=d-YsJfW2NMI)
+[![Website](https://img.shields.io/badge/Website-Visit-brightgreen)](https://codegrits.github.io/CodeGRITS/)
+[![Pre-print](https://img.shields.io/badge/Preprint-arXiv-lightgrey)](https://arxiv.org/abs/xxxx.yyyyy)
+[![DOI](https://img.shields.io/badge/DOI-10.1000%2Fxyz123-blue)](https://doi.org/10.1000/xyz123)
+[![Demo Video](https://img.shields.io/badge/Demo-Video-orange)](https://www.youtube.com/watch?v=d-YsJfW2NMI)
+[![Archived](https://img.shields.io/badge/Archived-SWH-blueviolet)](https://archive.softwareheritage.org/swh:1:dir:your-directory-id)
+[![MIT License](https://img.shields.io/badge/License-MIT-green)](https://github.com/codegrits/CodeGRITS/blob/main/LICENSE)
 
 [CodeGRITS](https://codegrits.github.io/CodeGRITS/) stands for **G**aze **R**ecording & **I**DE **T**racking **S**ystem,
 which is a plugin specifically designed
@@ -11,7 +16,7 @@ entire family of [JetBrains IDEs](https://www.jetbrains.com/) and [Tobii eye-tra
 to track developers’ IDE interactions and eye gaze data.
 
 <p align="center">
-    <img src="./docs/imgs/overview.png" width="600">
+    <img src="docs/static/overview.png" width="600">
 </p>
 
 The data collected by CodeGRITS can be used by empirical SE researchers to understand the behaviors of developers,
diff --git a/docs/imgs/add-label.png b/docs/static/add-label.png
similarity index 100%
rename from docs/imgs/add-label.png
rename to docs/static/add-label.png
diff --git a/docs/imgs/ast.png b/docs/static/ast.png
similarity index 100%
rename from docs/imgs/ast.png
rename to docs/static/ast.png
diff --git a/docs/imgs/config.png b/docs/static/config.png
similarity index 100%
rename from docs/imgs/config.png
rename to docs/static/config.png
diff --git a/docs/imgs/eye-data.png b/docs/static/eye-data.png
similarity index 100%
rename from docs/imgs/eye-data.png
rename to docs/static/eye-data.png
diff --git a/docs/imgs/eye-tracker.png b/docs/static/eye-tracker.png
similarity index 100%
rename from docs/imgs/eye-tracker.png
rename to docs/static/eye-tracker.png
diff --git a/docs/imgs/ide-data.png b/docs/static/ide-data.png
similarity index 100%
rename from docs/imgs/ide-data.png
rename to docs/static/ide-data.png
diff --git a/docs/imgs/ide-tracker.png b/docs/static/ide-tracker.png
similarity index 100%
rename from docs/imgs/ide-tracker.png
rename to docs/static/ide-tracker.png
diff --git a/docs/imgs/logo.png b/docs/static/logo.png
similarity index 100%
rename from docs/imgs/logo.png
rename to docs/static/logo.png
diff --git a/docs/imgs/logo.svg b/docs/static/logo.svg
similarity index 100%
rename from docs/imgs/logo.svg
rename to docs/static/logo.svg
diff --git a/docs/imgs/overview.png b/docs/static/overview.png
similarity index 100%
rename from docs/imgs/overview.png
rename to docs/static/overview.png
diff --git a/docs/static/paper.pdf b/docs/static/paper.pdf
new file mode 100644
index 0000000..e0a8474
Binary files /dev/null and b/docs/static/paper.pdf differ
diff --git a/docs/imgs/toolbar.png b/docs/static/toolbar.png
similarity index 100%
rename from docs/imgs/toolbar.png
rename to docs/static/toolbar.png
diff --git a/docs/imgs/visualization.png b/docs/static/visualization.png
similarity index 100%
rename from docs/imgs/visualization.png
rename to docs/static/visualization.png
diff --git a/docs/usage.md b/docs/usage.md
index 1876cfb..e6abba9 100644
--- a/docs/usage.md
+++ b/docs/usage.md
@@ -107,7 +107,7 @@ We also encourage you to build the plugin from the source code, especially for t
    including `Start/Stop Tracking`, `Pause/Resume Tracking`, and `Configuration`.
 
 <div style="text-align: center;">
-    <img src="../imgs/toolbar.png" style="width: 16%;">
+    <img src="../static/toolbar.png" style="width: 16%;">
 </div>
 
 ## Usage
@@ -119,7 +119,7 @@ the configuration window. The configuration settings are stored in the `config.j
 your installed JetBrains IDE.
 
 <div style="text-align: center;">
-    <img src="../imgs/config.png" style="width: 40%;">
+    <img src="../static/config.png" style="width: 40%;">
 </div>
 
 #### Functionalities
@@ -146,7 +146,7 @@ be captured by explicit IDE interactions. You can add the labels by right-clicki
 recorded in the output data via IDE Tracker.
 
 <div style="text-align: center;">
-    <img src="../imgs/add-label.png" style="width: 40%;">
+    <img src="../static/add-label.png" style="width: 40%;">
 </div><br>
 
 !!!info Buttons
@@ -163,7 +163,7 @@ in XML format to the configured folder.
 IDE Tracker could track a wide range of IDE interactions including all but not limited to the following.
 
 <div style="text-align: center;">
-    <img src="../imgs/ide-tracker.png" style="width: 50%;"><br><br>
+    <img src="../static/ide-tracker.png" style="width: 50%;"><br><br>
 </div>
 
 A **real-time archive mechanism** is also implemented to archive the whole code files when they
@@ -171,7 +171,7 @@ are changed, and the console output during the development process. Below is one
 Tracker. See [Data Format](data.md) for more details.
 
 <div style="text-align: center;">
-    <img src="../imgs/ide-data.png" style="width: 70%;"><br><br>
+    <img src="../static/ide-data.png" style="width: 70%;"><br><br>
 </div>
 
 #### Eye Tracker
@@ -185,17 +185,17 @@ If a compatible eye-tracking device is not available, CodeGRITS will use the mou
 (2) Map the coordinates of raw gazes within the text editor to specific locations in the code (i.e., file path, line and
 column number);
 <div style="text-align: center;">
-    <img src="../imgs/eye-tracker.png" style="width: 50%;"><br><br>
+    <img src="../static/eye-tracker.png" style="width: 50%;"><br><br>
 </div>
 (3) Infer the source code tokens that each gaze point is focusing on, as well as perform a bottom-up
    process to traverse the AST structures of the tokens.
 <div style="text-align: center;">
-    <img src="../imgs/ast.png" style="width: 50%;"><br><br>
+    <img src="../static/ast.png" style="width: 50%;"><br><br>
 </div>
 
 Below is one example of the data collected by Eye Tracker. See [Data Format](data.md) for more details.
 <div style="text-align: center;">
-    <img src="../imgs/eye-data.png" style="width: 70%;"><br><br>
+    <img src="../static/eye-data.png" style="width: 70%;"><br><br>
 </div>
 
 !!!
diff --git a/docs/welcome.md b/docs/welcome.md
index 7208bd3..3136484 100644
--- a/docs/welcome.md
+++ b/docs/welcome.md
@@ -21,7 +21,7 @@ to track developers’ IDE interactions and eye gaze data. The source code is av
 on [GitHub](https://github.com/codegrits/CodeGRITS).
 
 <div style="text-align: center;">
-    <img src="imgs/visualization.png" style="width: 80%;"><br><br>
+    <img src="static/visualization.png" style="width: 80%;"><br><br>
 </div>
 
 The data collected by CodeGRITS can be used by empirical SE researchers to understand the behaviors of developers,
@@ -59,16 +59,14 @@ tailored assistance based on your specific OS and JetBrains IDE environment.
   for more details.
 
 <div style="text-align: center;">
-    <img src="imgs/overview.png" style="width: 55%;">
+    <img src="static/overview.png" style="width: 55%;">
 </div>
 
 ## Citation
 
-[//]: # (TODO: Update the citation and PDF link after the paper is published.)
-
 The paper of CodeGRITS has been accepted
 by [ICSE 2024 Demonstrations Track](https://conf.researchr.org/track/icse-2024/icse-2024-demonstrations).
-The PDF version is available [here](https://arxiv.org/abs/xxxx.yyyyy).
+The PDF version is available [here](static/paper.pdf).
 Please cite the following if you use CodeGRITS in your research.
 
 ```bibtex
diff --git a/retype.yml b/retype.yml
index 9ed9380..fefd65b 100644
--- a/retype.yml
+++ b/retype.yml
@@ -4,7 +4,7 @@ url: https://codegrits.github.io/CodeGRITS/
 
 branding:
   title: CodeGRITS
-  logo: imgs/logo.png
+  logo: static/logo.png
   label: v0.2.0
 
 links: