<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Resume</title>
    <link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css" />
</head>
<body>
    <div class="container">
        <div id="language-switcher"></div>
        <div id="header-placeholder"></div>

        <section>
            <h1 id="resume-title">Resume</h1>
            <h2 id="intro-title">Introduction</h2><hr>
            <ul id="intro-text">
                <li>Hello, this is a GitHub blog for job hunting.</li>
                <li>Majored in mechanical engineering and nuclear engineering at Tokyo Tech.</li>
                <li>Sincerely interested in finance, especially passive investment derived from machine learning, based on patents, raw materials, and XBRL.</li>
                <li>My second job involves investment, running a dating application, and facilitating foreigner exchanges between Korea and Japan.</li>
                <li>Ultimately interested in pursuing marriage and a good life.</li>
            </ul>

            <h2 id="contact-title">Contact Me</h2><hr>
            <ul>
                <li>Name: 房秀俊（Barng Soojun）</li>
                <li>Phone: +8180-7532-8620</li>
                <li>Email: powwerer@naver.com</li>
                <li>GitHub: <a href="https://github.com/SOOJUNBARNG">https://github.com/SOOJUNBARNG</a></li>
                <li>Kaggle: <a href="https://www.kaggle.com/jay9114">jay9114:Novice</a></li>
            </ul>

            <h2 id="education-title">Educational Background</h2><hr>
            <ul id="education-text">
                <li>Taroona High School, Tasmania, Australia</li>
                <li>Banpo High School, Seoul, Korea</li>
                <li>Tokyo Institute of Technology, Tokyo, Japan - Mechanical Engineering</li>
                <li>Tokyo Institute of Technology, Tokyo, Japan - Atomic Engineering</li>
            </ul>
        </section>
    </div>

    <footer></footer>

    <script>
        // Load header dynamically
        fetch('./asset/header.html')
          .then(response => response.text())
          .then(data => document.getElementById('header-placeholder').innerHTML = data)
          .catch(error => console.error('Error loading the header:', error));

        fetch('./asset/language_switcher.html')
        .then(response => response.text())
        .then(data => document.getElementById('language-switcher').innerHTML = data)
        .catch(error => console.error('Error loading the header:', error));

        // Language Data
        const languageData = {
            en: {
                resumeTitle: "Resume",
                introTitle: "Introduction",
                introText: [
                    "Hello, this is a GitHub blog for job hunting.",
                    "Majored in mechanical engineering and nuclear engineering at Tokyo Tech.",
                    "Sincerely interested in finance, especially passive investment derived from machine learning, based on patents, raw materials, and XBRL.",
                    "My second job involves investment, running a dating application, and facilitating foreigner exchanges between Korea and Japan.",
                    "Ultimately interested in pursuing marriage and a good life."
                ],
                contactTitle: "Contact Me",
                educationTitle: "Educational Background",
                educationText: [
                    "Taroona High School, Tasmania, Australia",
                    "Banpo High School, Seoul, Korea",
                    "Tokyo Institute of Technology, Tokyo, Japan - Mechanical Engineering, National Scholarship",
                    "Tokyo Institute of Technology, Tokyo, Japan - Atomic Engineering, National Scholarship / Master of Science and Engineering"
                ]
                },
            jp: {
                resumeTitle: "履歴書",
                introTitle: "自己紹介",
                introText: [
                    "こんにちは、これは就職活動のためのGitHubブログです。",
                    "東京工業大学で機械工学と原子力工学を専攻。",
                    "特に特許、原材料、XBRLを活用した機械学習によるパッシブ投資に興味があります。",
                    "投資、デートアプリ運営、韓国と日本の外国人交流をサポートする副業を行っています。",
                    "最終的には結婚と良い人生を目指しています。"
                ],
                contactTitle: "連絡先",
                educationTitle: "学歴",
                educationText: [
                    "タローナ高校（オーストラリア・タスマニア）",
                    "盤浦高校（韓国・ソウル）",
                    "東京工業大学（機械工学）- 国費留学生",
                    "東京工業大学（原子力工学）- 国費奨学生 / 理学・工学学位"
                ]
                },
            kr: {
                resumeTitle: "이력서",
                introTitle: "소개",
                introText: [
                    "안녕하세요, 구직을 위한 GitHub 블로그입니다.",
                    "도쿄 공과대학에서 기계공학과 원자력공학을 전공했습니다.",
                    "특히 특허, 원자재, XBRL을 활용한 기계 학습 기반 패시브 투자에 관심이 많습니다.",
                    "투자, 데이팅 앱 운영, 한국과 일본 간 외국인 교류를 촉진하는 부업을 하고 있습니다.",
                    "궁극적으로 결혼과 좋은 삶을 추구하고 싶습니다."
                ],
                contactTitle: "연락처",
                educationTitle: "학력",
                educationText: [
                    "타루나 고등학교 (호주 태즈매니아)",
                    "반포 고등학교 (한국 서울)",
                    "도쿄 공과대학 (기계공학) - 국비유학생",
                    "도쿄 공과대학 (원자력공학) - 국비장학생 / 이학 및 공학 학위"
                ]
                }
        };

        // Function to Change Language
        function changeLanguage(lang) {
            document.getElementById('resume-title').textContent = languageData[lang].resumeTitle;
            document.getElementById('intro-title').textContent = languageData[lang].introTitle;
            document.getElementById('contact-title').textContent = languageData[lang].contactTitle;
            document.getElementById('education-title').textContent = languageData[lang].educationTitle;

            const introList = document.getElementById('intro-text');
            introList.innerHTML = languageData[lang].introText.map(text => `<li>${text}</li>`).join('');

            const educationList = document.getElementById('education-text');
            educationList.innerHTML = languageData[lang].educationText.map(text => `<li>${text}</li>`).join('');
        }
    </script>
</body>
</html>