You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
3.2 KiB
60 lines
3.2 KiB
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="flex flex-col justify-center min-h-screen py-12 bg-gray-50 sm:px-6 lg:px-8">
|
|
<div class="absolute top-0 right-0 mt-4 mr-4">
|
|
@if (Route::has('login'))
|
|
<div class="space-x-4">
|
|
@auth
|
|
<a
|
|
href="{{ route('logout') }}"
|
|
onclick="event.preventDefault(); document.getElementById('logout-form').submit();"
|
|
class="font-medium text-green-600 hover:text-green-500 focus:outline-none focus:underline transition ease-in-out duration-150"
|
|
>
|
|
Log out
|
|
</a>
|
|
|
|
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
|
|
@csrf
|
|
</form>
|
|
@else
|
|
<a href="{{ route('login') }}" class="font-medium text-green-600 hover:text-green-500 focus:outline-none focus:underline transition ease-in-out duration-150">Log in</a>
|
|
|
|
@if (Route::has('register'))
|
|
<a href="{{ route('register') }}" class="font-medium text-green-600 hover:text-green-500 focus:outline-none focus:underline transition ease-in-out duration-150">Register</a>
|
|
@endif
|
|
@endauth
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="flex items-center justify-center">
|
|
<div class="flex flex-col justify-around">
|
|
<div class="space-y-6">
|
|
<a href="{{ route('home') }}">
|
|
<x-logo class="w-auto h-16 mx-auto text-green-600" />
|
|
</a>
|
|
|
|
<h1 class="text-5xl font-extrabold tracking-wider text-center text-gray-600">
|
|
{{ config('app.name') }}
|
|
</h1>
|
|
|
|
<ul class="list-reset">
|
|
<li class="inline px-4">
|
|
<a href="https://tailwindcss.com" class="font-medium text-green-600 hover:text-green-500 focus:outline-none focus:underline transition ease-in-out duration-150">Tailwind CSS</a>
|
|
</li>
|
|
<li class="inline px-4">
|
|
<a href="https://github.com/alpinejs/alpine" class="font-medium text-green-600 hover:text-green-500 focus:outline-none focus:underline transition ease-in-out duration-150">Alpine.js</a>
|
|
</li>
|
|
<li class="inline px-4">
|
|
<a href="https://laravel.com" class="font-medium text-green-600 hover:text-green-500 focus:outline-none focus:underline transition ease-in-out duration-150">Laravel</a>
|
|
</li>
|
|
<li class="inline px-4">
|
|
<a href="https://laravel-livewire.com" class="font-medium text-green-600 hover:text-green-500 focus:outline-none focus:underline transition ease-in-out duration-150">Livewire</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|