levis/ebook
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix
Some checks failed
Deploy Nuxt App / deploy (push) Failing after 13m20s
Details

Browse Source
This commit is contained in:
koziavin
2025-06-20 17:56:43 +04:00
parent d92fc4cf6e
commit f8a632b6df
9 changed files with 102 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
assets/css/tailwind.css
View File

@ -23,20 +23,60 @@
}
/* Кастомные классы шрифтов */
.lato-thin { font-family: 'Lato', sans-serif; font-weight: 100; font-style: normal; }
.lato-light { font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; }
.lato-regular { font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; }
.lato-bold { font-family: 'Lato', sans-serif; font-weight: 700; font-style: normal; }
.lato-black { font-family: 'Lato', sans-serif; font-weight: 900; font-style: normal; }
.lato-thin {
font-family: 'Lato', sans-serif;
font-weight: 100;
font-style: normal;
}
.lato-light {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: normal;
}
.lato-regular {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-style: normal;
}
.lato-bold {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-style: normal;
}
.lato-black {
font-family: 'Lato', sans-serif;
font-weight: 900;
font-style: normal;
}
.lato-thin-italic { font-family: 'Lato', sans-serif; font-weight: 100; font-style: italic; }
.lato-light-italic { font-family: 'Lato', sans-serif; font-weight: 300; font-style: italic; }
.lato-regular-italic { font-family: 'Lato', sans-serif; font-weight: 400; font-style: italic; }
.lato-bold-italic { font-family: 'Lato', sans-serif; font-weight: 700; font-style: italic; }
.lato-black-italic { font-family: 'Lato', sans-serif; font-weight: 900; font-style: italic; }
.lato-thin-italic {
font-family: 'Lato', sans-serif;
font-weight: 100;
font-style: italic;
}
.lato-light-italic {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-style: italic;
}
.lato-regular-italic {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-style: italic;
}
.lato-bold-italic {
font-family: 'Lato', sans-serif;
font-weight: 700;
font-style: italic;
}
.lato-black-italic {
font-family: 'Lato', sans-serif;
font-weight: 900;
font-style: italic;
}
.russo-one-regular {
font-family: 'Russo One', sans-serif;
font-weight: 700;
font-style: normal;
}
}

BIN
assets/img/png/footer-flowers-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 746 KiB

BIN
assets/img/webp/footer-flowers-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

2
layouts/default.vue
View File

@ -1,6 +1,6 @@
<template>
<div
class="min-h-svh overflow-x-hidden lato-regular relative overflow-visible before:content-[''] before:absolute before:bottom-0 before:h-full before:w-full before:bg-[url(/assets/img/webp/footer-flowers.webp)] before:bg-no-repeat before:bg-bottom before:bg-contain before:z-40"
class="min-h-svh overflow-x-hidden lato-regular relative overflow-visible before:content-[''] before:absolute before:bottom-0 before:h-full before:w-full before:bg-[url(/assets/img/png/footer-flowers-2.png)] before:bg-no-repeat before:bg-bottom before:bg-contain before:z-40"
:class="
route.path === '/books/1' || route.path === '/books/2'
? 'bg-[linear-gradient(135deg,rgba(17,17,30,1)_10%,rgba(183,32,76,1)_170%)]'

70
pages/books/[slug].vue
View File

