amy/ferri
1
0
Fork 0
mirror of https://github.com/nullishamy/ferri.git synced 2025-06-28 00:54:17 +00:00
Code Issues 10 Projects Releases Packages Wiki Activity Actions

fix: misc cleanup

Browse source
This commit is contained in:
nullishamy 2025-05-06 18:36:31 +01:00
parent 90be7d570e
commit fafaf243c5
Signed by: amy
SSH key fingerprint: SHA256:WmV0uk6WgAQvDJlM8Ld4mFPHZo02CLXXP5VkwQ5xtyk
13 changed files with 640 additions and 750 deletions
Download patch file Download diff file Expand all files Collapse all files

19
ferri-server/templates/_layout.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://ferri.amy.mov/admin/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{% block title %}{% endblock %}</title>
{%~ block styles ~%} {% endblock ~%}
<link href="https://cdn.jsdelivr.net/npm/tailwindcss-preflight@1.0.1/preflight.min.css" rel="stylesheet" />
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
</head>
<body>
{%~ block content %}{% endblock ~%}
</body>
</html>

64
ferri-server/templates/index.html
View file

@ -1,19 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://ferri.amy.mov/admin/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ferri Test</title>
<link rel="stylesheet" href="https://raw.githubusercontent.com/tailwindlabs/tailwindcss/dbc8023a08964f513c20796e170cb91ce891df3f/packages/tailwindcss/preflight.css">
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
</head>
<body>
<button hx-post="clicked" hx-swap="outerHTML">
Click Me {{ val }}
</button>
</body>
</html>
{% extends "_layout.html" %}
{%- block title -%}
Control panel
{%- endblock -%}
{%- block styles -%}
<style>
main {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem;
padding: 1rem;
margin: auto;
max-width: 75%;
margin: auto;
}
.grid-section {
border: 1px black solid;
padding: 0.5rem;
border-radius: 0.5rem;
}
</style>
{%- endblock -%}
{%- block content -%}
<main>
<div class='grid-section'>
<h2>Test</h2>
</div>
<div class='grid-section'>
<h2>Test</h2>
</div>
<div class='grid-section'>
<h2>Test</h2>
</div>
<div class='grid-section'>
<h2>Test</h2>
</div>
</main>
{%- endblock -%}