diff options
Diffstat (limited to 'src/pages/index.html')
| -rw-r--r-- | src/pages/index.html | 21 |
1 files changed, 19 insertions, 2 deletions
diff --git a/src/pages/index.html b/src/pages/index.html index b10624b..edace75 100644 --- a/src/pages/index.html +++ b/src/pages/index.html @@ -29,6 +29,23 @@ <li> <article> <header> + <h1 class="text-2xl first-letter:capitalize">Про телеграмчик и Дурова</h1> + <div class="flex flex-wrap gap-2 mt-2"> + <time class="text-zinc-600 text-sm">UTC 20:32 03.10.25</time> + <a href="#" class="flex items-center justify-center bg-sky-200 rounded-lg px-1.5 text-sky-600 first-letter:capitalize hover:underline text-xs">telegram</a> + <a href="#" class="flex items-center justify-center bg-amber-200 rounded-lg px-1.5 text-amber-600 first-letter:capitalize hover:underline text-xs">приватность</a> + </div> + </header> + <main class="space-y-2 mt-4"> + <a href="/assets/images/telegram.jpg" class="max-sm:w-full sm:float-left sm:mr-5"><img class="border-zinc-200 max-sm:mx-auto border" width="128" height="128" src="/assets/images/telegram.jpg" /></a> + <p>TODO</p> + </main> + <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/telegram-durov.html">продолжить чтение →</a> + </article> + </li> + <li> + <article> + <header> <h1 class="text-2xl first-letter:capitalize">какими, по-моему, должны быть мобильные телефоны</h1> <div class="flex flex-wrap gap-2 mt-2"> <time class="text-zinc-600 text-sm">UTC 01:56 12.09.25</time> @@ -38,7 +55,7 @@ </div> </header> <main class="space-y-2 mt-4"> - <img width="192" height="192" class="border border-zinc-200 mr-4 float-left" src="/assets/phone.png" /> + <a href="/assets/phone.png" class="max-sm:w-full sm:float-left sm:mr-5"><img class="border-zinc-200 max-sm:mx-auto border" width="192" height="192" src="/assets/phone.png" /></a> <p>TODO</p> </main> <a class="mt-4 underline underline-offset-6 decoration-yellow-500 decoration-[0.07rem] decoration-wavy first-letter:capitalize block" href="/posts/mobile-phones.html">продолжить чтение →</a> @@ -54,7 +71,7 @@ </div> </header> <main class="space-y-2 mt-4"> - <a class="border max-sm:w-full float-left border-zinc-200 mr-5" href="/assets/images/czar_cover.webp"><img class="max-sm:mx-auto" width="224" src="/assets/images/czar_cover.webp" alt="арт обложка игры"></a> + <a class="max-sm:w-full sm:float-left sm:mr-5" href="/assets/images/czar_cover.webp"><img class="border-zinc-200 max-sm:mx-auto border" width="224" src="/assets/images/czar_cover.webp" alt="арт обложка игры"></a> <p>Жанр, сеттинг.</p> <p>Игра в жанре шутера от первого лица. Сеттинг — Российская империя, XX век. Геймплей включает стрельбу, уклонения, диалоги, а иногда и небольшие головоломки.</p> <p>Сеттинг уникальный и атмосфера вайбовая. Играть приятно.</p> |