@ -4,11 +4,11 @@
<template v-if="!route.params.titlesSlug">
<!--верхний блок-->
<section
class="flex flex-row relative z-40 before:content-[''] before:absolute before:top-[-140px] before:bg-top before:left-0 before:w-[1280px] before:h-[1000px] before:bg-[url(/assets/img/webp/vino-galante.webp)] before:bg-no-repeat before:bg-contain mt-40"
class="flex min-h-[600px] flex-row relative z-40 before:content-[''] before:absolute before:top-[-140px] before:bg-top before:left-0 before:w-[1280px] before:h-[1000px] before:bg-[url(/assets/img/webp/vino-galante.webp)] before:bg-no-repeat before:bg-contain mt-40"
>
<!--левый блок контента-->
<section class="relative top-[-20px] min-w-[570px]">
<div class="flex flex-col items-center">
<section class="relative top-[-30px] min-w-[570px]">
<div class="flex flex-col items-center h-[600px]">
<img :src="book.img" :alt="book.buttonText" />
</div>
</section>
@ -33,15 +33,15 @@
</section>
</section>
<!--средний блок-->
<section class="flex flex-row items-center ml-20 justify-between">
<section class="flex flex-row items-center ml-12 gap-24">
<!--левый-->
<div class="flex flex-col items-center min-h-[310px]">
<div class="flex flex-row">
<UiParagraph class="[&]:text-6xl">{{ book.price }}&nbsp;</UiParagraph>
<img src="/img/svg/books/ruble.svg" alt="ruble" />
</div>
<div class="mr-10 flex items-center flex-col gap-3">
<UiButton class="max-w-[380px] !font-normal !px-2 !py-4 mt-24">
<div class="flex items-center flex-col gap-3">
<UiButton class="max-w-[440px] !font-normal !px-2 !py-4 mt-16">
{{ book.buttonText }}
</UiButton>
<UiParagraph size="200">
@ -50,24 +50,29 @@
</div>
</div>
<!--правый-->
<div class="min-h-[310px]">
<div class="min-h-[310px] pt-6">
<!--о книге-->
<div>
<ul class="flex flex-row mr-14 items-center justify-between lg:whitespace-nowrap">
<li class="flex flex-row mr-14 gap-3 items-center">
<img src="/img/svg/books/book-pages.svg" alt="страниц" />
<img src="/img/svg/books/book-pages.svg" alt="страниц" width="24" height="24" />
<UiParagraph size="250" as="span">
{{ book.pages }}
</UiParagraph>
</li>
<li class="flex flex-row mr-14 gap-3 items-center">
<img src="/img/svg/books/book-illustrations.svg" alt="иллюстраций" />
<li class="flex flex-row mr-14 gap-3 items-center shrink-0">
<img
src="/img/svg/books/book-illustrations.svg"
alt="иллюстраций"
width="24"
height="24"
/>
<UiParagraph size="250" as="span">
{{ book.illust }}
</UiParagraph>
</li>
<li class="flex flex-row mr-14 gap-3 items-center">
<img src="/img/svg/books/book-formats.svg" alt="формат" />
<img src="/img/svg/books/book-formats.svg" alt="формат" width="24" height="24" />
<UiParagraph size="250" as="span">
{{ book.format }}
</UiParagraph>
@ -76,44 +81,33 @@
</div>
<!--навигация по книге-->
<div class="mt-24">
<ul class="flex flex-row mr-32 items-end justify-between lg:whitespace-nowrap">
<li class="flex flex-row items-center">
<NuxtLink to="#" class="flex flex-col items-center cursor-pointer">
<div class="w-[62px] h-[58px]">
<img
src="/img/svg/books/read.svg"
alt="Читай отрывок"
width="62"
height="53"
/>
</div>
<div class="mt-28 pt-2">
<ul class="flex flex-row mr-32 items-baseline justify-between lg:whitespace-nowrap">
<li class="flex flex-row h-24 w-[105px] items-center">
<NuxtLink to="#" class="flex flex-col gap-8 items-center cursor-pointer">
<img src="/img/svg/books/read.svg" alt="Читай отрывок" width="62" height="53" />
<UiParagraph size="250" as="span"> Читай отрывок </UiParagraph>
</NuxtLink>
</li>
<li class="flex flex-row gap-3 items-center">
<NuxtLink to="#" class="flex flex-col items-center gap-4 cursor-pointer">
<div class="w-[62px] h-[53px]">
<img
src="/img/svg/books/download.svg"
alt="Скачай отрывок"
width="62"
height="53"
/>
</div>
<li class="flex flex-row items-center h-24 w-[105px]">
<NuxtLink to="#" class="flex flex-col items-center gap-8 cursor-pointer">
<img
src="/img/svg/books/download.svg"
alt="Скачай отрывок"
width="62"
height="53"
/>
<UiParagraph size="250" as="span"> Скачай отрывок </UiParagraph>
</NuxtLink>
</li>
<li class="flex flex-row gap-3 items-center">
<li class="flex flex-row items-center h-24 w-[105px]">
<NuxtLink
:to="`/books/${route.params.slug}/${book.hrefTitles}`"
class="flex flex-col items-center gap-3 cursor-pointer"
class="flex flex-col items-center gap-8 cursor-pointer"
>
<div class="w-[62px] h-[53px]">
<img src="/img/svg/books/down2.svg" alt="Содержание" width="62" height="53" />
</div>
<img src="/img/svg/books/down2.svg" alt="Содержание" width="62" height="53" />
<UiParagraph size="250" as="span"> Содержание </UiParagraph>
</NuxtLink>

