26 lines
9.3 KiB
HTML
26 lines
9.3 KiB
HTML
<!doctype html><html lang=en>
|
|
<meta charset=UTF-8>
|
|
<meta http-equiv=X-UA-Compatible content="IE=edge">
|
|
<meta name=viewport content="width=device-width,initial-scale=1">
|
|
<title>Security Checkpoint</title>
|
|
<meta name=description content="Security checkpoint. Prove you're not a robot.">
|
|
<link rel=icon href=/images/favi.svg type=image/svg+xml>
|
|
<link rel=icon href=/images/favi.png type=image/png>
|
|
<link rel=apple-touch-icon href=/images/favi.png>
|
|
<link rel="shortcut icon" href=/images/favi.png>
|
|
<link rel=preload href=/webfonts/Poppins-Regular.woff2 as=font type=font/woff2 crossorigin>
|
|
<link rel=preload href=/webfonts/Poppins-SemiBold.woff2 as=font type=font/woff2 crossorigin>
|
|
<link rel=stylesheet href=/css/u.css>
|
|
<script defer src=/js/c.js></script>
|
|
<style>:root{--background-color:#1a1a1a;--overlay-bg:rgba(28, 28, 28, 0.95);--text-color:#fff;--subtext-color:#ccc;--accent-color:#9B59B6;--success-color:#4CAF50;--error-color:#F44336}html,body{background-color:#1a1a1a;background-image:radial-gradient(circle at top right,rgba(155,89,182,.1),transparent 70%),linear-gradient(135deg,#121212,#1a1a1a);overflow:hidden;margin:0;padding:0;height:100%;width:100%}::-webkit-scrollbar{display:none}*{scrollbar-width:none}*{-ms-overflow-style:none}body{color:var(--text-color);line-height:1.6;text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center}#overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.container{background:rgba(30,30,30,.85);backdrop-filter:blur(8px);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.3),0 1px 2px rgba(155,89,182,.2),0 0 0 1px rgba(155,89,182,.2),0 0 15px rgba(155,89,182,.15);max-width:555px;width:100%;animation:floatIn .6s cubic-bezier(.25,.1,.25,1);position:relative;overflow:hidden}h1{color:var(--accent-color);margin-bottom:1.25rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}p{margin-bottom:1.75rem;color:var(--subtext-color);font-size:clamp(1rem,2.5vw,1.1rem)}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 0;height:clamp(48px,12vw,56px);transition:all .4s cubic-bezier(.215,.61,.355,1);will-change:transform,opacity;position:relative}.spinner{border:3px solid rgba(155,89,182,8%);border-radius:50%;border-top:3px solid var(--accent-color);width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);animation:spin 1s linear infinite,pulse 2s ease-in-out infinite;margin:0 auto;box-shadow:0 0 15px rgba(155,89,182,.3);transition:all .5s cubic-bezier(.19,1,.22,1);will-change:transform,box-shadow;position:relative}.spinner::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(135deg,rgba(155,89,182,.2) 0%,transparent 60%);opacity:.3;filter:blur(4px);z-index:-1}.status{display:none;font-weight:600;font-size:clamp(1.5rem,4vw,2rem);margin:0;min-height:1.5em;text-align:center;opacity:0}.success .spinner-container{flex-direction:row;justify-content:center;align-items:center;max-width:none;width:100%;margin:1.5rem auto;gap:12px;animation:container-animate .3s cubic-bezier(.25,.1,.25,1)forwards}.success .spinner-container .error-details{display:none}.success .spinner{border-color:transparent;animation:none;display:flex;align-items:center;justify-content:center;background-color:rgba(76,175,80,5%);box-shadow:0 0 20px rgba(76,175,80,.4);width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);margin:0;animation:ui-animate .35s forwards cubic-bezier(.25,.1,.25,1),float-animate 3s ease-in-out infinite .4s}.success .spinner::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(76,175,80,5%) 0%,rgba(76,175,80,.1) 100%);box-shadow:inset 0 0 0 3px rgba(76,175,80,0);animation:circle-animate .35s cubic-bezier(.25,.1,.25,1)forwards;opacity:0;inset:0;will-change:opacity,transform,box-shadow}.success .spinner::after{content:'';width:clamp(22px,6vw,28px);height:clamp(22px,6vw,28px);display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234CAF50'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");background-size:contain;animation:checkmark-animate .35s cubic-bezier(.25,.1,.25,1)forwards .05s;opacity:0;transform:scale(0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);will-change:transform,opacity;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.success .status{display:inline-block;color:var(--success-color);animation:text-animate .4s forwards cubic-bezier(.25,.1,.25,1);animation-delay:.15s;letter-spacing:.3px;text-shadow:0 1px 1px rgba(0,0,0,5%);opacity:0;transform:translateX(-15px);white-space:nowrap}.success .status::after{content:"";display:inline-block;width:24px;text-align:left;animation:ellipsis-animate .88s infinite cubic-bezier(.25,.1,.25,1)}.error .status{display:block;color:var(--error-color);margin-bottom:.5rem}.error .spinner{border-color:transparent;animation:none;display:flex;align-items:center;justify-content:center;background-color:rgba(244,67,54,5%);box-shadow:0 0 20px rgba(244,67,54,.4);width:clamp(48px,12vw,56px);height:clamp(48px,12vw,56px);margin:0;animation:ui-animate .35s forwards cubic-bezier(.25,.1,.25,1),float-animate 3s ease-in-out infinite .4s}.error .spinner::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(244,67,54,5%) 0%,rgba(244,67,54,.1) 100%);box-shadow:inset 0 0 0 3px rgba(244,67,54,0);animation:error-circle-animate .35s cubic-bezier(.25,.1,.25,1)forwards;opacity:0;inset:0;will-change:opacity,transform,box-shadow}.error .spinner::after{content:'';width:clamp(22px,6vw,28px);height:clamp(22px,6vw,28px);display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23F44336' stroke-width='3' fill='none'%3E%3Cpath stroke-linecap='round' d='M6 6 L18 18 M18 6 L6 18'/%3E%3C/svg%3E");background-size:contain;animation:checkmark-animate .35s cubic-bezier(.25,.1,.25,1)forwards .05s;opacity:0;transform:scale(0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);will-change:transform,opacity;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.error-details{margin:10px auto 0;padding:.75rem 1.25rem;background-color:rgba(244,67,54,8%);border-left:3px solid var(--error-color);color:var(--subtext-color);font-size:.9rem;text-align:center;border-radius:4px;width:90%;line-height:1.5;animation:fadeIn .3s ease-in-out forwards}.error-x-icon{width:clamp(22px,6vw,28px);height:clamp(22px,6vw,28px);fill:none;stroke:var(--error-color);stroke-width:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;overflow:visible;box-sizing:border-box;padding:0;animation:fadeInScale .5s ease-in-out forwards}@keyframes floatIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pulse{0%,100%{box-shadow:0 0 15px rgba(155,89,182,.3)}50%{box-shadow:0 0 25px rgba(155,89,182,.5)}}@keyframes container-animate{0%{opacity:.95}100%{opacity:1}}@keyframes ui-animate{0%{transform:translate(60px,0)scale(.9);opacity:0}40%{opacity:1}100%{transform:translate(0,0)scale(1);opacity:1}}@keyframes float-animate{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes circle-animate{0%{opacity:0;transform:scale(.5);box-shadow:inset 0 0 0 3px rgba(76,175,80,0)}60%{opacity:1;transform:scale(1.1);box-shadow:inset 0 0 0 3px rgba(76,175,80,.9)}100%{opacity:1;transform:scale(1);box-shadow:inset 0 0 0 3px var(--success-color)}}@keyframes checkmark-animate{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}100%{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes text-animate{0%{opacity:0;transform:translateX(-15px)}70%{opacity:1;transform:translateX(1px)}100%{opacity:1;transform:translateX(0)}}@keyframes ellipsis-animate{0%,5%{content:""}20%,30%{content:"."}45%,55%{content:".."}70%,80%{content:"..."}95%,100%{content:""}}@keyframes fadeInScale{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes error-circle-animate{0%{opacity:0;transform:scale(.5);box-shadow:inset 0 0 0 3px rgba(244,67,54,0)}60%{opacity:1;transform:scale(1.1);box-shadow:inset 0 0 0 3px rgba(244,67,54,.9)}100%{opacity:1;transform:scale(1);box-shadow:inset 0 0 0 3px var(--error-color)}}@media(max-width:480px){.container{padding:20px;border-radius:16px}h1{font-size:1.5rem}}.error .spinner-container,.success .spinner-container{height:56px;margin:20px 0}.container,.spinner,.spinner-container,.success .spinner,.success .status{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}</style>
|
|
<div id=overlay>
|
|
<div class=container>
|
|
<h1>Security Checkpoint</h1>
|
|
<p>Verifying your browser to protect from automated abuse. This may take a few seconds...
|
|
<div class=spinner-container>
|
|
<div class=spinner></div>
|
|
<div id=status class=status>Redirecting</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id=verification-data data-target={{.TargetPath}} data-request-id={{.RequestID}}></div>
|