CINXE.COM
Login
<!DOCTYPE html> <html lang="de_OB"> <head> <meta charset="UTF-8" /> <title>Login</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Language" content="de_OB"> <meta name="viewport" content="width=device-width"> <link rel="shortcut icon" type="image/x-icon" href="https://assets.over-blog.com/b/user/v2024.23.07/images/overblog/favicon.ico"> <link rel="stylesheet" href="https://assets.over-blog.com/b/user/v2024.23.07/overblog.3d98600f.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,400italic,900,700"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,900,700"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-5354236-49', { cookieDomain: 'connect.over-blog.com', cookieExpires: 34164000, allowLinker: true }); ga('require', 'linkid', 'linkid.js'); ga('set', 'anonymizeIp', true); ga('set', 'dimension1', 'overblog'); ga('set', 'dimension2', 'de'); ga('send', 'pageview'); </script> </head> <body class="Body"> <div class="overblog Redesign-connect-body-container"> <div class="Redesign-connect-background-img-container"> <img class="Redesign-connect-background-img" src="https://assets.over-blog.com/b/user/v2024.23.07/images/overblog/background.jpg"/> </div> <header class="Redesign-connect-header"> <div class="Redesign-connect-header-logo"> <a href="https://de.over-blog.com/" class="Redesign-connect-header-link Redesign-connect-header-link-logo"> <img class="Redesign-connect-header-overblogImg" src="https://assets.over-blog.com/b/user/v2024.23.07/images/overblog/logo.png"> </a> </div> <div class="Redesign-connect-header-block-right"> <a href="https://connect.over-blog.com/de/login" class="Redesign-connect-header-link"> <div class="Redesign-connect-header-item Redesign-connect-header-item-signin"> Verbindung </div> </a> <a href="https://de.over-blog.com/schaffung" class="Redesign-connect-header-link"> <div class="Redesign-connect-header-item Redesign-connect-header-item-signup"> Mein Blog erstellen </div> </a> </div> </header> <div class="Redesign-connect-section-container"> <div class="Redesign-connect-container"> <div class="Connect u-container"> <header class="Connect-header"> <h1 class="Connect-title">Login</h1> </header> <div class="Connect-content"> <div class="Login"> <form method="post" class="Connect-form Login-form Login-form LoginForm"> <div class="c-input-container"> <input type="email" id="email" name="email" required="required" class="Connect-input LoginForm-input-email c-input" /> <label class="LoginForm-label" alt='Gib deine E-Mail-Adresse ein' placeholder='E-Mail-Adresse'></label> </div> <div class="c-input-container"> <input type="password" id="passwd" name="passwd" required="required" class="Connect-input LoginForm-input LoginForm-input-password c-input" /> <label class="LoginForm-label" alt='Geben Sie ein Passwort ein' placeholder='Passwort'></label> <div class="Connect-input-icon--password"> <svg class="eye" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"> <path d="M572.5 241.4C518.3 135.6 410.9 64 288 64S57.7 135.6 3.5 241.4a32.4 32.4 0 0 0 0 29.2C57.7 376.4 165.1 448 288 448s230.3-71.6 284.5-177.4a32.4 32.4 0 0 0 0-29.2zM288 400a144 144 0 1 1 144-144 143.9 143.9 0 0 1 -144 144zm0-240a95.3 95.3 0 0 0 -25.3 3.8 47.9 47.9 0 0 1 -66.9 66.9A95.8 95.8 0 1 0 288 160z"/> </svg> <svg class="eye-slash" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"> <path d="M320 400c-75.9 0-137.3-58.7-142.9-133.1L72.2 185.8c-13.8 17.3-26.5 35.6-36.7 55.6a32.4 32.4 0 0 0 0 29.2C89.7 376.4 197.1 448 320 448c26.9 0 52.9-4 77.9-10.5L346 397.4a144.1 144.1 0 0 1 -26 2.6zm313.8 58.1l-110.6-85.4a331.3 331.3 0 0 0 81.3-102.1 32.4 32.4 0 0 0 0-29.2C550.3 135.6 442.9 64 320 64a308.2 308.2 0 0 0 -147.3 37.7L45.5 3.4A16 16 0 0 0 23 6.2L3.4 31.5A16 16 0 0 0 6.2 53.9l588.4 454.7a16 16 0 0 0 22.5-2.8l19.6-25.3a16 16 0 0 0 -2.8-22.5zm-183.7-142l-39.3-30.4A94.8 94.8 0 0 0 416 256a94.8 94.8 0 0 0 -121.3-92.2A47.7 47.7 0 0 1 304 192a46.6 46.6 0 0 1 -1.5 10l-73.6-56.9A142.3 142.3 0 0 1 320 112a143.9 143.9 0 0 1 144 144c0 21.6-5.3 41.8-13.9 60.1z"/> </svg> </div> </div> <div class="c-input-rememberme"> <label for="remember_me"> <input style="background-color: orange" type="checkbox" id="remember_me" name="_remember_me" /> <span></span> In Verbindung bleiben </label> </div> <input type="hidden" id="_target_path" name="_target_path" value="https://admin.over-blog.com/login?target=/_repost/65004913" /> <script> var loginForm = document.querySelector('.Login-form') loginForm.addEventListener('submit', function(){ var submitButton = document.querySelector('.Connect-button') submitButton.setAttribute('disabled', 'disabled') loginForm.classList.add('submitted') }) </script> <style> @keyframes spin{ from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .Login-form > .Connect-button > .spinner{ display: none; margin: auto; height: 19px; fill: currentColor; animation: spin 2s linear infinite; } .Login-form.submitted > .Connect-button > .label { display: none; } .Login-form.submitted > .Connect-button > .spinner { display: block; } </style> <button type="submit" class="c-button Connect-button"> <span class="label">Login</span> <svg class="spinner" viewbox="0 0 512 512"> <path d="M288 32c0 17.673-14.327 32-32 32s-32-14.327-32-32 14.327-32 32-32 32 14.327 32 32zm-32 416c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm256-192c0-17.673-14.327-32-32-32s-32 14.327-32 32 14.327 32 32 32 32-14.327 32-32zm-448 0c0-17.673-14.327-32-32-32S0 238.327 0 256s14.327 32 32 32 32-14.327 32-32zm33.608 126.392c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm316.784 0c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zM97.608 65.608c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32s32-14.327 32-32c0-17.673-14.327-32-32-32z" /> </svg> </button> </form> <div class="Login-social LoginSocial"> <div class="LoginSocial-links Social"> <div class="LoginSocial-connectWith"> <p class="LoginSocial-connectWith-text">Oder verbinden Sie mit</p> </div> <div class="Social-links-wrapper"> <a class="Social-link Social-link--facebook" href="https://de.over-blog.com/schaffung/facebook?from=connect"> <p class="Social-link-text">Facebook</p> </a> </div> </div> </div> <div class="Login-social LoginSocial"> <p class="LoginForm-passwordLost"> <a href="/de/password">Passwort vergessen?</a> </p> <p class="LoginForm-passwordLost"> <a href="https://de.over-blog.com/schaffung">Noch kein Overblog-Account?</a> </p> </div> </div> <script> document.addEventListener("DOMContentLoaded", function(){ const eye = document.querySelector('.Connect-input-icon--password .eye') const eyeSlash = document.querySelector('.Connect-input-icon--password .eye-slash') eye.addEventListener('click', function(){ eye.style.display = 'none' eyeSlash.style.display = 'block' document.querySelector('.LoginForm-input-password').setAttribute('type', 'text') }) eyeSlash.addEventListener('click', function(){ eye.style.display = 'block' eyeSlash.style.display = 'none' document.querySelector('.LoginForm-input-password').setAttribute('type', 'password') }) }) </script> </div> </div> </div> </div> </div> <script src="https://assets.over-blog.com/b/user/v2024.23.07/runtime.d80ccb90.js"></script><script src="https://assets.over-blog.com/b/user/v2024.23.07/overblog.88068eb7.js"></script> </body> </html>