lvl0/rater
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: lvl0:b044315f0b3f1feed557bb69d5421095c3099527
Branches Tags
lvl0:main
..
compare: lvl0:c154404c6fe2d93dd633cc5431ff4b0c0a517649
Branches Tags
lvl0:main

3 commits
b044315f0b ... c154404c6f

Author SHA1 Message Date
myrmidex
c154404c6f 3 - Style navbar 2026-06-05 19:38:42 +00:00
myrmidex
1daec3cc71 3 - Style register form 2026-06-05 19:23:00 +00:00
myrmidex
0c71abe72c 3 - Add split-screen auth layout + styled login form 2026-06-05 19:21:55 +00:00
6 changed files with 114 additions and 24 deletions
Show stats Expand all files Collapse all files

6
assets/styles/app.css
View file

@ -1,5 +1,7 @@
@import "tailwindcss";
@plugin "../daisyui.mjs";
@plugin "../daisyui.mjs" {
themes: aqua --default;
}
html, body { height: 100%; margin: 0; }
.map-container { height: 100vh; width: 100%; }
.map-container { height: calc(100vh - 4rem); width: 100%; }

20
templates/account/auth_layout.html.twig Normal file
View file

@ -0,0 +1,20 @@
{% extends 'base.html.twig' %}
{% block navbar %}{% endblock %}
{% block body %}
<div class="min-h-screen flex">
<div class="hidden lg:flex lg:w-1/2 bg-neutral flex-col items-center justify-center gap-6 p-12">
<span class="text-5xl font-bold text-neutral-content tracking-tight">Rater</span>
<p class="text-neutral-content/70 text-lg text-center max-w-xs">
Rate and discover restaurants near you.
</p>
</div>
<div class="w-full lg:w-1/2 flex items-center justify-center p-8">
<div class="w-full max-w-sm">
{% block form %}{% endblock %}
</div>
</div>
</div>
{% endblock %}

48
templates/account/login.html.twig
View file

@ -1,23 +1,49 @@
{% extends 'base.html.twig' %}
{% extends 'account/auth_layout.html.twig' %}
{% block body %}
<h1>Log in</h1>
{% block title %}Log in — Rater{% endblock %}
{% block form %}
<h1 class="text-2xl font-bold mb-6">Welcome back</h1>
{% if error %}
<div>{{ error.messageKey|trans(error.messageData, 'security') }}</div>
<div role="alert" class="alert alert-error mb-4">
<span>{{ error.messageKey|trans(error.messageData, 'security') }}</span>
</div>
{% endif %}
<form method="post">
<label for="email">Email</label>
<input type="email" id="email" name="_username" value="{{ last_username }}">
<form method="post" class="flex flex-col gap-4">
<fieldset class="fieldset">
<legend class="fieldset-legend">Email</legend>
<input
type="email"
id="email"
name="_username"
value="{{ last_username }}"
class="input w-full"
placeholder="you@example.com"
autocomplete="email"
>
</fieldset>
<label for="password">Password</label>
<input type="password" id="password" name="_password">
<fieldset class="fieldset">
<legend class="fieldset-legend">Password</legend>
<input
type="password"
id="password"
name="_password"
class="input w-full"
placeholder="••••••••"
autocomplete="current-password"
>
</fieldset>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<button type="submit">Log in</button>
<button type="submit" class="btn btn-primary w-full mt-2">Log in</button>
</form>
<p>No account yet? <a href="{{ path('app_register') }}">Register</a></p>
<p class="text-sm text-center mt-6 text-base-content/60">
No account yet?
<a href="{{ path('app_register') }}" class="link link-primary">Register</a>
</p>
{% endblock %}

46
templates/account/register.html.twig
View file

@ -1,10 +1,38 @@
<html>
<head>
<title>Rater Login</title>
</head>
<body>
body
{{ form(form) }}
</body>
</html>
{% extends 'account/auth_layout.html.twig' %}
{% block title %}Register — Rater{% endblock %}
{% block form %}
<h1 class="text-2xl font-bold mb-6">Create an account</h1>
{{ form_start(form, {attr: {class: 'flex flex-col gap-4'}}) }}
<fieldset class="fieldset">
<legend class="fieldset-legend">Email</legend>
{{ form_widget(form.email, {attr: {class: 'input w-full', placeholder: 'you@example.com', autocomplete: 'email'}}) }}
{{ form_errors(form.email) }}
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">Password</legend>
{{ form_widget(form.password, {attr: {class: 'input w-full', placeholder: '••••••••', autocomplete: 'new-password'}}) }}
{{ form_errors(form.password) }}
</fieldset>
<fieldset class="fieldset">
<legend class="fieldset-legend">Confirm password</legend>
{{ form_widget(form.password_again, {attr: {class: 'input w-full', placeholder: '••••••••', autocomplete: 'new-password'}}) }}
{{ form_errors(form.password_again) }}
</fieldset>
{{ form_widget(form._token) }}
{{ form_widget(form.register, {attr: {class: 'btn btn-primary w-full mt-2'}}) }}
{{ form_end(form) }}
<p class="text-sm text-center mt-6 text-base-content/60">
Already have an account?
<a href="{{ path('app_login') }}" class="link link-primary">Log in</a>
</p>
{% endblock %}

17
templates/base.html.twig
View file

@ -18,7 +18,22 @@
<script src="https://cdn.jsdelivr.net/npm/frankenphp-hot-reload/+esm" type="module"></script>
{% endif %}
</head>
<body>
<body class="flex flex-col min-h-screen">
{% block navbar %}
<nav class="navbar bg-base-100 text-base-content shrink-0">
<div class="flex-1">
<a href="{{ path('app_index_index') }}" class="btn btn-ghost text-xl font-bold">Rater</a>
</div>
<div class="flex-none gap-2">
{% if app.user %}
<span class="text-sm opacity-75 hidden sm:inline">{{ app.user.userIdentifier }}</span>
<a href="{{ path('app_logout') }}" class="btn btn-ghost btn-sm">Log out</a>
{% else %}
<a href="{{ path('app_login') }}" class="btn btn-ghost btn-sm">Log in</a>
{% endif %}
</div>
</nav>
{% endblock %}
{% block body %}{% endblock %}
</body>
</html>

1
templates/index/page.html.twig
View file

@ -1,6 +1,5 @@
{% extends 'base.html.twig' %}
{% block body %}
<h1>Rater</h1>
<div {{ stimulus_controller('map') }} class="map-container"></div>
{% endblock %}