6
public/img/svg/books/book-formats.svg
View File

@ -1,4 +1,4 @@
<svg width="24" height="33" viewBox="0 0 24 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.19223 17.578H4.30762V15.3809H5.19223C5.42685 15.3809 5.65185 15.4966 5.81775 15.7026C5.98365 15.9086 6.07685 16.1881 6.07685 16.4794C6.07685 16.7708 5.98365 17.0502 5.81775 17.2562C5.65185 17.4622 5.42685 17.578 5.19223 17.578ZM11.3845 21.9722V15.3809H12.2692C12.5038 15.3809 12.7288 15.4966 12.8947 15.7026C13.0606 15.9086 13.1538 16.1881 13.1538 16.4794V20.8737C13.1538 21.165 13.0606 21.4444 12.8947 21.6504C12.7288 21.8565 12.5038 21.9722 12.2692 21.9722H11.3845Z" fill="#C01F64"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.769531 3.29567C0.769531 2.42161 1.04913 1.58334 1.54682 0.965281C2.04452 0.347222 2.71953 0 3.42338 0L17.9435 0L23.7695 7.2351V29.6611C23.7695 30.5351 23.4899 31.3734 22.9922 31.9915C22.4945 32.6095 21.8195 32.9567 21.1157 32.9567H3.42338C2.71953 32.9567 2.04452 32.6095 1.54682 31.9915C1.04913 31.3734 0.769531 30.5351 0.769531 29.6611V3.29567ZM5.19261 13.1827H2.53876V24.1683H4.30799V19.774H5.19261C5.89645 19.774 6.57147 19.4268 7.06916 18.8088C7.56685 18.1907 7.84645 17.3524 7.84645 16.4784C7.84645 15.6043 7.56685 14.766 7.06916 14.148C6.57147 13.5299 5.89645 13.1827 5.19261 13.1827ZM12.2695 13.1827H9.61568V24.1683H12.2695C12.9734 24.1683 13.6484 23.8211 14.1461 23.203C14.6438 22.5849 14.9234 21.7467 14.9234 20.8726V16.4784C14.9234 15.6043 14.6438 14.766 14.1461 14.148C13.6484 13.5299 12.9734 13.1827 12.2695 13.1827ZM16.6926 24.1683V13.1827H22.0003V15.3798H18.4618V17.5769H20.2311V19.774H18.4618V24.1683H16.6926Z" fill="#C01F64"/>
<svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.19223 13.3786H4.30762V11.7148H5.19223C5.42685 11.7148 5.65185 11.8025 5.81775 11.9585C5.98365 12.1145 6.07685 12.3261 6.07685 12.5467C6.07685 12.7674 5.98365 12.979 5.81775 13.135C5.65185 13.291 5.42685 13.3786 5.19223 13.3786ZM11.3845 16.7062V11.7148H12.2692C12.5038 11.7148 12.7288 11.8025 12.8947 11.9585C13.0606 12.1145 13.1538 12.3261 13.1538 12.5467V15.8743C13.1538 16.0949 13.0606 16.3065 12.8947 16.4625C12.7288 16.6185 12.5038 16.7062 12.2692 16.7062H11.3845Z" fill="#C01F64"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.769531 2.56306C0.769531 1.90116 1.04913 1.26638 1.54682 0.798349C2.04452 0.330319 2.71953 0.0673828 3.42338 0.0673828L17.9435 0.0673828L23.7695 5.54622V22.5285C23.7695 23.1903 23.4899 23.8251 22.9922 24.2932C22.4945 24.7612 21.8195 25.0241 21.1157 25.0241H3.42338C2.71953 25.0241 2.04452 24.7612 1.54682 24.2932C1.04913 23.8251 0.769531 23.1903 0.769531 22.5285V2.56306ZM5.19261 10.0501H2.53876V18.369H4.30799V15.0414H5.19261C5.89645 15.0414 6.57147 14.7785 7.06916 14.3105C7.56685 13.8424 7.84645 13.2076 7.84645 12.5458C7.84645 11.8839 7.56685 11.2491 7.06916 10.781C6.57147 10.313 5.89645 10.0501 5.19261 10.0501ZM12.2695 10.0501H9.61568V18.369H12.2695C12.9734 18.369 13.6484 18.1061 14.1461 17.638C14.6438 17.17 14.9234 16.5352 14.9234 15.8733V12.5458C14.9234 11.8839 14.6438 11.2491 14.1461 10.781C13.6484 10.313 12.9734 10.0501 12.2695 10.0501ZM16.6926 18.369V10.0501H22.0003V11.7139H18.4618V13.3776H20.2311V15.0414H18.4618V18.369H16.6926Z" fill="#C01F64"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

