Compare commits

...

4 commits

3 changed files with 8 additions and 7 deletions

View file

@ -18,7 +18,7 @@ description: 'Немного о том, как мы делали наш сайт
Сайт написан на TypeScript с применением фреймворка [SvelteKit](https://svelte.dev). Некоторые отзываются о нём, мягко говоря, не лестно, Сайт написан на TypeScript с применением фреймворка [SvelteKit](https://svelte.dev). Некоторые отзываются о нём, мягко говоря, не лестно,
но нас Svelte подкупил тем, что все страницы, и даже ручки API, можно предварительно отрендерить по файлам, получив полностью статичный сайт! но нас Svelte подкупил тем, что все страницы, и даже ручки API, можно предварительно отрендерить по файлам, получив полностью статичный сайт!
А фреймворк [Tailwind CSS](https://tailwindcss.com) даёт нам удобные стили и неплохие дефолтные стили с цветовой палитрой. Пока у нас нет А фреймворк [Tailwind CSS](https://tailwindcss.com) даёт нам удобные классы и неплохие дефолтные стили с цветовой палитрой. Пока у нас нет
_полноценных_ веб-дизайнеров, довольствуемся их встроенной палитрой. _полноценных_ веб-дизайнеров, довольствуемся их встроенной палитрой.
Это решение нам досталось в наследство от сайта [Small Fish](https://smallfi.sh). Впрочем, как и половина их кодовой базы: Это решение нам досталось в наследство от сайта [Small Fish](https://smallfi.sh). Впрочем, как и половина их кодовой базы:

View file

@ -34,7 +34,7 @@
: 'bg-red-500 text-slate-50'} sm:flex-row sm:flex-nowrap sm:gap-5" : 'bg-red-500 text-slate-50'} sm:flex-row sm:flex-nowrap sm:gap-5"
> >
<div class="flex items-center"> <div class="flex items-center">
<Icon icon="material-symbols:calendar-today" class="mr-3" style="transform: scale( 1.4 )" /> <Icon icon="material-symbols:calendar-today" class="mr-3" width={24} height={24} />
<p> <p>
{data.blogPost.date {data.blogPost.date
? new Date(data.blogPost.date).toLocaleString(undefined, { ? new Date(data.blogPost.date).toLocaleString(undefined, {
@ -47,7 +47,7 @@
</div> </div>
{#if data.blogPost.dateChanged} {#if data.blogPost.dateChanged}
<div class="flex items-center font-bold"> <div class="flex items-center font-bold">
<Icon icon="material-symbols:update" class="mr-3" style="transform: scale( 1.4 )" /> <Icon icon="material-symbols:update" class="mr-3" width={24} height={24} />
<p> <p>
{new Date(data.blogPost.dateChanged).toLocaleString(undefined, { {new Date(data.blogPost.dateChanged).toLocaleString(undefined, {
month: 'short', month: 'short',
@ -78,13 +78,14 @@
prose-pre:drop-shadow-md prose-pre:drop-shadow-md
prose-headings:font-disket prose-headings:font-disket
prose-headings:mb-4 prose-headings:mb-4
prose-headings:font-bold prose-headings:text-slate-950 mx-auto prose-headings:font-bold prose-headings:text-slate-950 prose-h1:text-2xl
prose-h1:text-2xl prose-h1:sm:text-4xl prose-h1:sm:text-4xl prose-h2:text-xl
prose-h2:text-xl prose-h2:sm:text-3xl prose-h2:sm:text-3xl mx-auto
prose-p:text-justify
w-5xl w-5xl
p-4 p-4
text-slate-950
text-base text-base
text-slate-950
sm:text-xl lg:p-8" sm:text-xl lg:p-8"
> >
<svelte:component this={data.content} /> <svelte:component this={data.content} />

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

Before After
Before After