AuthService

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="w21G8bS8tWKtAM6opb9iCdVKZ9We2YzBbfkMKTAw"> <title>AuthService</title>  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800;900&display=swap">  <link rel="stylesheet" href="https://accounts.arphahub.com/css/app.css">  <script src="https://accounts.arphahub.com/js/app.js" defer></script> </head> <body> <div id="authentication" class="font-sans text-main-dark antialiased"> <div class="min-h-screen"> <div class="auth-header"> <img src="https://accounts.arphahub.com/images/logo-white.svg" alt="Pensoft"> </div> <div class="main-content pt-6 lg:pt-0 pb-8"> <div class="flex flex-row justify-end"> <div class="auth-card"> <div class="w-full bg-white shadow-md overflow-hidden rounded-lg auth-card-content"> <div class="mb-12 flex justify-center"> <h1 class="inline-block text-xl1 text-main-dark font-bold ">Pensoft Publishers</h1> </div> <h1 class="inline-block text-xl1 text-main-dark font-bold pb-8 pt-8"> Login </h1>   <form method="POST" action="https://accounts.arphahub.com/login"> <input type="hidden" name="_token" value="w21G8bS8tWKtAM6opb9iCdVKZ9We2YzBbfkMKTAw">  <div> <label class="block font-bold text-md text-main-dark" for="email"> Email </label> <input name="email" class="rounded-md shadow-sm border-main-gray focus:border-main-gray focus:ring-2 focus:ring-main-gray focus:ring-opacity-50 disabled:bg-disabled disabled:opacity-75 block mt-1 w-full" id="email" type="email" value="" required="required" autofocus="autofocus"> </div>  <div class="mt-4"> <label class="block font-bold text-md text-main-dark" for="password"> Password </label> <input name="password" class="rounded-md shadow-sm border-main-gray focus:border-main-gray focus:ring-2 focus:ring-main-gray focus:ring-opacity-50 disabled:bg-disabled disabled:opacity-75 block mt-1 w-full" id="password" type="password" required="required" autocomplete="current-password"> </div>  <div class="flex flex-wrap justify-between"> <label for="remember" class="inline-flex items-center mt-3"> <input type="checkbox" id="remember" name = "remember" class="rounded text-main-teal shadow-sm border-main-gray focus:border-main-gray focus:ring-1 focus:ring-main-gray focus:ring-opacity-50"> <span class="ml-2 text-sm text-main-dark">Remember me</span> </label> <a class="text-sm text-main-teal hover:text-main-teal-hover hover:underline mt-3" href="https://pensoft.net/fpass.php"> Forgot your password? </a> </div> <button type="submit" class="block px-4 py-2 bg-main-teal border border-main-teal rounded-md font-normal text-base text-center text-white tracking-widest hover:main-teal active:main-teal focus:outline-none disabled:opacity-25 transition ease-in-out duration-150 w-full mt-6"> Login </button> <p class="my-4 text-main-dark text-sm text-center font-bold">or</p> <a class="block px-4 py-2 bg-white border border-main-teal rounded-md font-normal text-base text-center text-main-teal tracking-widest hover:bg-white active:bg-white focus:outline-none focus:border-main-teal disabled:opacity-25 transition ease-in-out duration-150 w-full mt-4" href="https://accounts.arphahub.com/register?id="> Register </a> </form> <p class="block text-sm text-main-dark text-center font-extrabold crossed-title"> <span class="inline-block px-2">or Login with</span> </p> <div class="flex items-center justify-center mt-4"> <a href="https://accounts.arphahub.com/auth/orcid/redirect" class="inline-flex items-center px-3 py-1 bg-white border border-main-teal hover:border-main-teal-hover rounded-md font-normal text-sm text-center uppercase text-main-dark tracking-widest hover:bg-white active:bg-white focus:outline-none focus:border-main-teal disabled:opacity-25 transition ease-in-out duration-150"> <img src="https://accounts.arphahub.com/images/orcid-icon.svg" width="24" class="mr-2"> ORCID </a> </div> </div> </div> </div> </div> </div> </div> </body> </html>

CINXE.COM

AuthService