CINXE.COM

<!DOCTYPE html> <html lang='en'> <head> <title>Login - AntCat</title> <meta charset='utf-8'> <meta name="description" content="An online catalog of the ants of the world."> <meta content='width=device-width, initial-scale=1.0' name='viewport'> <meta content='#0071f4' name='theme-color'> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="6nv4ysyO1ex6-Pbp8ejzVr1bGf9X3lZiZ7aC2N6sZWASNNfa_1OtsPP-YOBZtzAggzsAscYGa3aw7TzyhZIsHQ" /> <link rel="icon" type="image/x-icon" href="/assets/favicon_96x96-9fb9ac6cc6d9d72941aa0a7362e2c41d6bf167fbda4fd4c7c3138a06cb4e1c58.png" /> <script src="/assets/jquery3-5c7dcc015048ed98c0060951b988c5380363a047d30b22f181def007bd759e05.js"></script> <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet'> <script src="/packs/js/runtime-17af030762981f1601e5.js" defer="defer"></script> <script src="/packs/js/514-6751b231176b91ab7a00.js" defer="defer"></script> <script src="/packs/js/hotwire_app-1577f66d6a61df30e1b1.js" defer="defer"></script> <link rel="stylesheet" href="/assets/tailwind-70732a8c79488138aa074df42759df2891f6096a3fe69e3e7faa7e828bae8bd6.css" /> <link rel="stylesheet" href="/assets/inter-font-8c3e82affb176f4bca9616b838d906343d1251adc8408efe02cf2b1e4fcf2bc4.css" /> <link rel="stylesheet" href="/assets/application-b11195e6b580ae99c6c73b94772709576a65ed60cee99228a00e0724bdc6aec9.css" /> <link rel="stylesheet" href="/assets/env_specific-7ab295577c3a61b77691795186db1a4c3ccb2f301f83db9d0449779418bdf200.css" /> <script src="/assets/application-c0ec43fcbc7acee372d0b65e228de3a1392f225fa63528774bd26ca9d774b4d5.js"></script> <body class='min-h-full relative devise_sessions-controller rails-env-production' data-controller='toggler notify '> <button class='fixed z-10 bg-zinc-800 rounded-t-md h-10 font-bold w-32 text-md font-heading top-1/3 -rotate-90 -right-12 [&_a]:text-white hidden md:block'> <a href="/feedbacks/new?page=users%2Fsign_in">Suggest edit</a> </button> <div> <header class='bg-ac-blue text-white px-4 [&_a]:text-white'> <div class='layout-container'> <div class='hidden lg:block pt-4 pb-8' id='desktop-only-header'> <div class='float-right pt-2'> <ul class='no-bullet flex [&>*]:px-4 [&>*]:ml-4'> <li><a class="desktop-upper-menu-link" href="/users/sign_in">Login</a></li> <li><a class="desktop-upper-menu-link" href="/users/sign_up">Sign up</a></li> </ul> </div> <div class='clear-both'></div> <div class='float-left'> <a href="/"><img alt="AntCat" src="/assets/logos/antcat_white_174x37-c732b45692f3d8d42152c40f0e3c4bf02f1cd90b8dcfe3c6e9b5e96bfc47b594.png" /> </a></div> <div class='float-right mb-2 font-heading'> <ul class='no-bullet flex items-center'> <li class='uppercase mr-6'><a class="big-screaming-orange-button " href="/references/latest_additions">References</a></li> <li class='uppercase mr-6'><a class="big-screaming-green-button " href="/">Catalog</a></li> <li class='text-black'> <form class="mr-4" action="/references/search" accept-charset="UTF-8" method="get"><div class='flex'> <input placeholder="Search References" aria-label="Search References" class="typeahead-references-js expandable-reference-search placeholder:text-sm border-0" data-testid="header-reference-search-input" type="text" name="reference_q" /> <button type="submit" aria-label="Search References" data-testid="header-reference-search-button" class="-ml-6 z-10"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="text-ac-blue h-5 w-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path> </svg> </button></div> </form></li> <li class='text-black'> <form action="/catalog/search" accept-charset="UTF-8" method="get"><div class='flex'> <input placeholder="Search Catalog" aria-label="Search Catalog" class="expandable-catalog-search typeahead-taxa-js-hook placeholder:text-sm border-0" type="text" name="qq" /> <input type="hidden" name="searching_from_header" value="true" autocomplete="off" /> <button type="submit" aria-label="Search Catalog" data-testid="header-catalog-search-button" class="-ml-6 z-10"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="text-ac-blue h-5 w-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path> </svg> </button></div> </form></li> </ul> </div> </div> <div class='pt-0 pb-2 block lg:hidden' id='mobile-only-header'> <input class='hidden' id='mobile-hamburger-input' type='checkbox'> <label class='float-right mt-2 select-none' for='mobile-hamburger-input'> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-12 h-12"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path> </svg> </label> <div class='pt-4 w-fit'> <a href="/"><img alt="AntCat" width="140" height="30" src="/assets/logos/antcat_white_174x37-c732b45692f3d8d42152c40f0e3c4bf02f1cd90b8dcfe3c6e9b5e96bfc47b594.png" /> </a></div> <div class='clear-both'></div> <div class='z-20 font-heading hidden' id='mobile-menu-content'> <ul class='no-bullet pt-4'> <li class='text-black mb-2'> <form action="/references/search" accept-charset="UTF-8" method="get"><div class='flex'> <input placeholder="Search References" aria-label="Search References" class="typeahead-references-js placeholder:text-sm" type="text" name="reference_q" /> <button type="submit" class="-ml-8 z-10"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="text-ac-blue h-5 w-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path> </svg> </button></div> </form></li> <li class='text-black'> <form action="/catalog/search" accept-charset="UTF-8" method="get"><div class='flex'> <input placeholder="Search Catalog" aria-label="Search Catalog" class="typeahead-taxa-js-hook placeholder:text-sm" type="text" name="qq" /> <input type="hidden" name="searching_from_header" value="true" autocomplete="off" /> <button type="submit" class="-ml-8 z-10"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="text-ac-blue h-5 w-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path> </svg> </button></div> </form></li> </ul> <ul class='no-bullet [&>*]:py-1'> <li><a href="/references/latest_additions">References</a></li> <li><a href="/">Catalog</a></li> <li><a href="/users/sign_in">Login</a></li> <li><a href="/users/sign_up">Sign up</a></li> <li><a href="/feedbacks/new?page=users%2Fsign_in">Suggest an edit</a></li> </ul> </div> </div> <div class='clear-both'></div> <div class='pb-12 hidden lg:block'> <div class='float-left'> </div> </div> </div> </header> <section class='px-4 pt-10 pb-32 min-h-[65vh]'> <div id='fireworks'></div> <div class='layout-container'> <div class='mb-8' id='breadcrumbs'> <div class='float-left'> <a href="/">AntCat</a> &rsaquo; <a href="/users/sign_in">Login</a> </div> <div class='clear-both'></div> <div class='clear-both'></div> </div> <form action="/users/sign_in" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bHFpXkJ7Tr8looyn6KCXzVoU0s3mqEllFPqDf33AcjrDPYsVeaz1ZR0H-UmXBcffD8tKgpMPRy4o7NqEYT8kFg" autocomplete="off" /><div class='row mb-4'> <div class='medium-6'> <label for="user_email">Email</label> <input autofocus="autofocus" class="w-full" type="email" value="" name="user[email]" id="user_email" /> <div class='mb-4'></div> <label for="user_password">Password</label> <input class="w-full" type="password" name="user[password]" id="user_password" /> <div class='mb-4'></div> <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input type="checkbox" value="1" checked="checked" name="user[remember_me]" id="user_remember_me" /> <label for="user_remember_me">Remember me</label> </div> </div> <div class='row mb-6'> <div class='medium-6'> <button name="button" type="submit" class="btn-default btn-md">Login</button> </div> </div> <div class='row'> <div class='medium-6'> Don't have an account? <a href="/users/sign_up">Join AntCat!</a> </div> </div> </form> </div> </section> <footer class='bg-ac-blue text-white [&_a]:text-white [&_a:hover]:font-bold'> <div class='layout-container text-center text-sm pt-12 pb-8'> <div class='w-full flex flex-wrap'> <div class='w-full flex items-center justify-around lg:w-6/12'> <ul class='no-bullet'> <li><img alt="AntCat" class="inline-block mb-4" src="/assets/logos/antcat_head_white_27x89-cb88c6c1f42f938e3b6c9fb7f5742e78e70c88d5dc3664585e277b54dadae324.png" /></li> <li><a href="/about">About</a></li> <li><a href="/users">List of users</a></li> <li><a href="mailto:bfisher@calacademy.org?subject=AntCat">Contact us </a></li> </ul> <ul class='no-bullet'> <li><a href="/activities">Activity feed</a></li> <li class='whitespace-nowrap'> <a href="/contribute">Contribute <i class="antcat_icon star"></i> <i class="antcat_icon star"></i> <i class="antcat_icon star"></i> </a></li> <li><a href="/catalog/random">Random ant</a></li> <li><a href="/feedbacks/new?page=users%2Fsign_in">Feedback</a></li> </ul> <ul class='no-bullet'> <li><a href="/api_docs">API</a></li> <li><a href="/wiki">Help pages</a></li> <li><a class="external-link" href="https://github.com/calacademy-research/antcat">GitHub</a></li> </ul> </div> <div class='w-full flex items-center justify-around ml-auto mt-4 lg:w-5/12 lg:mt-0'> <div> <a target="_blank" rel="noopener" href="https://www.calacademy.org"><img alt="California Academy of Sciences" src="/assets/logos/california_academy_of_sciences_white_80x213-c1f39e540ddc5d125f61dc9c8c7f19788c650464ab06ac68c51eebe6e3420954.png" /> </a></div> <div> <a target="_blank" rel="noopener" href="https://antweb.org"><img alt="AntWeb" src="/assets/logos/antweb_white_27x146-ad9a8c318233fd7e13633871b42410322f92e290e1fbeca023312db63eec9bee.png" /> </a></div> </div> </div> </div> </footer> </div> <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-68028808-1', 'auto'); ga('set', 'dimension1', 'false'); ga('send', 'pageview'); </script> <script async src='https://www.google-analytics.com/analytics.js'></script> </body> </head> </html>