<!DOCTYPE html>
<html lang="km">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EIRSVi</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer&family=Chenla&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        body {
            background-color: #0d1117; /* Dark GitHub background */
            color: #c9d1d9; /* Light text color */
            font-family: 'Chenla', sans-serif;
            overflow-x: hidden;
            font-size: 16px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
                              linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
            background-size: 20px 20px; /* Grid pattern */
        }

        .a4-page {
            width: 210mm;
            min-height: 297mm;
            background-color: #161b22; /* Darker background for A4 page */
            padding: 20mm;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            position: relative;
            margin: 20px auto;
            color: #c9d1d9;
            text-align: left;
            line-height: 1.6;
        }

        .word-like-text {
            white-space: pre-wrap;
            word-wrap: break-word;
            overflow: hidden;
            position: relative;
            font-family: 'Chenla', sans-serif; /* Khmer text font */
        }

        .english-text {
            font-family: 'JetBrains Mono', monospace; /* English text font */
        }

        .cursor {
            display: inline-block;
            background-color: #c9d1d9;
            width: 2px;
            height: 1em;
            margin-left: 2px;
            animation: blink 1s steps(2, start) infinite;
        }

        @keyframes blink {
            50% { background-color: transparent; }
        }

        .social-links {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 10px;
            background-color: #0d1117;
            text-align: center;
            font-size: 14px;
        }

        .social-links a {
            color: #c9d1d9;
            margin: 0 8px;
            transition: color 0.3s;
        }

        .social-links a:hover {
            color: #58a6ff; /* GitHub link color */
        }

        .footer {
            padding: 10px;
            text-align: center;
            font-size: 12px;
            color: #8b949e; /* GitHub footer text color */
        }

        /* Mobile-specific adjustments */
        @media (max-width: 768px) {
            .a4-page {
                width: 90%;
                min-height: auto;
                padding: 10mm;
                margin: 10px auto;
            }

            body {
                font-size: 14px;
            }

            .word-like-text {
                font-size: 14px;
            }

            .social-links {
                font-size: 12px;
            }
        }
    </style>
