Compare commits
4 commits
1c5e428d65
...
dfd6d09c97
| Author | SHA1 | Date | |
|---|---|---|---|
| dfd6d09c97 | |||
| f0fc543181 | |||
| 68c1ff7572 | |||
| 233048fba4 |
3 changed files with 8 additions and 7 deletions
|
|
@ -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). Впрочем, как и половина их кодовой базы:
|
||||||
|
|
|
||||||
|
|
@ -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 |
Loading…
Add table
Add a link
Reference in a new issue