<!DOCTYPE html>
<html>
  <head>
    <title>Sign In | FeedBear</title>

    <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="d+tYURMePQQqYjTvzigpzy3QzO4e53MMXGdZ4vMI7AxPDjZT8g8JkHUvqlRHTkpmU97Uu6Pn/jRzNiIQGfTyBw==" />
    <meta name="csp-nonce" content="bjsxJdI+kKA9U/eARrdi7w==" />

		<link rel="stylesheet" href="https://use.typekit.net/hrd5nui.css">

    <script src="https://d1mme8qbe9zvce.cloudfront.net/packs/js/pages-db325dc4ea5a65343b6f.js" data-turbolinks-track="reload" nonce="bjsxJdI+kKA9U/eARrdi7w=="></script>
    <link rel="stylesheet" href="https://d1mme8qbe9zvce.cloudfront.net/packs/css/pages-6fef1c8f.css" data-turbolinks-track="reload" media="screen" />

    <script src="https://d1mme8qbe9zvce.cloudfront.net/assets/pages-28f030e6705e599dca6ee72c7858abe8828e2d983a259ad31b3dd2add86d89dd.js" data-turbolinks-track="reload" nonce="bjsxJdI+kKA9U/eARrdi7w=="></script>

    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1c35f9">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#ffffff">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta charset="UTF-8">
    <meta http-equiv="Content-Language" content="en">

    <meta name="root-domain" content="feedbear.com">

    <!-- Google Tag Manager -->
    <script nonce=bjsxJdI+kKA9U/eARrdi7w== >(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MBHF5JLN');</script>
    <!-- End Google Tag Manager -->

    <script nonce=bjsxJdI+kKA9U/eARrdi7w== >(function(w,r){w._rwq=r;w[r]=w[r]||function(){(w[r].q=w[r].q||[]).push(arguments)}})(window,'rewardful');</script>
    <script async src='https://r.wdfl.co/rw.js' data-rewardful='1e5f72' nonce=bjsxJdI+kKA9U/eARrdi7w== ></script>

    <!-- Honey badger email rebound code -->

  </head>

  <body class="sign-in-container">

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MBHF5JLN"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->



    <div data-behavior="vue" class="min-h-screen flex">
      <section class="devise-container px-10 w-full my-auto">
  <div class="px-8 flex justify-center mb-6">
    <a href="/">
      <img class="w-40" src="https://d1mme8qbe9zvce.cloudfront.net/assets/logo-e8bc6722ae5909c5f63fc439d7f14ed13c3c08c75fb5bae92182f1eeee166224.png" />
</a>  </div>

  <h1 class="text-2xl font-semibold text-center">Sign in to FeedBear</h1>

  <div class="container max-w-xl mx-auto px-4 mt-2 text-center text-sm">
    <span class="text-neutral-800">Not a member yet?</span>
    <a class="font-medium" href="/users/sign_up">Create an account</a>
  </div>

  <form class="" id="new_user" action="/users/sign_in" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jwHaNHAvPj8WbIDmK91hjLr7Ivs/ttgHOhbf14uAwX/bRRxpOCrarbvN0G5ieSJCdXM+qjcpY1z5aymEiMCJRw==" autocomplete="off" />
    

    <div class="flex justify-center mt-8">
      <a class="w-full bg-white border-2 border-neutral-200 rounded-xl hover:bg-neutral-200 font-medium px-4 py-3 flex items-center justify-center gap-2" href="/users/auth/google_oauth2?state=0">
        <div>
          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18" version="1.1">
    <!-- Generator: Sketch 58 (84663) - https://sketch.com -->
    <title>logo_googleg_48dp</title>
    <desc>Created with Sketch.</desc>
    <g id="Google-Button" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="btn_google_signin_dark_normal_web" transform="translate(-15.000000, -15.000000)">
            <g id="logo_googleg_48dp" transform="translate(15.000000, 15.000000)">
                <path d="M17.64,9.20454545 C17.64,8.56636364 17.5827273,7.95272727 17.4763636,7.36363636 L9,7.36363636 L9,10.845 L13.8436364,10.845 C13.635,11.97 13.0009091,12.9231818 12.0477273,13.5613636 L12.0477273,15.8195455 L14.9563636,15.8195455 C16.6581818,14.2527273 17.64,11.9454545 17.64,9.20454545 L17.64,9.20454545 Z" id="Shape" fill="#4285F4"></path>
                <path d="M9,18 C11.43,18 13.4672727,17.1940909 14.9563636,15.8195455 L12.0477273,13.5613636 C11.2418182,14.1013636 10.2109091,14.4204545 9,14.4204545 C6.65590909,14.4204545 4.67181818,12.8372727 3.96409091,10.71 L0.957272727,10.71 L0.957272727,13.0418182 C2.43818182,15.9831818 5.48181818,18 9,18 L9,18 Z" id="Shape" fill="#34A853"></path>
                <path d="M3.96409091,10.71 C3.78409091,10.17 3.68181818,9.59318182 3.68181818,9 C3.68181818,8.40681818 3.78409091,7.83 3.96409091,7.29 L3.96409091,4.95818182 L0.957272727,4.95818182 C0.347727273,6.17318182 0,7.54772727 0,9 C0,10.4522727 0.347727273,11.8268182 0.957272727,13.0418182 L3.96409091,10.71 L3.96409091,10.71 Z" id="Shape" fill="#FBBC05"></path>
                <path d="M9,3.57954545 C10.3213636,3.57954545 11.5077273,4.03363636 12.4404545,4.92545455 L15.0218182,2.34409091 C13.4631818,0.891818182 11.4259091,0 9,0 C5.48181818,0 2.43818182,2.01681818 0.957272727,4.95818182 L3.96409091,7.29 C4.67181818,5.16272727 6.65590909,3.57954545 9,3.57954545 L9,3.57954545 Z" id="Shape" fill="#EA4335"></path>
                <polygon id="Shape" points="0 0 18 0 18 18 0 18"></polygon>
            </g>
        </g>
    </g>
</svg>

        </div>
        <span>Sign in with Google</span>
</a>    </div>

    <div class="or mt-6 text-sm">
      <span class="text-center text-neutral-800">Or use your email and password</span>
    </div>


    <div class="mt-6">
      <label class="font-medium text-sm" for="user_email">Email</label>
      <input autofocus="autofocus" autocomplete="email" class="input" required="required" placeholder="Enter email" type="email" value="" name="user[email]" id="user_email" />
    </div>

    <div class="mt-4">
      <label class="font-medium text-sm" for="user_password">Password</label>
      <input autocomplete="off" class="input" required="required" placeholder="Enter password" type="password" name="user[password]" id="user_password" />
    </div>

    <div class="mt-4 flex justify-start items-center">
        <div class="flex items-center">
          <input name="user[remember_me]" type="hidden" value="0" autocomplete="off" /><input class="hidden" type="checkbox" value="1" checked="checked" name="user[remember_me]" id="user_remember_me" />
        </div>
    </div>

    <div class="mt-4 text-center submit-container">
      <input type="submit" name="commit" value="Sign in" class="btn btn--big w-full hover:bg-white hover:text-dblue-500 border-2 border-dblue-500" data-disable-with="Sign in" />
    </div>

    <span class="text-center mt-4 block text-sm">
      <a class="font-medium" href="/users/password/new">Forgot your password?</a>
    </span>
</form></section>
    </div>
  </body>
</html>