4
public/img/svg/books/book-illustrations.svg
View File

@ -1,3 +1,3 @@
<svg width="24" height="31" viewBox="0 0 24 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.862 1.01361C10.4118 0.54615 9.85883 0.301357 9.29362 0.319278H3.26314C2.93561 0.31897 2.61125 0.406925 2.30861 0.578112C2.00597 0.749299 1.73099 1.00036 1.49939 1.31693C1.26779 1.63351 1.08412 2.00939 0.958888 2.42307C0.833653 2.83675 0.769307 3.28013 0.769532 3.72783V27.23C0.770437 28.1336 1.03345 28.9999 1.50089 29.6389C1.96834 30.2778 2.60207 30.6373 3.26314 30.6386H21.2759C21.937 30.6373 22.5707 30.2778 23.0382 29.6389C23.5056 28.9999 23.7686 28.1336 23.7695 27.23V8.20711C23.7686 7.30348 23.5056 6.43722 23.0382 5.79826C22.5707 5.1593 21.937 4.79979 21.2759 4.79856H12.119L11.7735 2.91193C11.6367 2.15634 11.3151 1.48504 10.862 1.01361ZM17.161 16.801C16.4806 16.801 15.828 16.4315 15.3469 15.7739C14.8658 15.1162 14.5955 14.2243 14.5955 13.2942C14.5955 12.3642 14.8658 11.4722 15.3469 10.8146C15.828 10.1569 16.4806 9.78748 17.161 9.78748C17.8414 9.78748 18.4939 10.1569 18.975 10.8146C19.4561 11.4722 19.7264 12.3642 19.7264 13.2942C19.7264 14.2243 19.4561 15.1162 18.975 15.7739C18.4939 16.4315 17.8414 16.801 17.161 16.801ZM9.81013 15.9804L19.1586 27.7163H3.26314C3.16906 27.7151 3.0791 27.6634 3.01258 27.5725C2.94605 27.4816 2.90829 27.3586 2.9074 27.23V21.3925L8.52399 15.9804C8.7056 15.778 8.93274 15.6674 9.16706 15.6674C9.40139 15.6674 9.62853 15.778 9.81013 15.9804Z" fill="#C01F64"/>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.862 1.09623C10.4118 0.726207 9.85883 0.532441 9.29362 0.546625H3.26314C2.93561 0.546382 2.61125 0.616003 2.30861 0.751506C2.00597 0.88701 1.73099 1.08574 1.49939 1.33632C1.26779 1.58691 1.08412 1.88443 0.958888 2.21189C0.833653 2.53934 0.769307 2.89029 0.769532 3.24467V21.8479C0.770437 22.5631 1.03345 23.2488 1.50089 23.7546C1.96834 24.2603 2.60207 24.5449 3.26314 24.5459H21.2759C21.937 24.5449 22.5707 24.2603 23.0382 23.7546C23.5056 23.2488 23.7686 22.5631 23.7695 21.8479V6.79025C23.7686 6.07498 23.5056 5.38929 23.0382 4.88352C22.5707 4.37775 21.937 4.09318 21.2759 4.0922H12.119L11.7735 2.59884C11.6367 2.00076 11.3151 1.46938 10.862 1.09623ZM17.161 13.5927C16.4806 13.5927 15.828 13.3003 15.3469 12.7797C14.8658 12.2592 14.5955 11.5531 14.5955 10.817C14.5955 10.0808 14.8658 9.37475 15.3469 8.8542C15.828 8.33364 16.4806 8.04119 17.161 8.04119C17.8414 8.04119 18.4939 8.33364 18.975 8.8542C19.4561 9.37475 19.7264 10.0808 19.7264 10.817C19.7264 11.5531 19.4561 12.2592 18.975 12.7797C18.4939 13.3003 17.8414 13.5927 17.161 13.5927ZM9.81013 12.9432L19.1586 22.2328H3.26314C3.16906 22.2318 3.0791 22.1909 3.01258 22.119C2.94605 22.047 2.90829 21.9496 2.9074 21.8479V17.2271L8.52399 12.9432C8.7056 12.783 8.93274 12.6955 9.16706 12.6955C9.40139 12.6955 9.62853 12.783 9.81013 12.9432Z" fill="#C01F64"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

