index.html

<!DOCTYPE html>
<html lang="fa">
    <head>
        <link href="./assets/css/bootstrap.min.css" rel="stylesheet" />
        <link href="./assets/css/bootstrap-rtl.min.css" rel="stylesheet" />
        <link href="./assets/css/vazir.css" rel="stylesheet" />
        <link href="./assets/css/style.css?v1.13" rel="stylesheet" />
        <link href="./assets/css/lang.css?v1.11" rel="stylesheet" />
        <title>IRCF | ابزار فرگمنت</title>
        <meta name="description" content="توسط ابزار فرگمنت می‌تونین دامنه‌های مرده‌تون رو مجدد زنده کنید!" />
        <meta name="keywords" content="کلودفلر, کلادفلر, cloudflare, cf, آی پی تمیز, آی پی سالم, اسکن آی پی" />
        <meta name="robots" content="index,follow,noodp" />
        <meta name="googlebot" content="index,follow" />
        <meta name="theme-color" content="#ff7900" />
        <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
        <meta charset="UTF-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="icon" type="image/x-icon" href="./assets/favicon.ico?v1.1" />
        <script>
            const baseUrl = 'https://ircfspace.github.io/fragment/';
            const vercelUrl = 'https://irimmortal.vercel.app/json/prm/';
            const qrUrl = 'https://quickchart.io/qr/';
        </script>
    </head>
    <body>
        <nav class="navbar navbar-inverse">
            <div class="container">
                <div class="col-lg-6 col-md-8 col-sm-12 col-xs-12 col-centered">
                    <a href=".">
                        <img src="./assets/img/cflogo.png?v1.1" alt="logo" />
                        <h1>اینترنت برای همه؛ یا هیچ‌کس!</h1>
                    </a>
                </div>
            </div>
        </nav>
        <div class="clearfix"></div>
        <div class="container">
            <div class="col-lg-6 col-md-8 col-sm-12 col-xs-12 col-centered">
                <ul class="nav nav-tabs">
                    <li>
                        <a href="https://ircf.space">معرفی</a>
                    </li>
                    <li class="dropdown active">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">فرگمنت <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="https://t.me/ircfspace/345" target="_blank">درباره فرگمنت</a></li>
                            <li class="active"><a href="./index.html">ابزار فرگمنت</a></li>
                            <li class="divider"></li>
                            <li><a href="https://shorturl.at/cfpE8" target="_blank">نحوه استفاده</a></li>
                            <li><a href="https://youtube.com/watch?v=LXJIcLa1v6Y" target="_blank">آموزش ویدئویی</a></li>
                            <li><a href="https://youtube.com/watch?v=4L7zajnLtOs&t=339s" target="_blank">استفاده با ساب</a></li>
                            <li class="divider"></li>
                            <li><a href="https://t.me/ircfspace/356" target="_blank">اهمیت IP تمیز</a></li>
                            <li><a href="https://t.me/ircfspace/185" target="_blank">کاربرد EarlyData</a></li>
                            <li><a href="https://t.me/ircfspace/292" target="_blank">Mux چیست؟</a></li>
                            <li class="divider"></li>
                            <li><a href="https://raw.githubusercontent.com/GFW-knocker/gfw_resist_HTTPS_proxy/main/ServerLess_TLSFrag_Xray_Config.json" target="_blank">فرگمنت یوتیوب</a></li>
                            <li><a href="https://ircfspace.github.io/tconfig" target="_blank">کانفیگ رایگان</a></li>
                            <li><a href="https://scanner.github1.cloud" target="_blank">اسکنر IP</a></li>
                        </ul>
                    </li>
                    <li class="pull-left">
                        <a href="https://ircf.space/contacts.php">تماس‌باما</a>
                    </li>
                </ul>
                <div class="clearfix"></div>
                <ul class="flags" id="flags">
                    <li><a href="index.html" data-lang="cn">
                        <img src="assets/img/flag/cn.png" alt="CN / چینی" />
                    </a></li>
                    <li><a href="index.html" data-lang="ru">
                        <img src="assets/img/flag/ru.png" alt="RU / روسی" />
                    </a></li>
                    <li><a href="index.html" data-lang="en">
                        <img src="assets/img/flag/gb.png" alt="EN / انگلیسی" />
                    </a></li>
                    <li><a href="index.html" data-lang="fa">
                        <img src="assets/img/flag/ir.png" alt="FA / پارسی" />
                    </a></li>
                </ul>
                <div class="clearfix"></div>
                <div class="alert alert-info" id="defAlert">
                    <p data-i18n="welcome_message"></p>
                </div>
                <p data-i18n="config_input"></p>
                <div class="input-group">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button" id="checkConf" data-i18n="config_input_submit"></button>
                    </span>
                    <input class="form-control dirLeft" data-i18n-label="config_input_label" value="" id="defConfig" />
                </div>
                <div class="orClass"><small data-i18n="config_form_ortext"></small></div>
                <p data-i18n="config_form_label"></p>
                <div class="xsWidth">
                    <select class="form-control dirLeft" id="protocol">
                        <option value="vless">VLESS</option>
                        <option value="vmess">VMESS</option>
                        <option value="trojan">TROJAN</option>
                    </select>
                    <select class="form-control dirLeft" id="stream">
                        <option value="ws">WS</option>
                        <option value="grpc">GRPC</option>
                    </select>
                    <input class="form-control dirLeft" data-i18n-label="config_form_cleanip" id="cleanIp" data-toggle="tooltip" data-i18n-title="config_form_cleanip_tooltip" />
                </div>
                <div class="xsWidth">
                    <input class="form-control dirLeft" data-i18n-label="config_form_sni" id="sni" />
                    <input class="form-control dirLeft" data-i18n-label="config_form_path" id="path" />
                    <!--<select class="form-control dirLeft" id="port">
                        <option value="80">80</option>
                        <option value="443" selected>443</option>
                        <option value="2052">2052</option>
                        <option value="2053">2053</option>
                        <option value="2082">2082</option>
                        <option value="2083">2083</option>
                        <option value="2086">2086</option>
                        <option value="2087">2087</option>
                        <option value="2095">2095</option>
                        <option value="2096">2096</option>
                        <option value="8080">8080</option>
                        <option value="8443">8443</option>
                        <option value="8880">8880</option>
                    </select>-->
                    <input class="form-control dirLeft" data-i18n-label="config_form_port" id="port" type="number" min="80" />
                </div>
                <div class="minWidth firstlg">
                    <input class="form-control dirLeft" data-i18n-label="config_form_uuid" id="uuid" />
                    <select class="form-control dirLeft" id="fingerprint">
                        <option value="none"></option>
                        <option value="chrome" selected>Chrome</option>
                        <option value="firefox">Firefox</option>
                        <option value="safari">Safari</option>
                        <option value="edge">Edge</option>
                        <option value="android">Android</option>
                        <option value="ios">IOS</option>
                        <option value="random">Random</option>
                        <option value="randomized">Randomized</option>
                    </select>
                </div>
                <div class="minWidth none" id="grpcOnly">
                    <select class="form-control dirLeft" id="grpcMode">
                        <option value="gun">gunMode</option>
                        <option value="multi">multiMode</option>
                    </select>
                    <input class="form-control dirLeft" data-i18n-label="config_form_serviceName" id="serviceName" />
                </div>
                <div class="clearfix"></div>
                <label class="switch" data-toggle="tooltip" data-i18n-title="config_switch_tls_tooltip">
                    <input type="checkbox" id="tls" checked />
                    <span class="slider round"></span>
                    <strong data-i18n="config_switch_tls"></strong>
                </label>
                <label class="switch" data-toggle="tooltip" data-i18n-title="config_switch_insecure_tooltip">
                    <input type="checkbox" id="insecure" />
                    <span class="slider round"></span>
                    <strong id="secureLabel" data-i18n="config_switch_insecure"></strong>
                </label>
                <label class="switch" data-toggle="tooltip" data-i18n-title="config_switch_earlydata_tooltip">
                    <input type="checkbox" id="early" />
                    <span class="slider round"></span>
                    <strong data-i18n="config_switch_earlydata"></strong>
                </label>
                <label class="switch" data-toggle="tooltip" data-i18n-title="config_switch_mux_tooltip">
                    <input type="checkbox" id="mux" />
                    <span class="slider round"></span>
                    <strong data-i18n="config_switch_mux"></strong>
                </label>
                <label class="switch" data-toggle="tooltip" data-i18n-title="config_switch_direct_rule_tooltip">
                    <input type="checkbox" id="direct" />
                    <span class="slider round"></span>
                    <strong data-i18n="config_switch_direct_rule"></strong>
                </label>
                <div class="muxForm none" id="muxForm">
                    <div class="orClass"><small data-i18n="config_mux_label"></small></div>
                    <input class="form-control dirLeft" data-i18n-label="config_mux_concurrency" id="concurrency" value="8" data-toggle="tooltip" data-i18n-title="config_mux_concurrency_tooltip" />
                </div>
                <div class="orClass"><small data-i18n="config_fragment_label"></small></div>
                <div class="xsWidth">
                    <input class="form-control dirLeft" data-i18n-label="config_fragment_packets" data-toggle="tooltip" data-i18n-title="config_fragment_packets" id="packets" value="tlshello" />
                    <input class="form-control dirLeft" data-i18n-label="config_fragment_length" data-toggle="tooltip" data-i18n-title="config_fragment_length" id="length" value="10-20" />
                    <input class="form-control dirLeft" data-i18n-label="config_fragment_interval" data-toggle="tooltip" data-i18n-title="config_fragment_interval" id="interval" value="10-20" />
                </div>
                <div class="remarksForm none" id="remarksForm">
                    <div class="orClass"><small data-i18n="config_remarks_label"></small></div>
                    <input class="form-control dirLeft" id="remarks" Placeholder="Remarks" />
                </div>
                <div class="orClass"><small data-i18n="config_app_name_label"></small></div>
                <div class="betaVersion rangeSelector">
                    <input type="radio" name="app" id="allApp" value="1" checked />
                    <label for="allApp" data-i18n="config_app_name_all"></label>
                    <div class="clearfix"></div>
                    <input type="radio" name="app" id="nekoray" value="1" />
                    <label for="nekoray" data-toggle="tooltip" data-i18n-title="config_app_name_nekoray_tooltip">Nekoray</label>
                    <div class="clearfix"></div>
                    <input type="radio" name="app" id="napsternetV" value="1" />
                    <label for="napsternetV" data-toggle="tooltip" data-i18n-title="config_app_name_napsternetV_tooltip">NapsternetV</label>
                </div>
                <div class="clearfix"></div>
                <button class="btn btn-info" type="submit" id="qrGen" data-i18n="config_form_convert"></button>
                <div class="clearfix"></div>
                <textarea id="jsonOutput" class="jsonOutput"></textarea>
                <div class="clearfix"></div>
                <br>
                <div id="qrModal" class="modal fade" role="dialog">
                    <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close pull-right" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title dirLeft">QRCode</h4>
                            </div>
                            <div class="modal-body">
                                <div class="qrcode" id="qrcode">
                                    <a href="javascript:;" id="copyJsonFromQR">
                                        <img src="" alt="qrcode" />
                                    </a>
                                    <input class="form-control dirLeft" value="" />
                                </div>
                                <div class="alert alert-warning" data-i18n="config_form_qrcode_alert"></div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" id="copyUrl" data-i18n="config_form_copyurl"></button>
                                <button type="button" class="btn btn-default" id="jsonUrl" data-i18n="config_form_jsonurl"></button>
                                <button type="button" class="btn btn-default" id="getFile" data-i18n="config_form_submit"></button>
                                <button type="button" class="btn btn-default" id="copyCode" data-i18n="config_form_copy"></button>
                            </div>
                        </div>
                    </div>
                </div>
                <footer>
                    <p class="text-center">
                        © توسط
                        <a href="https://github.com/ircfspace/fragment" target="_blank">IRCF</a>
                        با کمک
                        GFW-knocker
                        <br />
                        <span dir="ltr">
                            <a class="github-button" href="https://github.com/ircfspace/fragment" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-show-count="true" aria-label="Star ircfspace/fragment on GitHub">Star</a>
                        </span>
                    </p>
                    <div class="text-center">
                        <a href="https://ircf.space/contacts#donate" class="btn btn-link btn-normal btn-lg btn-outline donateLink" target="_blank">☕</a>
                    </div>
                    <script src="./assets/js/jquery.min.js"></script>
                    <script src="./assets/js/bootstrap.min.js"></script>
                    <script src="./assets/js/lang.js?v1.14.4"></script>
                    <script src="./assets/js/script.js?v1.15"></script>
                    <script async defer src="https://buttons.github.io/buttons.js"></script>
                </footer>
            </div>
        </div>
    </body>
</html>