Log in - Observation.org

<!DOCTYPE html> <html lang="en"> <head> <title>Log in - Observation.org</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link href="/static/plugins/bootstrap/css/bootstrap.css" rel="stylesheet"> <script src="/static/plugins/jquery/jquery-3.6.0.min.js"></script><script src="/static/plugins/bootstrap/js/bootstrap.js"></script> <link rel="stylesheet" href="/static/build/app.css?8742b94b50c4c015a2073995d5be3f83fbac94a7"> <link href="/static/plugins/multiselect/css/multi-select.css" rel="stylesheet"/> <script src="/static/plugins/multiselect/js/jquery.multi-select.js"></script> <script> $(function () { $('select[multiple]').not('.nomultiselect, .django-select2, .filter-form').multiSelect({ 'selectableHeader': '<h4>' + gettext('available') + '</h4>', 'selectionHeader': '<h4>' + gettext('selected') + '</h4>', 'cssClass': 'bootstrap-multiselect' }); }); </script> <link rel="stylesheet" href="/static/plugins/toastr/toastr.min.css"> <link href="/static/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css?1.9.0" rel="stylesheet"> <script src="/static/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js?1.9.0"></script> <link href="/static/plugins/fontawesome-pro-6.6.0-web/css/all.min.css" rel="stylesheet"> <script src="/jsi18n/?en"></script> <script>window.navAutocollapse = {more: 'More'};</script> <script src="/static/js/responsive-tabs.js?8742b94b50c4c015a2073995d5be3f83fbac94a7"></script> <script src="/static/plugins/bootstrap-hover-dropdown.js"></script> <script src="/static/js/global.js?8742b94b50c4c015a2073995d5be3f83fbac94a7"></script> <script src="https://browser.sentry-cdn.com/5.30.0/bundle.min.js" crossorigin="anonymous"></script> <script> /* global Sentry:true */ Sentry.init({ dsn: 'https://7fe7a581d51a4b84a72340dec77aa64c@sentry.observation.org/3', release: '8742b94b50c4c015a2073995d5be3f83fbac94a7', environment: 'production' }); </script> <script id="SITE_INFO" type="application/json">{"name": "Observation.org", "map": {"center": [50, 24], "zoom": 2}, "local": "xx", "local_grid": null}</script> <script> window.SITE_INFO = JSON.parse(document.getElementById('SITE_INFO').textContent); </script> <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png"> <link rel="manifest" href="/.well-known/site.webmanifest"> <link rel="mask-icon" href="/static/favicon/safari-pinned-tab.svg" color="#0066b1"> <link rel="shortcut icon" href="/static/favicon/favicon.ico"> <meta name="msapplication-TileColor" content="#0066b1"> <meta name="msapplication-config" content="/static/favicon/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <script src="/static/js/likephoto.js?8742b94b50c4c015a2073995d5be3f83fbac94a7"></script> <meta property="og:title" content="Observation.org"> <meta property="og:type" content="article"> <meta property="og:url" content="https://observation.org/accounts/login/?next=/users/search/"> <meta property="og:site_name" content="Observation.org"> <meta property="og:image" content="https://observation.org/static/img/logo/logo-obs-white-192x192.png"> <meta property="og:description" content="Observation.org wants to enable everyone to record and share observations, increasing the knowledge of nature."> </head> <body> <div class="app-page"> <style> .app-environment-banner-flexbox { display: flex; align-items: center; justify-content: space-between; } .app-environment-banner-flexbox-content { display: inline-block; margin-top: 15px; margin-bottom: 15px; } </style> <div id="observation-brand"> <div class="container"> Together we discover more! <a href="/donate/" class="btn btn-success pull-right" target="_blank">Donate</a> </div> </div> <div class="app-header hidden-xs"> <div class="container"> <div class="row"> <div class="col-sm-6 app-header-col app-header-col-left"> <div class="app-header-brand"> <a href="/"> <img src="/static/img/logo/logo-observation-org.svg" alt="Observation.org" class="app-brand-logo"> </a> </div> </div> <div class="col-sm-6 app-header-col app-header-col-right"> <div class="app-header-user-info"> <div class="dropdown"> <button type="button" class="btn btn-link app-btn-language" data-target="#app-i18n-select-modal" data-url="/generic/select-language-modal/" data-toggle="tooltip" data-placement="bottom" title="Select language"> <span class="content"> EN </span> </button> <span class="btn btn-link app-btn-account" id="log-in-or-create-account"> <a href="/accounts/login/?next=/accounts/login/%3Fnext%3D/users/search/">Log in</a> or <a href="/accounts/signup/">create account</a> </span> </div> </div> </div> </div> </div> </div> <div class="app-navbar"> <nav class="navbar navbar-default global-navbar"> <div class="container">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" title="Menu" data-toggle="collapse" data-target="#global-navbar-collapse" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Menu</span> <span class="icon-bar top-bar"></span> <span class="icon-bar middle-bar"></span> <span class="icon-bar bottom-bar"></span> </button> <a class="navbar-brand hidden-sm hidden-md hidden-lg" href="/"> <span class="header-xs-title"> <span class="app-navbar-brand "> <img src="/static/img/logo/logo-observation-org.svg" alt="Observation.org" class="app-brand-logo"> </span> </span> </a> </div>  <div class="collapse navbar-collapse" id="global-navbar-collapse"> <form class="navbar-form navbar-right app-navbar-search-form" role="search" action="/search/"> <div class="input-group hidden-sm hidden-md hidden-lg app-navbar-search-input-group"> <input type="text" class="form-control app-navbar-search-input" placeholder="Search" name="q"> <div class="input-group-btn"> <button class="btn btn-primary" type="submit"><i class="far fa-search"></i></button> </div> </div> <button class="btn btn-primary hidden-xs app-navbar-search-hide js-navbar-search-button" type="button"> <i class="far fa-search"></i> </button> </form> <ul class="nav navbar-nav navbar-left app-navbar-search-hide"> <li class="visible-xs"> <a href="/accounts/login/">Log in</a> </li> <li class="visible-xs"> <a href="/accounts/signup/">Create account</a> </li> <li class="dropdown app-navbar-submit-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Add <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="/fieldwork/observations/create/" title="Add observation">Observation</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Explore <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="/fieldwork/observations/daylist/">Observations</a></li> <li><a href="/fieldwork/observations/explore/">Surroundings</a></li> <li class="divider"></li> <li><a href="/species/search/">Species</a></li> <li><a href="/species/">Species seen</a></li> <li><a href="/locations/search/">Locations</a></li> <li class="divider"></li> <li><a href="/photos/">Photos</a></li> <li><a href="/sounds/">Sounds</a></li> <li><a href="/users/search/">Users</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Projects <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="/projects/">Projects</a></li> <li><a href="/bioblitz/">BioBlitzes</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> About us <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="/pages/about/">About us</a></li> <li><a href="/pages/help/">Help</a></li> <li><a href="/pages/getting-started/">Getting started</a></li> <li class="divider"></li> <li><a href="/stats/">Statistics</a></li> <li><a href="/stats/ranking/">Ranking observers</a></li> <li class="divider"></li> <li><a href="/tos/">Terms of service</a></li> <li><a href="/pages/code-of-conduct/">Code of conduct</a></li> <li><a href="/pages/privacy/">Privacy statement</a></li> <li class="divider"></li> <li><a href="/pages/partners/">Partners</a></li> </ul> </li> <li class="visible-xs"> <a href="#" data-toggle="modal" data-target="#app-i18n-select-modal" data-url="/generic/select-language-modal/"> Select language </a> </li> </ul> </div> </div> </nav> </div> <div class="app-content"> <div class="container"> <div class="app-content-body"> <div class="app-content-title"> <h1>Log in</h1> </div> <p> If you do not have an account yet, please <a href="/accounts/signup/?next=%2Fusers%2Fsearch%2F">create one</a> first. </p> <div class="row"> <div class="col-md-6"> <form class="login" method="POST" action="/accounts/login/"> <input type="hidden" name="csrfmiddlewaretoken" value="PhGJwIOrCHWzT4P2r936qdqcq38afSBWQbsGVNczzxJniX9kQVACoUXpFwPwEmfH"> <input type="hidden" name="next" value="/users/search/" /> <div class="form-group"> <label class="control-label" for="id_login">Email address or username</label> <input type="text" name="login" placeholder="Email address or username" autofocus="autofocus" class="form-control" title="" required="" id="id_login"> </div> <div class="form-group"> <label class="control-label" for="id_password">Password</label> <input type="password" name="password" placeholder="Password" class="form-control" title="" required="" id="id_password"> </div> <button class="btn btn-primary" type="submit">Log in</button> <a class="btn btn-link" href="/accounts/password/reset/">Forgot password?</a> </form> <hr> <div class="alert alert-warning"> If this is a public or shared device, please remember to log out. </div> </div> </div> </div> </div> </div> <div class="app-footer"> <div class="container"> <div class="app-footer-content"> <div class="row"> <div class="col-sm-4"> <h5>Mobile apps</h5> <p>Use our free mobile apps to identify images and record your counts and observations.</p> <p> <a href="/apps/" class="btn btn-default"> Mobile apps   <i class="fab fa-apple" title="Apple"></i> <i class="fab fa-android" title="Android"></i> </a> </p> </div> <div class="col-sm-5"> <h5>Our partners</h5> <div class="app-footer-logo-bar"> <a href="https://www.naturalis.nl" target="_blank"> <img src="/static/img/logo/logo_naturalis.svg" alt="Naturalis Biodiversity Center"> </a> <a href="https://www.natuurpunt.be" target="_blank"> <img src="/static/img/logo/natuurpunt_150x150.png" alt="Natuurpunt"> </a> <a href="http://www.natagora.be/" target="_blank"> <img src="/static/img/logo/logo-natagora.svg" alt="Natagora"> </a> <a href="https://zostera.nl" target="_blank"> <img src="/static/img/logo/zostera_logo_with_name.svg" alt="Zostera IT & Consultancy"> </a> </div> </div> <div class="col-sm-3"> <h5>Contact</h5> <ul class="list-unstyled"> <li> <a href="mailto:info@observation.org" class="app-link-hidden"> <i class="fas fa-envelope fa-fw"></i>  info@observation.org </a> </li> <li> <a href="https://www.linkedin.com/company/observation-org" target="_blank" class="app-link-hidden"> <i class="fab fa-linkedin fa-fw"></i>  LinkedIn </a> </li> <li> <a href="https://facebook.com/observation.org" target="_blank" class="app-link-hidden"> <i class="fab fa-facebook fa-fw"></i>  Facebook </a> </li> <li> <a href="https://www.youtube.com/channel/UCwpWQGpy8xHJiwHUj8xwCYg/playlists" target="_blank" class="app-link-hidden"> <i class="fab fa-youtube fa-fw"></i>  YouTube </a> </li> <li> <a href="https://observation-international.org/en/" target="_blank" class="app-link-hidden"> <i class="fas fa-globe fa-fw"></i>  Corporate website </a> </li> </ul> <a href="/donate/" class="btn btn-success">Support us and donate</a> </div> </div> </div> <div style="clear: both"></div> <p class="app-footer-powered-by"> Powered by <a href="https://observation-international.org" target="_blank">Observation International</a> © 2025 </p> <a href="/generic/toggle-desktop-version/" class="btn btn-primary visible-xs"> View desktop version </a> <p style="margin-top: 2em;"> <a href="https://simpleanalytics.com/?referral=qeviq&utm_source=&utm_content=badge" referrerpolicy="origin" target="_blank"> <img src="https://simpleanalyticsbadges.com/observation.org?background=transparent&mode=light" loading="lazy" referrerpolicy="no-referrer" crossorigin="anonymous"> </a> </p> </div> </div> </div> <script src="/static/plugins/toastr/toastr.min.js"></script> <script> /* globals toastr:true */ toastr.options = { 'positionClass': 'toast-bottom-full-width' }; </script> <div id="language-modal"></div>  <script id="simple_analytics_metadata" type="application/json">{"stack": "python", "domain": "observation.org", "subdomain": "observation.org"}</script> <script> window.sa_metadata = JSON.parse(document.getElementById('simple_analytics_metadata').textContent); </script> <script async defer data-hostname="observation.org" src="https://scripts.simpleanalyticscdn.com/latest.js"></script> <noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif?hostname=observation.org" alt="" referrerpolicy="no-referrer-when-downgrade" /></noscript> <div class="cookielaw-banner" style="z-index: 99999"> <div class="container"> <button type="button" class="btn btn-default cookielaw-banner-button js-cookielaw-confirm pull-right"> I understand </button> <div class="cookielaw-banner-text btn-align"> This website uses cookies to ensure you get the best experience. </div> </div> </div> <script> /* globals createCookie */ $(function () { $('.js-cookielaw-confirm').on('click', function () { createCookie('cookielaw_accepted', '1', 10 * 365); $('.cookielaw-banner').hide(); }); }); </script> <form method="post" action="/accounts/logout/" class="hidden d-none js-logout-form"> <input type="hidden" name="csrfmiddlewaretoken" value="PhGJwIOrCHWzT4P2r936qdqcq38afSBWQbsGVNczzxJniX9kQVACoUXpFwPwEmfH"> <input type="hidden" name="next" value="/users/search/"/> <input class="app-nav-button-link" type="submit" value="Log out"> </form> <script> $(function() { $('.js-logout-link').on('click', function () { $('.js-logout-form').trigger('submit'); return false; }); }); </script> </body> </html>

CINXE.COM

Log in - Observation.org