diff --git a/src/blogs/hello_world.md b/src/blogs/hello_world.md index 5f75ab7..a1c135a 100644 --- a/src/blogs/hello_world.md +++ b/src/blogs/hello_world.md @@ -18,7 +18,7 @@ description: 'Немного о том, как мы делали наш сайт Сайт написан на TypeScript с применением фреймворка [SvelteKit](https://svelte.dev). Некоторые отзываются о нём, мягко говоря, не лестно, но нас Svelte подкупил тем, что все страницы, и даже ручки API, можно предварительно отрендерить по файлам, получив полностью статичный сайт! -А фреймворк [Tailwind CSS](https://tailwindcss.com) даёт нам удобные стили и неплохие дефолтные стили с цветовой палитрой. Пока у нас нет +А фреймворк [Tailwind CSS](https://tailwindcss.com) даёт нам удобные классы и неплохие дефолтные стили с цветовой палитрой. Пока у нас нет _полноценных_ веб-дизайнеров, довольствуемся их встроенной палитрой. Это решение нам досталось в наследство от сайта [Small Fish](https://smallfi.sh). Впрочем, как и половина их кодовой базы: diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte index 7c3fc8a..dbd0f2d 100644 --- a/src/routes/blog/[slug]/+page.svelte +++ b/src/routes/blog/[slug]/+page.svelte @@ -34,7 +34,7 @@ : 'bg-red-500 text-slate-50'} sm:flex-row sm:flex-nowrap sm:gap-5" >
{data.blogPost.date ? new Date(data.blogPost.date).toLocaleString(undefined, { @@ -47,7 +47,7 @@
{new Date(data.blogPost.dateChanged).toLocaleString(undefined, {
month: 'short',
@@ -78,13 +78,14 @@
prose-pre:drop-shadow-md
prose-headings:font-disket
prose-headings:mb-4
- prose-headings:font-bold prose-headings:text-slate-950 mx-auto
- prose-h1:text-2xl prose-h1:sm:text-4xl
- prose-h2:text-xl prose-h2:sm:text-3xl
+ prose-headings:font-bold prose-headings:text-slate-950 prose-h1:text-2xl
+ prose-h1:sm:text-4xl prose-h2:text-xl
+ prose-h2:sm:text-3xl mx-auto
+ prose-p:text-justify
w-5xl
p-4
- text-slate-950
text-base
+ text-slate-950
sm:text-xl lg:p-8"
>