</head>
<body>
    <div class="a4-page">
        <div id="wordText" class="word-like-text"></div>
        <span class="cursor"></span>
    </div>

    <footer class="social-links">
        <a href="https://github.com/eirsvi" target="_blank"><i class="fab fa-github"></i></a>
        <a href="https://x.com/eirsvi" target="_blank"><i class="fab fa-twitter"></i></a>
        <a href="https://t.me/eirsvi" target="_blank"><i class="fab fa-telegram"></i></a>
        <a href="https://youtube.com/@eirsvi" target="_blank"><i class="fab fa-youtube"></i></a>
        <a href="https://tiktok.com/@eirsvi" target="_blank"><i class="fab fa-tiktok"></i></a>
    </footer>

    <script>
        function typeMessage(message, elementId, delay, callback) {
            const typingSpeed = 50;
            const target = document.getElementById(elementId);
            let index = 0;
            setTimeout(() => {
                const interval = setInterval(() => {
                    if (index < message.length) {
                        target.textContent += message.charAt(index);
                        index++;
                    } else {
                        clearInterval(interval);
                        if (callback) callback();
                    }
                }, typingSpeed);
            }, delay);
        }

        const newText = `សួស្តី ខ្ញុំឈ្មោះ​​ វី ។ បច្ចុប្បន្នកំពុងសិក្សាផ្នែកទំនាក់ទំនងព័ត៌មានវិទ្យាកុំព្យូទ័រ។ ខ្ញុំចូលចិត្តចំណាយពេលជាមួយកុំព្យូទ័រជាងទូរស័ព្ទដៃ ព្រោះវាផ្តល់នូវអារម្មណ៍នៃការគ្រប់គ្រង និងសេរីភាពក្នុងការស្រាវជ្រាវ និងវិភាគ។ រាល់ថ្ងៃ ខ្ញុំតែងតែរីករាយនឹងការរកឃើញអ្វីៗថ្មីៗ និងស្វែងយល់ពីពិភពលោកដែលកំពុងវិវត្តន៍នេះ ព្រមទាំងភាពស្មុគស្មាញ និងលំដាប់របស់វា។ ជាពិសេស ខ្ញុំចាប់អារម្មណ៍យ៉ាងខ្លាំងចំពោះការអភិវឌ្ឍន៍បច្ចេកវិទ្យា AI (Artificial Intelligence) ដែលកំពុងផ្លាស់ប្តូរជីវិតមនុស្សយើងយ៉ាងឆាប់រហ័ស។\n\nខ្ញុំមិនសូវប្រើប្រាស់បណ្តាញសង្គមទេ ព្រោះខ្ញុំឃើញថា Algorithm របស់វាមានបញ្ហា និងចំណាយពេលច្រើនពេក។ ខ្ញុំមានការព្រួយបារម្ភឃើញមិត្តភក្តិជុំវិញ ដូចជាជាប់អន្ទាក់ក្នុង Algorithmic platforms ដូចជា Facebook, YouTube ឬ TikTok ដែលពួកគេមិនអាចរួចផុតពីវដ្តនៃការមើលវីដេអូ លេងល្បែងកំសាន្ត ឬធ្វើអ្វីៗដែលធ្វើឲ្យគេចូលចិត្ត។ វាហាក់ដូចជាពួកគេត្រូវបានដាក់ Script ឲ្យដំណើរការដូចជាតូរអង្គក្នុងល្បែងកំសាន្តចឹងដែរ។ ខ្ញុំជឿថា ការកំណត់របៀបរស់នៅរបស់មនុស្សតាមរយៈ Algorithm គឺជាបញ្ហាធំមួយដែលត្រូវដោះស្រាយនាពេលអនាគត។\n\nខ្ញុំចូលចិត្តឆ្ងល់ថា តើអ្នកប្រើប្រាស់ដូចជាយើង ត្រូវបានគេចាត់ទុកដូចជាផលិតផលមួយ ដោយក្រុមហ៊ុនបច្ចេកវិទ្យាធំៗ ជាជាងមនុស្សធម្មតា។ ឧទាហរណ៍ ការប្រមូលទិន្នន័យរបស់យើងតាមរយៈបណ្តាញសង្គម កម្មវិធី និងឧបករណ៍ផ្សេងៗ ត្រូវបានគេប្រើដើម្បីបង្កើត AI ដែលអាចទស្សន៍ទាយឥរិយាបថ និងការសម្រេចចិត្តរបស់យើង។ នេះធ្វើឲ្យខ្ញុំឆ្ងល់ថា តើយើងកំពុងតែរស់នៅក្នុងពិភពដែលត្រូវបានគ្រប់គ្រងដោយ AI ឬក៏យើងនៅតែជាម្ចាស់នៃជីវិតរបស់យើង? ទោះបីខ្ញុំគោរពការគិតខុសគ្នាក៏ដោយ ខ្ញុំផ្ទាល់ខ្លួនជ្រើសរើសរក្សាគម្លាតពីវេទិកាបែបនេះ និងព្យាយាមយល់ពីផលប៉ះពាល់របស់វាលើសង្គម។\n\nនៅក្នុងពិភពដែល AI កំពុងដើរតួនាទីកាន់តែសំខាន់ ខ្ញុំឃើញថាមនុស្សយើងកំពុងត្រូវបានជំនួសដោយគ្រឿងយន្តក្នុងផ្នែកជាច្រើន។ ឧទាហរណ៍ ការងារដែលត្រូវការជំនាញខ្ពស់ ដូចជាការវិភាគទិន្នន័យ ការសរសេរកម្មវិធី ឬថែមទាំងការបង្កើតសិល្បៈ ក៏ត្រូវបានធ្វើដោយ AI។ នេះធ្វើឲ្យខ្ញុំឆ្ងល់ថា តើយើងត្រូវតែរៀបចំខ្លួនយ៉ាងដូចម្តេច ដើម្បីអាចប្រកួតប្រជែងជាមួយនឹងបច្ចេកវិទ្យាដែលកំពុងរីកចម្រើនយ៉ាងឆាប់រហ័សនេះ? តើយើងគួរតែពង្រឹងជំនាញអ្វីខ្លះ ដើម្បីកុំឲ្យត្រូវបានជំនួសដោយគ្រឿងយន្ត?​ \n\nទោះជាយ៉ាងណា ខ្ញុំក៏ឃើញថា AI ក៏មានភាពអស្ចារ្យផងដែរ។ វាអាចជួយដោះស្រាយបញ្ហាស្មុគស្មាញ បង្កើតដំណោះស្រាយថ្មីៗ និងធ្វើឲ្យជីវិតមនុស្សកាន់តែងាយស្រួល។ ប៉ុន្តែ ខ្ញុំជឿថា យើងត្រូវតែរៀបចំខ្លួនឲ្យបានល្អ ដើម្បីអាចប្រើប្រាស់ AI ជាមធ្យោបាយដើម្បីជួយដល់មនុស្សជាតិ ជាជាងអនុញ្ញាតឲ្យវាគ្រប់គ្រងជីវិតរបស់យើង។ \n\nសូមអរគុណចំពោះការចំណាយពេលអានអត្ថបទនេះ។ ជូនពរអ្នកសំណាងល្អ។`;

        typeMessage(newText, "wordText", 500);
    </script>
</body>
</html>