10
public/img/svg/books/book-pages.svg
View File

@ -1,12 +1,12 @@
<svg width="31" height="28" viewBox="0 0 31 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.3585 3.16504H7.69186C6.1457 3.16504 3.8457 4.05678 3.8457 6.51325V22.1383C3.8457 24.5947 6.1457 25.4865 7.69186 25.4865H26.9226V23.2543H7.70724C7.11493 23.2409 6.40981 23.0378 6.40981 22.1383C6.40981 22.0255 6.42134 21.9251 6.44058 21.8336C6.58416 21.1907 7.18929 21.0333 7.70724 21.0222H26.9226V5.39718C26.9226 4.80518 26.6525 4.23743 26.1716 3.81882C25.6908 3.40021 25.0386 3.16504 24.3585 3.16504ZM24.3585 13.2097L21.7944 12.0936L19.2303 13.2097V5.39718H24.3585V13.2097Z" fill="url(#paint0_linear_868_364)"/>
<path d="M24.3585 3.16504H7.69186C6.1457 3.16504 3.8457 4.05678 3.8457 6.51325V22.1383C3.8457 24.5947 6.1457 25.4865 7.69186 25.4865H26.9226V23.2543H7.70724C7.11493 23.2409 6.40981 23.0378 6.40981 22.1383C6.40981 22.0255 6.42134 21.9251 6.44058 21.8336C6.58416 21.1907 7.18929 21.0333 7.70724 21.0222H26.9226V5.39718C26.9226 4.80518 26.6525 4.23743 26.1716 3.81882C25.6908 3.40021 25.0386 3.16504 24.3585 3.16504ZM24.3585 13.2097L21.7944 12.0936L19.2303 13.2097V5.39718H24.3585V13.2097Z" fill="url(#paint1_radial_868_364)" fill-opacity="0.2"/>
<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.3585 0.232422H4.69186C3.1457 0.232422 0.845703 1.12416 0.845703 3.58064V19.2056C0.845703 21.6621 3.1457 22.5539 4.69186 22.5539H23.9226V20.3217H4.70724C4.11493 20.3083 3.40981 20.1052 3.40981 19.2056C3.40981 19.0929 3.42134 18.9925 3.44058 18.9009C3.58416 18.2581 4.18929 18.1007 4.70724 18.0896H23.9226V2.46456C23.9226 1.87256 23.6525 1.30481 23.1716 0.886201C22.6908 0.467593 22.0386 0.232422 21.3585 0.232422ZM21.3585 10.2771L18.7944 9.16099L16.2303 10.2771V2.46456H21.3585V10.2771Z" fill="url(#paint0_linear_868_365)"/>
<path d="M21.3585 0.232422H4.69186C3.1457 0.232422 0.845703 1.12416 0.845703 3.58064V19.2056C0.845703 21.6621 3.1457 22.5539 4.69186 22.5539H23.9226V20.3217H4.70724C4.11493 20.3083 3.40981 20.1052 3.40981 19.2056C3.40981 19.0929 3.42134 18.9925 3.44058 18.9009C3.58416 18.2581 4.18929 18.1007 4.70724 18.0896H23.9226V2.46456C23.9226 1.87256 23.6525 1.30481 23.1716 0.886201C22.6908 0.467593 22.0386 0.232422 21.3585 0.232422ZM21.3585 10.2771L18.7944 9.16099L16.2303 10.2771V2.46456H21.3585V10.2771Z" fill="url(#paint1_radial_868_365)" fill-opacity="0.2"/>
<defs>
<linearGradient id="paint0_linear_868_364" x1="15.3842" y1="34.2754" x2="15.3842" y2="-25.1728" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_868_365" x1="12.3842" y1="31.3428" x2="12.3842" y2="-28.1054" gradientUnits="userSpaceOnUse">
<stop stop-color="#E20C66"/>
<stop offset="1" stop-color="#E20C66" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint1_radial_868_364" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.3842 14.3258) rotate(50.5894) scale(14.4454 118.907)">
<radialGradient id="paint1_radial_868_365" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.3842 11.3931) rotate(50.5894) scale(14.4454 118.907)">
<stop stop-color="#EE70A4"/>
<stop offset="1" stop-color="#FF33AD"/>
</radialGradient>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

9
public/img/svg/books/down2.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB