diff --git a/src/data/timeline.js b/src/data/timeline.js
index 4b99e4d7..95ae2568 100644
--- a/src/data/timeline.js
+++ b/src/data/timeline.js
@@ -1,4 +1,18 @@
 export const eventsData = [
+  [
+    {
+      name: "Traveler's Picture Book Web Event",
+      pos: '100% 50%',
+      image: 'travelers_picture_book.jpg',
+      start: '2021-12-03 11:00:00',
+      end: '2021-12-13 03:59:59',
+      color: '#DEECF7',
+      zoom: '150%',
+      url:
+        'https://webstatic-sea.mihoyo.com/ys/event/e20211203-album/index.html?game_biz=hk4e_global&mhy_presentation_style=fullscreen&mhy_auth_required=true&mhy_landscape=true&utm_source=hoyolab&utm_medium=post',
+      showOnHome: true,
+    },
+  ],
   [
     {
       name: 'An Unforgettable Journey - Anniversary Web Event',
diff --git a/static/images/events/travelers_picture_book.jpg b/static/images/events/travelers_picture_book.jpg
new file mode 100644
index 00000000..953f7bea
Binary files /dev/null and b/static/images/events/travelers_picture_book.jpg differ