2021-10-15 14:08:27 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2021-12-27 05:07:19 +00:00
< meta name = "description" content = "rdrama.net caters to drama in all forms such as: Real life, videos, photos, gossip, rumors, news sites, Reddit, and Beyond™. There isn't drama we won't touch, and we want it all!" >
2021-12-10 21:12:16 +00:00
< meta http-equiv = "Content-Security-Policy" content = "script-src 'self' 'unsafe-inline'; connect-src 'self'; object-src 'none';" >
2021-10-15 14:08:27 +00:00
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
2021-12-27 05:07:19 +00:00
2021-10-15 14:08:27 +00:00
< meta name = "author" content = "" >
< title > 2-Step Login - {{'SITE_NAME' | app_config}}< / title >
< style > : root { --primary : # { { 'DEFAULT_COLOR' | app_config } } < / style >
2021-12-29 07:08:10 +00:00
< link rel = "stylesheet" href = "/static/assets/css/main.css?a=7" > < link rel = "stylesheet" href = "/static/assets/css/{{'DEFAULT_THEME' | app_config}}.css?a=3" >
2021-10-15 14:08:27 +00:00
< / head >
< body id = "login" >
< nav class = "navbar navbar-expand-lg navbar-dark bg-transparent fixed-top border-0" >
< div class = "container-fluid" >
< button class = "navbar-toggler d-none" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
< span class = "navbar-toggler-icon" > < / span >
< / button >
< / div >
< / nav >
< div class = "container-fluid position-absolute h-100 p-0 overflow-auto" >
< div class = "row no-gutters h-100" >
< div class = "col-12 col-md-6 my-auto p-3" >
< div class = "row justify-content-center" >
< div class = "col-10 col-md-7" >
< div class = "mb-5" >
< a href = "/" class = "text-decoration-none" > < span class = "h3 text-primary" > {{'SITE_NAME' | app_config}}< / span > < / a >
< / div >
< div id = "login-form" class = "" >
< h1 class = "h2" > Two-step login< / h1 >
< p class = "text-muted mb-md-5" > To login, please enter the 6-digit verification code generated in your authenticator app.< / p >
{% if failed %}
< div class = "alert alert-danger alert-dismissible fade show d-flex my-3" role = "alert" >
< i class = "fas fa-exclamation-circle my-auto" > < / i >
< div >
Invalid verification code. Please try again.
< / div >
< button type = "button" class = "close" data-bs-dismiss = "alert" aria-label = "Close" >
< span aria-hidden = "true" > × < / span >
< / button >
< / div >
{% endif %}
< form action = "/login" method = "post" class = "mt-md-3" id = "login" >
2021-12-28 12:41:26 +00:00
< input autocomplete = "off" type = "hidden" name = "username" value = "{{v.username}}" >
< input autocomplete = "off" type = "hidden" name = "redirect" value = "{{redirect}}" >
2021-10-15 14:08:27 +00:00
2021-12-28 12:41:26 +00:00
< input autocomplete = "off" type = "hidden" name = "time" value = "{{time}}" >
< input autocomplete = "off" type = "hidden" name = "hash" value = "{{hash}}" >
2021-10-15 14:08:27 +00:00
< label for = "2fa_token" class = "mt-3" > Your verification code< / label >
2021-12-28 12:41:26 +00:00
< input autocomplete = "off" class = "form-control" id = "2fa_token" name = "2fa_token" type = "text" placeholder = "6-digit code" >
2021-10-15 14:08:27 +00:00
< small > < a href = "/lost_2fa" > Lost your 2FA device?< / a > < / small >
< button class = "btn btn-primary login w-100 mt-3" id = "login_button" > Sign in< / button >
< / form >
< / div >
< / div >
< / div >
< / div >
< div class = "col-12 col-md-6 d-none d-md-block" >
< div class = "splash-wrapper" >
< div class = "splash-overlay" > < / div >
2021-12-27 05:07:19 +00:00
< img alt = "cover" loading = "lazy" class = "splash-img" src = "/static/assets/images/{{'SITE_NAME' | app_config}}/cover.webp?a=3" > < / img >
2021-10-15 14:08:27 +00:00
< / div >
< / div >
< / div >
< / div >
< / body >
< / html >