diff --git a/README.md b/README.md index 378ce99..877dd88 100644 --- a/README.md +++ b/README.md @@ -19,6 +19,33 @@
--- +# UPDATE 4 - K-ID BYPASS NOW WORKING WITH DUAL MODE! +The K-ID Bypass feature now has **TWO verification modes**: + +**๐ API Mode (Default)** - Fast verification using kibty.town API +- โ Quick (2-3 seconds) +- โ ๏ธ May be patched by k-ID +- Uses external service + +**๐ Standalone Mode** - Direct verification without external dependencies +- โ 100% reliable (no external API) +- โ Works even if kibty.town is down +- โฑ๏ธ Slower (5-10 seconds) +- Runs entirely in your browser + +**How to use:** +1. Start Discord age verification and choose "Face Scan" option +2. When Discord shows a QR code, either: + - Copy the QR code URL and paste it in the K-ID Bypass panel + - Upload/drag the QR code image directly +3. **Choose your mode:** Click "API Mode" or "Standalone" button +4. Click "โ Verify Account" +5. Wait for confirmation, then return to Discord + +**If API Mode fails, try Standalone Mode!** + +--- + # UPDATE 3 If you're having issues with your OBS camera not being recognised, or being recognised and getting pingged, use Discord in firefox while enabling "resistFingerprinting" https://support.mozilla.org/en-US/kb/resist-fingerprinting Working on a new overhauled version of the tool that also blinks, breathes and moves in a way to trick more advanced sensors, as well as a comfyUI workflow thay uses realtime Webcam Video2Video conversion with interpolation that lets you use any face (with a 1-2 second movement delay as a buffer) for a webcam output as a more permanent solution to all face recog systems. diff --git a/index.html b/index.html index 9589cfc..6cb3132 100644 --- a/index.html +++ b/index.html @@ -26,8 +26,10 @@ .model-panel::-webkit-scrollbar{width:5px}.model-panel::-webkit-scrollbar-track{background:transparent}.model-panel::-webkit-scrollbar-thumb{background:rgba(100,220,255,0.2);border-radius:3px} .controls-panel{bottom:180px;left:20px;max-width:320px} .values-panel{bottom:20px;left:20px;min-width:220px;max-width:320px} - .kid-panel{top:60px;left:20px;max-width:360px;max-height:calc(100vh - 200px);overflow-y:auto} + .kid-panel{top:60px;left:20px;max-width:360px;max-height:20vh;overflow-y:auto} .kid-panel::-webkit-scrollbar{width:5px}.kid-panel::-webkit-scrollbar-track{background:transparent}.kid-panel::-webkit-scrollbar-thumb{background:rgba(100,220,255,0.2);border-radius:3px} + .lighting-panel{top:250px;left:20px;max-width:320px;max-height:22vh;overflow-y:auto} + .lighting-panel::-webkit-scrollbar{width:5px}.lighting-panel::-webkit-scrollbar-track{background:transparent}.lighting-panel::-webkit-scrollbar-thumb{background:rgba(100,220,255,0.2);border-radius:3px} @media(max-width:768px){ .hp{font-size:10px;padding:10px 12px;max-width:calc(100vw - 20px)} .hp.collapsed>*:not(.ht){display:none!important} @@ -96,7 +98,6 @@ .hide-ui-btn{position:absolute;top:20px;right:20px;background:rgba(10,10,20,0.85);backdrop-filter:blur(12px);border:1px solid rgba(100,220,255,0.15);border-radius:6px;padding:6px 14px;color:#64dcff;font-family:'JetBrains Mono',monospace;font-size:10px;cursor:pointer;pointer-events:auto;z-index:20} .hide-ui-btn:hover{background:rgba(100,220,255,0.15)} .hud.hidden .hp{display:none!important} - .hud.hidden .hide-ui-btn{display:block!important} .kid-input{background:rgba(10,10,20,0.9);border:1px solid rgba(100,220,255,0.2);color:#e0e0e8;padding:6px 10px;border-radius:4px;font-size:11px;font-family:'JetBrains Mono',monospace;width:100%;margin-top:4px} .kid-btn{background:rgba(100,220,255,0.1);border:1px solid rgba(100,220,255,0.3);color:#64dcff;padding:8px 16px;border-radius:6px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:11px;width:100%;margin-top:8px} .kid-btn:hover{background:rgba(100,220,255,0.2)} @@ -108,14 +109,194 @@ .cr{font-size:9px;gap:6px} .ck{font-size:8px;padding:1px 5px} } - .hide-ui-elements{top:60px;left:20px} .hidden{display:none} + + /* โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ + QUICK START TUTORIAL + โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */ + .tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,15,0.95);backdrop-filter:blur(8px);z-index:10000;display:none;align-items:center;justify-content:center} + .tutorial-overlay.active{display:flex} + .tutorial-card{background:rgba(10,10,20,0.95);border:2px solid rgba(100,220,255,0.3);border-radius:12px;padding:32px;max-width:500px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.5)} + .tutorial-title{font-family:'Space Grotesk',sans-serif;font-size:24px;color:#64dcff;margin-bottom:16px;letter-spacing:1px} + .tutorial-text{font-size:14px;color:#c0c0cc;line-height:1.8;margin-bottom:24px} + .tutorial-step{font-size:12px;color:#808090;margin-bottom:20px} + .tutorial-highlight{color:#64dcff;font-weight:600;background:rgba(100,220,255,0.1);padding:2px 8px;border-radius:4px} + .tutorial-btn{background:linear-gradient(135deg,#64dcff,#a78bfa);border:none;color:#0a0a0f;padding:12px 32px;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:0.5px;transition:transform 0.2s} + .tutorial-btn:hover{transform:scale(1.05)} + .tutorial-skip{margin-top:16px;font-size:11px;color:#606070;cursor:pointer;text-decoration:underline} + .tutorial-skip:hover{color:#64dcff} + .tutorial-progress{display:flex;gap:8px;justify-content:center;margin-top:20px} + .tutorial-dot{width:8px;height:8px;border-radius:50%;background:rgba(100,220,255,0.2);transition:all 0.3s} + .tutorial-dot.active{background:#64dcff;width:24px;border-radius:4px} + + /* โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ + MOBILE VIRTUAL JOYSTICK + โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */ + .mobile-controls{position:fixed;bottom:20px;left:0;right:0;display:none;justify-content:space-between;padding:0 20px;pointer-events:none;z-index:100} + @media(max-width:768px){.mobile-controls{display:flex}} + .joystick-container{width:120px;height:120px;position:relative;pointer-events:auto} + .joystick-base{width:100%;height:100%;border-radius:50%;background:rgba(10,10,20,0.6);backdrop-filter:blur(8px);border:2px solid rgba(100,220,255,0.3);position:relative} + .joystick-stick{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#64dcff,#a78bfa);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px rgba(100,220,255,0.4);transition:all 0.1s} + .joystick-label{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:10px;color:#64dcff;font-family:'JetBrains Mono',monospace;white-space:nowrap} + .mobile-btn-group{display:flex;flex-direction:column;gap:12px;pointer-events:auto} + .mobile-btn{width:60px;height:60px;border-radius:50%;background:rgba(10,10,20,0.6);backdrop-filter:blur(8px);border:2px solid rgba(100,220,255,0.3);display:flex;align-items:center;justify-content:center;font-size:11px;color:#64dcff;font-family:'JetBrains Mono',monospace;font-weight:600;touch-action:none;user-select:none} + .mobile-btn.active{background:rgba(100,220,255,0.3);border-color:#64dcff;box-shadow:0 0 20px rgba(100,220,255,0.5)} + + /* โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ + PHONEME SELECTOR + โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */ + .phoneme-panel{position:absolute;bottom:20px;right:20px;background:rgba(10,10,20,0.85);backdrop-filter:blur(12px);border:1px solid rgba(100,220,255,0.15);border-radius:8px;padding:14px;pointer-events:auto;display:none} + @media(max-width:768px){.phoneme-panel{bottom:160px;right:10px}} + .phoneme-panel.visible{display:block} + .phoneme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} + .phoneme-btn{width:50px;height:50px;border-radius:8px;background:rgba(167,139,250,0.1);border:1px solid rgba(167,139,250,0.3);color:#a78bfa;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center} + .phoneme-btn:hover{background:rgba(167,139,250,0.25);border-color:#a78bfa;transform:scale(1.1)} + .phoneme-btn.active{background:rgba(167,139,250,0.3);border-color:#a78bfa;box-shadow:0 0 16px rgba(167,139,250,0.5)} + .phoneme-toggle{position:absolute;top:20px;right:380px;background:rgba(10,10,20,0.85);backdrop-filter:blur(12px);border:1px solid rgba(100,220,255,0.15);border-radius:6px;padding:6px 14px;color:#a78bfa;font-family:'JetBrains Mono',monospace;font-size:10px;cursor:pointer;pointer-events:auto;z-index:20} + .phoneme-toggle:hover{background:rgba(167,139,250,0.15)} + @media(max-width:768px){.phoneme-toggle{top:10px;right:10px}} + + /* โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ + LIGHTING CONTROLS + โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */ + .light-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11px} + .light-label{min-width:60px;font-weight:600} + .light-slider{flex:1;accent-color:#64dcff;height:4px} + .light-value{min-width:35px;text-align:right;color:#64dcff;font-weight:600;font-size:10px} + .light-color{width:20px;height:20px;border-radius:4px;border:1px solid rgba(100,220,255,0.3);cursor:pointer} + .light-toggle{background:rgba(100,220,255,0.1);border:1px solid rgba(100,220,255,0.3);color:#64dcff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:9px;font-family:'JetBrains Mono',monospace} + .light-toggle:hover{background:rgba(100,220,255,0.2)} + .light-toggle.active{background:rgba(74,222,128,0.2);border-color:#4ade80;color:#4ade80} + + /* โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ + SKELETON LOADING + โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */ + .skeleton-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0f;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity 0.4s ease} + .skeleton-overlay.fade-out{opacity:0;pointer-events:none} + .skeleton-container{width:90%;max-width:1400px;height:90vh;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto 1fr auto;gap:20px;padding:20px} + + /* Skeleton shimmer animation */ + @keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}} + .skeleton-box{background:linear-gradient(90deg,rgba(100,220,255,0.03) 0%,rgba(100,220,255,0.08) 50%,rgba(100,220,255,0.03) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border:1px solid rgba(100,220,255,0.1);border-radius:8px;position:relative;overflow:hidden} + .skeleton-box::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(100,220,255,0.15) 50%,transparent 100%);animation:shimmer 2s infinite linear} + + /* Header skeleton */ + .skeleton-header{grid-column:1/4;height:60px;display:flex;align-items:center;padding:0 20px;gap:12px} + .skeleton-logo{width:24px;height:24px;border-radius:4px;background:rgba(100,220,255,0.15)} + .skeleton-title{flex:1;height:20px;max-width:300px;border-radius:4px} + + /* Left panel (controls) */ + .skeleton-left{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:20px} + .skeleton-panel{padding:18px;display:flex;flex-direction:column;gap:12px} + .skeleton-panel-header{height:14px;width:60%;border-radius:3px;background:rgba(100,220,255,0.2);margin-bottom:8px} + .skeleton-row{height:28px;border-radius:4px;background:rgba(100,220,255,0.05)} + .skeleton-row.tall{height:40px} + .skeleton-row.short{height:20px;width:70%} + + /* Center canvas */ + .skeleton-canvas{grid-column:2;grid-row:1/4;background:radial-gradient(circle at center,rgba(100,220,255,0.05) 0%,transparent 70%);border:1px solid rgba(100,220,255,0.08);border-radius:12px;position:relative} + .skeleton-canvas::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:3px solid rgba(100,220,255,0.2);border-top-color:#64dcff;border-radius:50%;animation:spin 1.5s linear infinite} + @keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}} + .skeleton-canvas-text{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:11px;color:rgba(100,220,255,0.5);font-family:'JetBrains Mono',monospace;letter-spacing:1px} + + /* Right panel (model) */ + .skeleton-right{grid-column:3;grid-row:2;display:flex;flex-direction:column;gap:20px} + .skeleton-button{height:36px;border-radius:6px;background:rgba(100,220,255,0.08);border:1px solid rgba(100,220,255,0.15)} + .skeleton-dropzone{height:80px;border:2px dashed rgba(100,220,255,0.15);border-radius:6px;background:rgba(100,220,255,0.02)} + + /* Footer skeleton */ + .skeleton-footer{grid-column:1/4;height:100px;display:flex;gap:20px} + .skeleton-footer-panel{flex:1;padding:18px} + + /* Mobile responsive */ + @media(max-width:768px){ + .skeleton-container{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;gap:12px;padding:12px} + .skeleton-header{grid-column:1;height:50px} + .skeleton-left{grid-column:1;grid-row:2} + .skeleton-canvas{grid-column:1;grid-row:3;min-height:300px} + .skeleton-right{grid-column:1;grid-row:4} + .skeleton-footer{grid-column:1;grid-row:5;flex-direction:column;height:auto} + } + + + + + + +