Styled with tailwind css

This commit is contained in:
2024-04-01 14:22:59 +02:00
parent 959e1e96b3
commit a730e11b4a
17 changed files with 1131 additions and 109 deletions

View File

@ -5,13 +5,13 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Orient Editor</title>
<link href="web/static/css/style.css" rel="stylesheet">
<link href="/web/static/css/style.css" rel="stylesheet">
</head>
<body>
<header>
<h1>Orient Editor</h1>
<button hx-get="logout" hx-target="#page-content">Abmelden</button>
<body class="flex flex-col justify-between min-h-[100dvh] bg-slate-50">
<header class="my-8">
<h1 class="font-bold text-4xl text-center">Orient Editor</h1>
<button class="btn" hx-get="logout" hx-target="#page-content">Abmelden</button>
</header>
<main>
@ -19,11 +19,13 @@
{{template "page-content" .}}
</div>
<script src="web/static/js/htmx.min.js"></script>
<script src="/web/static/js/htmx.min.js"></script>
</main>
<footer>
<p>&copy; 2024 Jason Streifling. Alle Rechte vorbehalten.</p>
<footer class="my-8">
<p class="text-center text-gray-500 dark:text-gray-400">
&copy; 2024 Jason Streifling. Alle Rechte vorbehalten.
</p>
</footer>
</body>