diff --git a/index.html b/index.html
new file mode 100644
index 0000000..be553c2
--- /dev/null
+++ b/index.html
@@ -0,0 +1,851 @@
+
+<!doctype html>
+<html lang="en" >
+<head>
+    <meta charset="utf-8" />
+    <title>MikroTik RouterOS Patched Versions</title>
+    <link href="https://unpkg.com/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+    <link href="https://unpkg.com/firacode/distr/fira_code.css" rel="stylesheet">
+    <style>
+        body,html {
+            height: 100%;
+            font-size: 100%
+        }
+        *,:after,:before {
+            -webkit-box-sizing: border-box;
+            -moz-box-sizing: border-box;
+            box-sizing: border-box
+        }
+        body {
+            background: #F7F7F7;
+            color: #757575;
+            padding-top:80px;
+            font-family:arial,sans-serif;
+            padding: 0;
+            margin: 0;
+            font-style: normal;
+            line-height: 1.5;
+            cursor: auto;
+            opacity:1;
+        }
+        a {-webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; color:#4984AE;text-decoration: none;}
+        a:hover{color: #2F5B7B}
+        h1,h2,h3,h4,h5,h6{font-family:'Open Sans',sans-serif;font-weight:normal;margin-bottom:18px;margin-top:26px;color:#626262;}
+        h1 {font-weight: 300}
+        h2{font-size:1.875rem}
+        h3{font-size:1.5rem}
+        .text-center{text-align:center}
+
+        .button {
+            border-style: solid;
+            border-width: 0;
+            cursor: pointer;
+            line-height: normal;
+            margin: 0 0 1.25rem;
+            position: relative;
+            text-align: center;
+            border-radius: 0;
+            display: inline-block;
+            font-size: 1rem;
+            background-color: #0992c9;
+            border-color: #0775a1;
+            color: #fff;
+            transition: background-color .3s ease-out;
+            padding: 1rem 2rem 1.0625rem
+        }
+
+        .button:focus,.button:hover,button:focus,button:hover {
+            background-color: #0775a1;
+            color: #fff
+        }
+        .button.secondary,button.secondary {
+            background-color: #e7e7e7;
+            border-color: #b9b9b9;
+            color: #333
+        }
+        .button.secondary:focus,.button.secondary:hover,button.secondary:focus,button.secondary:hover {
+            background-color: #b9b9b9;
+            color: #333
+        }
+
+        .wrapper{background:white;max-width:1600px;margin:auto;overflow:auto;padding-top:25px; padding-bottom: 35px;position: relative;}
+        .row {
+            max-width: 62.5rem;
+            margin: 0 auto
+        }
+        .row.collapse>.column,.row.collapse>.columns {
+            padding-left: 0;
+            padding-right: 0
+        }
+
+        .row.collapse .row {
+            margin-left: 0;
+            margin-right: 0
+        }
+
+        .row .row {
+            width: auto;
+            max-width: none;
+            margin: 0 -.9375rem
+        }
+
+        .row .row.collapse {
+            width: auto;
+            margin: 0;
+            max-width: none
+        }
+
+        .column,.columns {
+            padding-left: .9375rem;
+            padding-right: .9375rem;
+            width: 100%;
+            float: left
+        }
+        [class*=column]+[class*=column]:last-child {float: right}
+        [class*=column]+[class*=column].end { float: left}
+        hr {
+            border: solid #ddd;
+            border-width: 1px 0 0;
+            margin: 1.25rem 0 1.1875rem;
+            height: 0
+        }
+        b,strong { font-weight: 700}
+        small {font-size: 60%}
+        table {
+            background: #fff;
+            margin-bottom: 1.25rem;
+            border: 1px solid #ddd;
+            table-layout: auto
+        }
+        table caption {
+            background: 0 0;
+            color: #222;
+            font-size: 1rem;
+            font-weight: 700
+        }
+        table tfoot,table thead {
+            background: #f5f5f5;
+        }
+        table tfoot tr td,table tfoot tr th,table thead tr td,table thead tr th {
+            padding: .5rem .625rem .625rem;
+            font-size: .875rem;
+            font-weight: 700;
+            color: #222
+        }
+        table tr td,table tr th {
+            padding: .5625rem .625rem;
+            font-size: .875rem;
+            color: #222;
+            text-align: left;
+        }
+        table tr.alt,table tr.even,table tr:nth-of-type(even) {
+            background: #f9f9f9
+        }
+        table tbody tr td,table tbody tr th,table tfoot tr td,table tfoot tr th,table thead tr th,table tr td {
+            display: table-cell;
+            line-height: 1.125rem;
+        }
+        .table{width:100%;border:0;border-collapse:collapse;}
+        .table tr:nth-of-type(even){background-color:transparent;}
+        .table td{padding:4px 10px 4px 0;color:#757575}
+        .table thead {background:transparent;}
+        .table thead th{padding:4px 10px 4px 0;color:#747474}
+        .downloadTable, .fullWidth{width:100%;}
+        .downloadTable tbody tr{border-bottom:1px solid #e3e3e3}
+        .downloadTable tbody tr:hover{background-color:#f7f7f7}
+        .downloadTable td{padding:6px 10px}
+        .downloadTable tbody tr.ht td{background-color:#E8E8E8;border-bottom:0;}
+        .downloadTable tbody tr td.boldy{font-weight:bold;}
+        .downloadTable tbody tr:last-child{border-bottom:0;}
+        .downloadTable thead tr{background-color:#4caf50;}
+        .downloadTable thead th{color:white;padding:12px 5px}
+        .downloadTable tbody tr:first-child td:first-child{font-weight:bold;width:230px;}
+        .downloadTable tbody tr.hv td:not(:first-child){min-width:150px;}
+        .downloadTable td {padding: 0 4px; }
+        .downloadTable tr td:first-child {padding: 6px 10px;}
+        .download-btn, .changelog-btn, .checksums-btn { padding: 10px; color: grey;font-size: 1.2em;}
+        .download-btn:hover {color: #007bff;}
+        .downloadTable tr:hover .checksum-btn {
+            visibility: visible;
+        }
+        .download_version_row:hover{
+            background: #f0f3f7;
+            cursor: pointer;
+        }
+        .small-1 {
+            width: 8.33333%
+        }
+        .small-11 {
+            width: 91.66667%
+        }
+        .filter-blue {
+        filter: invert(39%) sepia(88%) saturate(5000%) hue-rotate(190deg) brightness(95%) contrast(90%);
+        }
+        .table-wrapper { position: relative; }
+        thead { position: relative; }
+        .collapse-btn {
+            position: absolute;
+            top: 50%;
+            right: 8px;
+            transform: translateY(-50%);
+            background: #fff;
+            border: 1px solid #ccc;
+            border-radius: 2px;
+            padding: 2px 6px;
+            cursor: pointer;
+            font-size: 0.85em;
+            line-height: 1;
+        }
+
+        .collapse-btn:hover {
+            background: gray;
+        }
+        .github-corner svg {clip-path: polygon(0 0, 100% 0, 100% 100%);}
+        .github-corner:hover .octo-arm {animation: octocat-wave 560ms ease-in-out;}
+        @keyframes octocat-wave {
+            0% { transform: rotate(0deg);}
+            20% {transform: rotate(-25deg);}
+            40% {transform: rotate(10deg);}
+            60% {transform: rotate(-25deg);}
+            80% {transform: rotate(10deg);}
+            100% {transform: rotate(0deg);}
+        }
+        @media (max-width: 500px) {
+            .github-corner:hover .octo-arm {animation: none;}
+            .github-corner .octo-arm {animation: octocat-wave 560ms ease-in-out;}
+        }
+        .reveal-modal {
+            display: none;
+            position: fixed;
+            z-index: 1005;
+            width: 60%;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            margin:  auto;
+            background-color: #fff;
+            padding: 1.875rem;
+            border: 1px solid #666;
+            box-shadow: 0 0 10px rgba(0,0,0,.4)
+        }
+        .reveal-modal .close-reveal-modal {
+            font-size: 2.5rem;
+            line-height: 1;
+            position: absolute;
+            top: .625rem;
+            right: 1.375rem;
+            color: #aaa;
+            font-weight: 700;
+            cursor: pointer
+        }
+        #version-buttons {margin-bottom: 12px;}
+        #version-buttons button {
+            background-color: #b9b9b9;
+            color: #fff;
+            border: none;
+            padding: 6px 12px;
+            margin-left: 6px;
+            border-radius: 1px;
+            cursor: pointer;
+        }
+        #version-buttons button:hover {background-color: #555;}
+        #version-buttons button.active {background-color: #4caf50;}
+        #command-container {
+            position: relative;
+            margin-top: 12px;
+        }
+        #copy-btn {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            background-color: #4caf50;
+            color: white;
+            border: none;
+            padding: 4px 8px;
+            border-radius: 3px;
+            cursor: pointer;
+            font-size: 12px;
+            z-index: 10;
+        }
+        #copy-btn i {margin-right: 6px;}
+        #copy-btn:hover {background-color: #45a049;}
+        #command pre {
+            font-family: 'Fira Code', monospace !important;
+            font-size: 13px;
+            line-height: 1.5;
+            background-color: #1e1e1e;
+            color: #d4d4d4;
+            padding: 12px;
+            border-radius: 3px;
+            overflow-x: auto;
+        }
+        #command .bash { color: #c586c0; font-weight: bold; }
+        #command .url { color: #569cd6; }
+        #command .version { color: #4ec9b0; font-weight: bold; }
+        #command pre:hover {background-color: #2c2c2c;}
+    </style>
+</head>
+<body>
+    <script>
+        function fetch_latest_versions(url, defaultValue) {
+            try {
+                const xhr = new XMLHttpRequest();
+                xhr.open("GET", url, false); 
+                xhr.send(null);
+                if (xhr.status === 200) {
+                    return xhr.responseText.split(" ")[0];
+                }
+            } catch (e) {
+                console.warn("fetch 失败:", e);
+            }
+            return defaultValue;
+        }
+        const routeros7_stable = fetch_latest_versions("https://upgrade.mikrotik.ltd/routeros/NEWESTa7.stable", "7.19.4");
+        const routeros7_testing = fetch_latest_versions("https://upgrade.mikrotik.ltd/routeros/NEWESTa7.testing", "7.20beta9");
+        const routeros6_longterm = fetch_latest_versions("https://upgrade.mikrotik.ltd/routeros/NEWEST6.long-term", "6.49.18");
+        const routeros6_stable = fetch_latest_versions("https://upgrade.mikrotik.ltd/routeros/NEWEST6.stable", "6.49.19");
+
+
+
+
+        const downloads =[
+            {
+                title:"RouterOS v7",
+                versions:[
+                    {
+                        title:"Stable",
+                        version:routeros7_stable,
+                    },
+                    {
+                        title:"Testing",
+                        version:routeros7_testing,
+                    }
+                ],
+                groups: [
+                    {
+                        title:"ARM64 / AMPERE",
+                        arch:"arm64",
+                        downloads:[
+                            {
+                                title:"Main package",
+                                type:"main"
+                            },
+                            {
+                                title:"Extra packages",
+                                type:"extra"
+                            },
+                            {
+                                title:"ISO image for AMPERE",
+                                type:"iso"
+                            }
+                        ]
+                    },
+                    {
+                        title:"X86",
+                        arch:"x86",
+                        downloads:[
+                            {
+                                title:"Main package",
+                                type:"main"
+                            },
+                            {
+                                title:"Extra packages",
+                                type:"extra"
+                            },
+                            {
+                                title:"CD Image",
+                                type:"iso"
+                            },
+                            {
+                                title:"Install image",
+                                type:"install"
+                            }
+                        ]
+                    },
+                    {
+                        title:"GENERAL",
+                        arch:"general",
+                        downloads:[
+                            {
+                                title:"Netinstall (Windows)",
+                                type:"netinstall_windows"
+                            },
+                            {
+                                title:"Netinstall (CLI Linux)",
+                                type:"netinstall_linux_cli"
+                            },
+                        ]
+                    }
+                ]
+            },
+            {
+                title:"RouterOS v6",
+                versions:[
+                    {
+                        title:"Long-Term",
+                        version:routeros6_longterm,
+                    },
+                    {
+                        title:"Stable",
+                        version:routeros6_stable,
+                    }
+                ],
+                groups: [
+                    {
+                        title:"X86",
+                        arch:"x86",
+                        downloads:[
+                            {
+                                title:"Extra packages",
+                                type:"extra"
+                            },
+                            {
+                                title:"CD Image",
+                                type:"iso"
+                            },
+                            {
+                                title:"Install image",
+                                type:"install"
+                            }
+                        ]
+                    }
+
+                ]
+            },
+            {
+                title:"Cloud Hosted Router",
+                versions:[
+                    {
+                        title:"Long-Term",
+                        version:routeros6_longterm,
+                    },
+                    {
+                        title:"Stable",
+                        version:routeros6_stable,
+                    },
+                    {
+                        title:"Stable",
+                        version:routeros7_stable,
+                    },
+                    {
+                        title:"Testing",
+                        version:routeros7_testing,
+                    }
+                ],
+                groups:[
+                    {
+                        title:"X86",
+                        arch:"x86",
+                        downloads:[
+                            {
+                                title:"Main package",
+                                type:"main"
+                            },
+                            {
+                                title:"Extra packages",
+                                type:"extra"
+                            },
+                            {
+                                title:"VHDX image",
+                                type:"vhdx"
+                            },
+                            {
+                                title:"VMDK image",
+                                type:"vmdk"
+                            },
+                            {
+                                title:"VDI image",
+                                type:"vdi"
+                            },
+                            {
+                                title:"VirtualPC image",
+                                type:"vhd"
+                            },
+                            {
+                                title:"Raw disk image",
+                                type:"img"
+                            },
+                            {
+                                title:"OVA template	",
+                                type:"ova"
+                            }
+                        ],
+                    },
+                    {
+                        title:"ARM64 / AMPERE",
+                        arch:"arm64",
+                        downloads:[
+                            {
+                                title:"Main package",
+                                type:"main"
+                            },
+                            {
+                                title:"Extra packages",
+                                type:"extra"
+                            },
+                            {
+                                title:"VHDX image",
+                                type:"vhdx"
+                            },
+                            {
+                                title:"VMDK image",
+                                type:"vmdk"
+                            },
+                            {
+                                title:"VDI image",
+                                type:"vdi"
+                            },
+                            {
+                                title:"VirtualPC image",
+                                type:"vhd"
+                            },
+                            {
+                                title:"Raw disk image",
+                                type:"img"
+                            }
+                        ],
+                    }
+                ]
+
+            },
+        ]
+
+        const fileNames = (version,arch,type) => {
+            const files = [];
+            if(version.charAt(0) === "6" && arch != "x86") return files;
+            if(type === "main" && version.charAt(0) === "7" )
+                files.push(`routeros-${version}${arch === "x86" ? "" : "-"+arch}.npk`);
+            if(type === "iso")
+                files.push(`mikrotik-${version}${arch === "x86" ? "" : "-"+arch}.iso`);
+            if(type === "extra")
+                files.push(`all_packages-${arch}-${version}.zip`);
+            if(type === "install")
+                files.push(`install-image-${version}${arch === "x86" ? "" : "-"+arch}.zip`);
+            if(type in {vhdx:1, vmdk:1, vdi:1, vhd:1, img:1}){
+                files.push(`chr-${version}${arch === "x86" ? "" : "-"+arch}.${type}.zip`);
+                if(arch === "x86" && version.charAt(0) != "6" ) files.push(`chr-${version}-legacy-bios.${type}.zip`);
+            }
+            if(type === "ova" && version.charAt(0) != "6"){
+                files.push(`chr-${version}${arch === "x86" ? "" : "-"+arch}.${type}.zip`);
+                if(arch === "x86" ) files.push(`chr-${version}-legacy-bios.${type}.zip`);
+            }   
+            if(type === "netinstall_windows")
+                files.push(`netinstall-${version}.zip`);
+            if(type === "netinstall_linux_cli")
+                files.push(`netinstall-${version}.tar.gz`);
+
+            return files;
+            
+        };
+ 
+        const baseUrl = (version,arch) => `${localStorage.getItem("gh-proxy-enabled") === "true" ? "https://gh-proxy.com/":""}https://github.com/elseif/MikroTikPatch/releases/download/${version}${arch === "x86" ? "":arch === "general"? "": "-"+arch}/`;
+        window.addEventListener('DOMContentLoaded', () => {
+            const container = document.getElementById("download-rows");
+            downloads.forEach((download, index) => {
+                const wrapper = document.createElement("div");
+                wrapper.className = "table-wrapper";
+                const table = document.createElement("table");
+                table.className = "table tablev downloadTable"
+                table.innerHTML = `
+                <thead>
+                    <tr>
+                        <th>${download.title}</th>
+                        ${download.versions.map(v => `<th>${v.version} ${v.title}</th>`).join("")}
+                    </tr>
+                </thead>
+                <tbody>
+                    ${download.groups.map(g => {
+                        return `
+                            <tr class="ht">
+                                <td class="boldy">${g.title}</td>
+                                <td colspan="${download.versions.length}"></td>
+                                
+                            </tr>
+                            ${g.downloads.map(d => {
+                                return `
+                                    <tr class="hv">
+                                        <td>${d.title}</td>
+                                        ${download.versions.map(v => {
+                                            const files = fileNames(v.version,g.arch,d.type);
+                                            if (files && files.length > 0) {
+                                                const links = files.map(file => {
+                                                    const url = `${baseUrl(v.version, g.arch)}${file}`;
+                                                    if (download.versions.length === 4 && d.type in {vhdx:1,vmdk:1,vdi:1,vhd:1,img:1,ova:1}  ){
+                                                        if (v.version.charAt(0) === "6" ){
+                                                            return `<a href="${url}" class="download-btn" title="${file}" target="_blank"><i class="fa fa-download"></i> Legacy</a>`;
+
+                                                        }else{
+                                                            if (file.includes("legacy-bios")){
+                                                                return `<a href="${url}" class="download-btn" title="${file}" target="_blank"><i class="fa fa-download"></i> Legacy</a>`;
+                                                            }else{
+                                                                return `<a href="${url}" class="download-btn" title="${file}" target="_blank"><i class="fa fa-download"></i> UEFI</a>`;
+                                                            }
+                                                        }
+
+                                                    }else{
+                                                        return `<a href="${url}" class="download-btn" title="${file}" target="_blank"><i class="fa fa-download"></i></a>`;
+                                                    }
+                                                }).join(" ");  
+                                                return `<td>${links}</td>`;
+                                            }else{
+                                                return `<td></td>`;
+                                            }
+                                        }).join("")}
+                                    </tr>
+                                `;
+                            }).join("")}
+                        `;
+                    }).join("")}
+
+                </tbody>
+                `
+                const btn = document.createElement("button");
+                btn.className = "collapse-btn";
+                btn.innerHTML = `<i class="fa fa-minus"></i>`;
+                table.querySelector("thead").appendChild(btn);
+                wrapper.appendChild(table);
+                container.appendChild(wrapper);
+                const tbody = table.querySelector("tbody");
+                if (index === 0) {
+                    tbody.style.display = "";
+                    btn.innerHTML = `<i class="fa fa-minus"></i>`;
+                } else {
+                    tbody.style.display = "none";
+                    btn.innerHTML = `<i class="fa fa-plus"></i>`;
+                }
+                btn.onclick = () => {
+                    if (tbody.style.display === "none") {
+                    tbody.style.display = "";
+                    btn.innerHTML = `<i class="fa fa-minus"></i>`;
+                    } else {
+                    tbody.style.display = "none";
+                    btn.innerHTML = `<i class="fa fa-plus"></i>`;
+                    }
+                };
+            });
+            document.getElementById("clear-cache").onclick = e => {
+                const links = document.querySelectorAll("a[href^='https://gh-proxy.com/https://github.com/elseif/MikroTikPatch/']");
+                document.getElementById("urls-list").innerText = Array.from(links).map(a => a.href).join("\n");
+                document.getElementById("urls-pannel").style.display = "block";
+                
+            };
+
+            document.getElementById("urls-close").onclick = () => {
+                document.getElementById("urls-pannel").style.display = "none";
+            };
+            document.getElementById("copy-to-clear-cache").onclick = () => {
+                const el = document.getElementById("urls-list");
+                const range = document.createRange();
+                range.selectNodeContents(el);
+                const selection = window.getSelection();
+                selection.removeAllRanges();
+                selection.addRange(range);
+                document.execCommand("copy"); 
+                window.open("https://cache.gh-proxy.com/", "_blank");
+                document.getElementById("urls-pannel").style.display = "none";
+            }
+
+            const ghProxyCheckbox = document.querySelector('input[name="gh-proxy"]');
+            ghProxyCheckbox.checked = localStorage.getItem("gh-proxy-enabled") === "true";
+            document.getElementById("clear-cache").style.display = ghProxyCheckbox.checked ?"inline-block":"none";
+            ghProxyCheckbox.addEventListener("change", () => {
+                if (ghProxyCheckbox.checked) {
+                    localStorage.setItem("gh-proxy-enabled", "true");
+                    const links = document.querySelectorAll("a[href^='https://github.com/elseif/MikroTikPatch/']");
+                    links.forEach(link => {
+                        link.href = link.href.replace(/^https:\/\/github\.com\//, "https://gh-proxy.com/https://github.com/");
+                    });
+                    document.getElementById("clear-cache").style.display = "inline-block";
+     
+                } else {
+                    localStorage.setItem("gh-proxy-enabled", "false");
+                    const links = document.querySelectorAll("a[href^='https://gh-proxy.com/https://github.com/elseif/MikroTikPatch/']");
+                    links.forEach(link => {
+                        link.href = link.href.replace(/^https:\/\/gh-proxy\.com\//, "");
+                    });
+                    document.getElementById("clear-cache").style.display = "none";
+                }
+                const activeBtn = document.querySelector("#version-buttons button.active");
+                if (activeBtn) updateCommand(activeBtn.dataset.version);
+            });
+
+
+
+            const versionBtns = document.getElementById("version-buttons");
+            const commandDiv = document.getElementById("command");
+            const copyBtn = document.getElementById("copy-btn");
+            versionBtns.innerHTML = `
+                <span style="color:#333" data-i18n="installCmdLabel"></span>
+                <label><input type="radio" name="tool" value="curl" checked>curl</label>
+                <label><input type="radio" name="tool" value="wget">wget</label>
+                <button data-version="${routeros7_stable}">RouterOS v7 Stable</button>
+                <button data-version="${routeros7_testing}">RouterOS v7 Testing</button>
+                <button data-version="${routeros6_longterm}">RouterOS v6 Long-Term</button>
+                <button data-version="${routeros6_stable}">RouterOS v6 Stable</button>
+            `
+
+            function updateCommand(version) {
+                const tool = document.querySelector('input[name="tool"]:checked').value;
+                let cmd;
+                const proxy = `${localStorage.getItem("gh-proxy-enabled") === "true"?" | sed 's#https://github.com#https:/gh-proxy.com/https://github.com#g'":""}`;
+                if (tool === "curl") {
+                    cmd = `<pre ${proxy === ""?"":"style='font-size:12px'"}><span class="bash">curl</span> <span class="url">https://mikrotik.ltd/chr.sh</span>${proxy} | <span class="bash">bash</span> -s <span class="version">${version}</span></pre>`;
+                } else { 
+                    cmd = `<pre ${proxy === ""?"":"style='font-size:11px'"}><span class="bash">wget</span> -O - <span class="url">https://mikrotik.ltd/chr.sh</span>${proxy}  | <span class="bash">bash</span> -s <span class="version">${version}</span></pre>`;
+                }
+                commandDiv.innerHTML = cmd;
+            }
+            document.querySelectorAll('input[name="tool"]').forEach(radio => {
+                radio.addEventListener("change", () => {
+                    const activeBtn = document.querySelector("#version-buttons button.active");
+                    if (activeBtn) updateCommand(activeBtn.dataset.version);
+                });
+            });
+
+            const buttons = document.querySelectorAll("#version-buttons button");
+            buttons.forEach(btn => {
+                btn.addEventListener("click", () => {
+                    updateCommand(btn.dataset.version);
+                    buttons.forEach(b => b.classList.remove("active"));
+                    btn.classList.add("active");
+                });
+            });
+            updateCommand(buttons[0].dataset.version);
+            buttons[0].classList.add("active");
+
+
+            copyBtn.addEventListener("click", () => {
+                const code = commandDiv.querySelector("pre").innerText;
+                navigator.clipboard.writeText(code).then(() => {
+                    copyBtn.innerHTML = `<i class="fa fa-copy"></i>Copied!`;
+                    setTimeout(() => { copyBtn.innerHTML = `<i class="fa fa-copy"></i>Copy`; }, 1500);
+                }).catch(err => {
+                    console.error("Copy failed:", err);
+                });
+            });
+
+
+            const i18n = {
+                en: {
+                    language: "Language:",
+                    infoLabel1:`If you are already running <b>patched</b> RouterOS, upgrading to the latest version can be done by clicking on <b>"Check For Updates"</b>
+                    in <b>QuickSet or System > Packages</b>
+                    menu in WebFig or WinBox.`,
+                    infoLabel2:`For more information about <b>install and upgrade</b> see the <a href="https://help.mikrotik.com/docs/" target="_blank">Documentation</a><br>
+                    For more information about <b>patch</b> see the <a href="https://github.com/elseif/MikroTikPatch" target="_blank">MikroTikPatch</a>`,
+                    installCmdLabel:"<b>Install Command</b>",
+                    proxyLabel:"Use a proxy service to accelerate access to GitHub files",
+                    clearCache:"Clear Cache",
+                    copyUrlsClearCache:"Copy URLs to Clear Cache",
+                },
+                zh: {
+                    language: "语言:",
+                    infoLabel1:`如果你已经在运行<b>Patch</b>过的RouterOS，可以通过WebFig或WinBox中的<b>QuickSet或System > Packages</b>菜单点击<b>"Check For Updates"</b>来升级到最新版本。`,
+                    infoLabel2:`有关<b>安装和升级</b>的更多信息，请参阅<a href="https://help.mikrotik.com/docs/" target="_blank">文档</a><br>有关<b>Patch</b>的更多信息，请参阅<a href="https://github.com/elseif/MikroTikPatch" target="_blank">MikroTikPatch</a>`,
+                    installCmdLabel:"<b>安装命令</b>",
+                    proxyLabel:"使用代理服务加速访问GitHub文件",
+                    clearCache:"清除缓存",
+                    copyUrlsClearCache:"复制链接以清除缓存",
+                }
+            };
+            function setLanguage(lang) {
+                document.querySelectorAll("[data-i18n]").forEach(el => {
+                    const key = el.getAttribute("data-i18n");
+                    if (i18n[lang] && i18n[lang][key]) {
+                        el.innerHTML = i18n[lang][key];
+                    }
+                });
+                localStorage.setItem("lang", lang);
+            }
+            function initLanguage() {
+                let savedLang = localStorage.getItem("lang");
+                if (!savedLang) {
+                    savedLang = navigator.language.startsWith("zh") ? "zh" : "en";
+                }
+                document.getElementById("lang-switcher").value = savedLang;
+                setLanguage(savedLang);
+            }
+            document.getElementById("lang-switcher").addEventListener("change", e => {
+            setLanguage(e.target.value);
+            });
+            initLanguage();
+
+        });
+    </script>
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
+    <div class="wrapper">
+        <a href="https://github.com/elseif/MikroTikPatch" class="github-corner" aria-label="View source on GitHub" target="_blank">
+            <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 250 250" fill="#151513" style="position: absolute; top: 0; right: 0">
+            <path d="M0 0l115 115h15l12 27 108 108V0z" fill="#151513"/>
+            <path class="octo-arm" fill="#fff" d="M128 109c-15-9-9-19-9-19 3-7 2-11 2-11-1-7 3-2 3-2 4 5 2 11 2 11-3 10 5 15 9 16" style="-webkit-transform-origin: 130px 106px; transform-origin: 130px 106px"/>
+            <path class="octo-body" fill="#fff" d="M115 115s4 2 5 0l14-14c3-2 6-3 8-3-8-11-15-24 2-41 5-5 10-7 16-7 1-2 3-7 12-11 0 0 5 3 7 16 4 2 8 5 12 9s7 8 9 12c14 3 17 7 17 7-4 8-9 11-11 11 0 6-2 11-7 16-16 16-30 10-41 2 0 3-1 7-5 11l-12 11c-1 1 1 5 1 5z"/>
+            </svg>
+        </a>
+
+        <div class="row">
+            <div class="text-center">
+                <h1 class="filter-blue" style="margin-top: 20px;"><b>MikroTik RouterOS Patched Versions</b></h1>
+            </div>            
+        </div>
+        <div class="row text-center">
+            <div> 
+                <a href="https://github.com/elseif/MikroTikPatch/actions/workflows/mikrotik_patch_6.yml" target="_blank"><img src="https://mikrotik.ltd/badge/mikrotik_patch_6.yml" alt="Patch Mikrotik RouterOS 6.x"></a>
+                <a href="https://github.com/elseif/MikroTikPatch/actions/workflows/mikrotik_patch_7.yml" target="_blank"><img src="https://mikrotik.ltd/badge/mikrotik_patch_7.yml" alt="Patch Mikrotik RouterOS 7.x"></a>
+            </div>
+            <div>                     
+                <img src="https://img.shields.io/endpoint?logo=icloud&url=https://mikrotik.ltd/status/cloud" alt="Cloud Status">
+                <img src="https://img.shields.io/endpoint?logo=googlecloudstorage&url=https://mikrotik.ltd/status/dartnode" alt="VPS Status">
+            </div>
+            <a class="github-button" href="https://github.com/elseif/MikroTikPatch" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star elseif/MikroTikPatch on GitHub">Star</a>
+            <a class="github-button" href="https://github.com/elseif/MikroTikPatch/fork" data-icon="octicon-repo-forked" data-size="large" data-show-count="true" aria-label="Fork elseif/MikroTikPatch on GitHub">Fork</a>
+
+        </div>
+        <div class="row">
+                <p data-i18n="infoLabel1"></p>
+                <p data-i18n="infoLabel2"></p>
+                <div id="version-buttons"></div >
+                <div id="command-container">
+                    <button id="copy-btn"><i class="fa fa-copy"></i>Copy</button>
+                    <div id="command"></div>
+                </div>
+                <div style="height: 30px;">
+                    <label><input type="checkbox" name="gh-proxy"><span data-i18n="proxyLabel"></span></label>
+                    <a data-i18n="clearCache" id="clear-cache" class="button secondary" style="margin: 0px 10px !important;padding: 6px;font-size: .8125rem;height: 30px;" href="#" title="gh-proxy"></a>
+                </div>
+        </div>
+        <div class="row" style="display: flex; align-items: center; justify-content: center; ">
+            <div id="urls-pannel" class="reveal-modal" style="display: none;" tabindex="0">
+                <a id="urls-close" class="close-reveal-modal" aria-label="Close">×</a>
+                <div id="urls-list" style="margin: 20px; font-size: 16px;overflow:auto;height: 300px;"></div>
+                <div style="display: flex; align-items: center; justify-content: center; ">
+                    <a data-i18n="copyUrlsClearCache" id="copy-to-clear-cache" class="button" style="margin-bottom: 0;padding: 8px;; width:180px;height:30px;font-size: .8125rem;" href="#" title="gh-proxy"></a> 
+                </div>
+            </div>
+        </div>
+        <div class="row" id="download-rows" style="margin-top: 2vh;"></div>
+
+        <div class="row">
+            <ul style="display: flex; align-items: center; justify-content: center; gap: 20px; list-style: none; padding: 0; margin: 0; ">
+                <li>
+                    <a href="https://t.me/mikrotikpatch" target="_blank" title="Telegram">
+                        <i class="fa fa-telegram fa-2x"></i>
+                    </a>
+                </li>
+                <li>
+                    <a href="https://github.com/elseif/MikroTikPatch" target="_blank" title="GitHub">
+                        <i class="fa fa-github fa-2x"></i>
+                    </a>
+                </li>
+                <li style="display: flex; gap: 6px;">
+                    <span data-i18n="language"></span>
+                    <select id="lang-switcher">
+                        <option value="en">English</option>
+                        <option value="zh">中文</option>
+                    </select>
+                </li>
+            </ul>
+
+        </div>
+    </div>
+</body>
+</html>
