2021-10-29 16:12:23 +00:00
|
|
|
defmodule LiveBeatsWeb.SignInLive do
|
2021-09-03 13:57:15 +00:00
|
|
|
use LiveBeatsWeb, :live_view
|
|
|
|
|
|
|
|
def render(assigns) do
|
|
|
|
~H"""
|
|
|
|
<div class="min-h-screen bg-gray-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8">
|
|
|
|
<div class="sm:mx-auto sm:w-full sm:max-w-md">
|
2022-08-03 13:40:11 +00:00
|
|
|
<img
|
|
|
|
class="mx-auto h-12 w-auto"
|
|
|
|
src="https://tailwindui.com/img/logos/workflow-mark-indigo-600.svg"
|
|
|
|
alt="Workflow"
|
|
|
|
/>
|
2021-09-03 13:57:15 +00:00
|
|
|
<h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
|
|
|
|
Sign in to your account
|
|
|
|
</h2>
|
|
|
|
<p class="mt-2 text-center text-sm text-gray-600">
|
|
|
|
Or
|
|
|
|
<a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">
|
2021-11-16 16:58:22 +00:00
|
|
|
listen now without signing in (TODO)
|
2021-09-03 13:57:15 +00:00
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
|
|
|
|
<div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
|
2021-09-08 14:58:32 +00:00
|
|
|
<div class="space-y-6">
|
2022-08-03 13:40:11 +00:00
|
|
|
<a
|
|
|
|
href={LiveBeats.Github.authorize_url()}
|
|
|
|
class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
|
|
|
|
>
|
2022-02-02 01:43:06 +00:00
|
|
|
Sign in with GitHub
|
2021-09-08 14:58:32 +00:00
|
|
|
</a>
|
2021-09-03 13:57:15 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
"""
|
|
|
|
end
|
|
|
|
|
2022-02-15 03:51:14 +00:00
|
|
|
def mount(_params, _session, socket) do
|
2021-09-03 13:57:15 +00:00
|
|
|
{:ok, socket}
|
|
|
|
end
|
|
|
|
end
|