diff options
| author | maxim nikonov <maxim.nikonov@hqo.co> | 2025-09-19 22:22:35 +0500 |
|---|---|---|
| committer | maxim nikonov <maxim.nikonov@hqo.co> | 2025-09-19 22:22:35 +0500 |
| commit | 1ff2667b40a6956ffefbff20bdc87d2692e4ddd3 (patch) | |
| tree | 2022714c6740c950ec4ce960e0a8916341b56ea6 | |
| parent | 9597573bc6b319585dddf13e32a7b6a17f379e7e (diff) | |
wip
| -rw-r--r-- | src/pages/guest-book.html | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/src/pages/guest-book.html b/src/pages/guest-book.html new file mode 100644 index 0000000..23e71fa --- /dev/null +++ b/src/pages/guest-book.html @@ -0,0 +1,61 @@ +<!DOCTYPE html> +<html class="h-full" lang="ru"> + +<head> + <title>Гостевая книга. Анна, хватит!</title> + <link rel="icon" href="/assets/icons/favicon.svg" type="image/svg+xml"> + <!-- OG --> + <meta property="og:title" content="Гостевая книга. Анна, хватит!" /> + <meta property="og:description" content="TODO" /> + <meta property="og:image" content="https://anna-hvatit.mlibren.com/og-images/common.jpg" /> + <meta property="og:url" content="https://anna-hvatit.mlibren.com" /> + <meta property="og:type" content="website" /> + <!-- OG --> + <meta charset="UTF-8"> + <link href="/main.css" rel="stylesheet"> + <meta name="viewport" content="width=device-width, initial-scale=1"> +</head> + +<body class="relative"> + <div class="fixed top-0 translate-x-12 translate-y-10 z-40 right-0"> + <span class="font-bold text-black rotate-45 w-[200px] text-center block bg-yellow-400">В разработке</span> + </div> + <!-- %include.header% --> + <main> + <div class="mx-auto flex flex-col-reverse py-12 md:grid gap-4 grid-cols-12 container max-sm:px-5"> + <section class="col-span-9"> + <div class="flex justify-between items-center w-full"> + <h1 class="text-2xl font-serif first-letter:capitalize">Гостевая книга</h1> + <a class="italic text-sm underline" href="#">Добавить комментарий</a> + </div> + <p>Комментарии проходят премодерацию.</p> + <ul class="my-4 space-y-4"> + <li> + <article class="border border-zinc-200 p-4" id="cmt-1"> + <div class="flex flex-col gap-1"> + <i>Вася Пупкин</i> + <time class="text-sm">19.09.2025 20:58 UTC</time> + </div> + <p class="my-1">Здорово.</p> + <a class="text-sm underline" href="#">Ответить</a> + </article> + </li> + <li> + <article class="border border-zinc-200 p-4" id="cmt-2"> + <div class="flex flex-col gap-1"> + <i>Anonymus</i> + <time class="text-sm">20.09.2025 21:32 UTC</time> + </div> + <p class="my-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores, repudiandae!</p> + <a class="text-sm underline" href="#">Ответить</a> + </article> + </li> + </ul> + </section> + <!-- %include.sidebar% --> + </div> + </main> + <!-- %include.footer% --> +</body> + +</html>
\ No newline at end of file |