<!-- Include TimelineJS CSS -->
<link title="timeline-styles" rel="stylesheet" href="https://cdn.knightlab.com/libs/timeline3/latest/css/timeline.css">

<!-- Timeline Container -->
<div id="timeline-embed" style="width: 100%; height: 600px;"></div>

<!-- Include TimelineJS JavaScript -->
<script src="https://cdn.knightlab.com/libs/timeline3/latest/js/timeline.js"></script>

<!-- Initialize Timeline -->
<script>
    var timeline_data = {
        "title": {
            "text": {
                "headline": "Japan-Korea Relations: A Historical Overview",
                "text": "An interactive timeline exploring the historical ties, conflicts, and cultural exchanges between Japan and Korea from the ancient period to the present."
            }
        },
        "events": [
            {
                "start_date": { "year": 369 },
                "text": {
                    "headline": "Yamato Assists Baekje",
                    "text": "The Yamato Kingdom sends military expeditions to assist Baekje against Silla and Goguryeo."
                },
                "group": "Ancient Period",
                "media": {
                    "url": "https://tse3.mm.bing.net/th?id=OIP.64FiNkGiFulCkRFogLunAwHaIz&pid=Api",
                    "caption": "Depiction of early interactions between Japan (Wa) and Korean kingdoms."
                }
            },
            {
                "start_date": { "year": 538 },
                "text": {
                    "headline": "Buddhism Introduced to Japan",
                    "text": "The Kingdom of Baekje transmits Buddhism to Japan, marking a significant cultural exchange."
                },
                "group": "Ancient Period",
                "media": {
                    "url": "https://tse4.mm.bing.net/th?id=OIP.zg9BQX5U3nzFxT401TcYKgHaLq&pid=Api",
                    "caption": "Illustration of Buddhism being introduced from the Kingdom of Baekje to Japan around 538 CE."
                }
            }
            // Add the rest of the timeline data here.
        ]
    };

    // Initialize TimelineJS
    new TL.Timeline('timeline-embed', timeline_data);
</script>