diff options
Diffstat (limited to 'src/pages/guest-book.html')
| -rw-r--r-- | src/pages/guest-book.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/src/pages/guest-book.html b/src/pages/guest-book.html new file mode 100644 index 0000000..c4a768a --- /dev/null +++ b/src/pages/guest-book.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<html class="h-full" lang="ru"> + +<head> + <title>Гостевая книга</title> + <link rel="icon" href="/assets/icons/logo.svg" type="image/svg+xml"> + <!-- OG --> + <meta property="og:title" content="TODO" /> + <meta property="og:description" content="TODO" /> + <meta property="og:image" content="TODO" /> + <meta property="og:url" content="https://mnik01-blog.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="py-12 grid gap-4 md:gap-8 md:grid-cols-12 mx-auto container max-sm:px-5"> + <section class="bg-white max-md:sticky top-0 col-span-12 md:col-span-4"> + <h1 class="text-2xl font-serif first-letter:capitalize">гостевая книга</h1> + <div class="md:sticky top-4"> + <audio class="my-4 w-full" controls autoplay> + <source src="https://mnik01-blog.mlibren.com/radio/stream.ogg" type="audio/ogg"> + Ваш браузер не поддерживает HTML5 аудио. + </audio> + </div> + </section> + <div class="col-span-12 space-y-4 md:col-span-8"> + <section class=""> + <h2 class="text-xl font-serif first-letter:capitalize">сейчас играет</h2> + <span class="text-sm">unkown</span> + </section> + <section class=""> + <h2 class="text-xl font-serif first-letter:capitalize">слушателей онлайн</h2> + <span class="text-sm">0</span> + </section> + <section class=""> + <h2 class="text-xl font-serif first-letter:capitalize">как слушать через плеер?</h2> + <p class="text-sm">VLC guide todo</p> + <p class="text-sm first-letter:capitalize text-zinc-600">safari на этом сайте не сможет воспроизводить так как не поддерживает ogg потоки см. источник</p> + </section> + <section class=""> + <h2 class="text-xl font-serif first-letter:capitalize">поддержать</h2> + <span class="text-sm">todo</span> + <label class="text-sm" for="support-donations">На отдельный VPS сервер: 0 из 10 000 тг.</label> +<progress id="support-donations" value="0" max="100">0%</progress> + </section> + </div> + </div> + <!-- %include.common-section% --> + </main> + <!-- %include.footer% --> +</body> + +</html>
\ No newline at end of file |