feat(frontend): integrate tailwind pipeline and update templates
This commit is contained in:
@ -1,6 +1,6 @@
|
||||
{% load static %}
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<html lang="en" class="h-full">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
@ -8,31 +8,34 @@
|
||||
<link rel="stylesheet" href="{% static 'css/main.css' %}">
|
||||
<script src="https://unpkg.com/htmx.org@1.9.12" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<div class="container row-between">
|
||||
<a class="brand" href="{% url 'core:home' %}">HoopScout</a>
|
||||
<nav class="row-gap">
|
||||
<a href="{% url 'players:index' %}">Players</a>
|
||||
<a href="{% url 'competitions:index' %}">Competitions</a>
|
||||
<a href="{% url 'teams:index' %}">Teams</a>
|
||||
<a href="{% url 'scouting:index' %}">Scouting</a>
|
||||
<body class="min-h-full bg-slate-100 text-slate-900">
|
||||
<header class="border-b border-slate-200 bg-white">
|
||||
<div class="page-container flex flex-wrap items-center justify-between gap-4 py-3">
|
||||
<a class="text-xl font-bold tracking-tight text-slate-900 no-underline" href="{% url 'core:home' %}">HoopScout</a>
|
||||
<nav class="flex flex-wrap items-center gap-2 text-sm">
|
||||
<a class="rounded-md px-2 py-1 hover:bg-slate-100" href="{% url 'players:index' %}">Players</a>
|
||||
<a class="rounded-md px-2 py-1 hover:bg-slate-100" href="{% url 'competitions:index' %}">Competitions</a>
|
||||
<a class="rounded-md px-2 py-1 hover:bg-slate-100" href="{% url 'teams:index' %}">Teams</a>
|
||||
<a class="rounded-md px-2 py-1 hover:bg-slate-100" href="{% url 'scouting:index' %}">Scouting</a>
|
||||
{% if request.user.is_authenticated %}
|
||||
<a href="{% url 'core:dashboard' %}">Dashboard</a>
|
||||
<a class="rounded-md px-2 py-1 hover:bg-slate-100" href="{% url 'core:dashboard' %}">Dashboard</a>
|
||||
<form method="post" action="{% url 'users:logout' %}">
|
||||
{% csrf_token %}
|
||||
<button type="submit" class="link-button">Logout</button>
|
||||
<button type="submit" class="btn-secondary px-2 py-1 text-xs">Logout</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<a href="{% url 'users:login' %}">Login</a>
|
||||
<a href="{% url 'users:signup' %}">Signup</a>
|
||||
<a class="rounded-md px-2 py-1 hover:bg-slate-100" href="{% url 'users:login' %}">Login</a>
|
||||
<a class="btn px-2 py-1 text-xs" href="{% url 'users:signup' %}">Signup</a>
|
||||
{% endif %}
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
<main class="page-container py-6">
|
||||
{% include 'partials/messages.html' %}
|
||||
<div id="htmx-loading" class="htmx-indicator mb-4 rounded-md border border-slate-200 bg-white px-3 py-2 text-sm text-slate-600" aria-live="polite">
|
||||
Loading...
|
||||
</div>
|
||||
{% block content %}{% endblock %}
|
||||
</main>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user