apuc/front_gestalt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
nik.polishuk committed 2025-01-14 18:28:14 +03:00
1 parent f246130ae1
commit 1278f7463d
11 files changed
+56 -44
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/events/[slug]/page.tsx
+5 -5
View File
@@ -54,7 +54,7 @@ export default function Page() {
<main>
<Breadcrumbs/>
<div className="bg-blue rounded-[6px] max-w-[1032px] m-auto mb-[30px] py-[45px] px-[100px]">
<p className="text-white text-[48px] text-center uppercase leading-[48px]">Базовая программа подготовки гештальт-терапевтов — добор</p>
<p className="text-white text-[40px] text-center uppercase leading-[48px]">Базовая программа подготовки гештальт-терапевтов — добор</p>
</div>
<div className="flex flex-col m-auto max-w-[1032px] gap-[50px] mb-[80px]">
<div className="flex gap-[23px]">
@@ -93,7 +93,7 @@ export default function Page() {
</div>
</div>
</div>
<div className="flex flex-col gap-[30px] max-w-[910px] m-auto">
<div className="flex flex-col gap-[30px] max-w-[910px] font-[300]">
<h3 className="uppercase text-black text-[26px]">содержание</h3>
<p className="text-[15px] leading-[24px]">
ОСНОВНЫЕ ТЕМЫ: 1. Основы гештальт-терапии. Исторические корни, основоположники гештальт-терапии,
@@ -119,15 +119,15 @@ export default function Page() {
этики
</p>
</div>
<div className="flex flex-col gap-[30px] max-w-[910px] m-auto">
<div className="flex flex-col gap-[30px] max-w-[910px] font-[300]">
<h3 className="uppercase text-black text-[26px]">Дополнительная информация</h3>
<p className="text-[15px] leading-[24px]">
<p className="text-[15px] leading-[24px] ">
Ведущие программы:<br/>Анжелика Мамченко - тренер, супервизор, гештальт терапевт,
клинический психолог, ведущая базовых программ, супервизорских, терапевтических групп и
специализаций «Гештальт подход в работе с психосоматикой», «Гештальт терапия в клинической
практике»<br/>Софья Пушкарева – психолог, супервизор, гештальт терапевт, ведущая терапевтических
и супервизорских групп <br/>Руководитель программы – Анжелика Мамченко. <br/>Запись на онлайн
знакомство по телефону: Софья Пушкарева <span className="text-blue underline">+7 9265968715</span>, WhatsApp,Telegram,
знакомство по телефону:<br/> Софья Пушкарева <span className="text-blue underline">+7 9265968715</span>, WhatsApp,Telegram,
почта <span className="text-blue underline">sida786@mail.ru</span> <br/>Запись в программу после онлайн знакомства.
</p>
</div>
app/page.tsx
+9 -9
View File
@@ -80,7 +80,7 @@ export default function Home() {
<h3 className="text-white text-[38px] mt-[214px] text-end leading-[41px]">
<span className="bg-darkBlue px-[12px] py-[3px] rounded-[18px]">Цель</span> нашего<br/>объединения:
</h3>
<p className="ml-auto mt-[50px] text-start text-white text-[19px] leading-[20px] max-w-[400px]">взаимное
<p className="ml-auto mt-[50px] text-start text-white text-[19px] leading-[20px] max-w-[400px] font-[700]">взаимное
обогащение профессиональными знаниями, идеями и опытом на конференциях и семинарах, в учебных
программах и на интенсивах, на специализациях и в супервизорских группах.</p>
</div>
@@ -92,27 +92,27 @@ export default function Home() {
width={1} height={1}/>
</div>
<div
className="flex flex-col items-center rounded-[25px] min-h-[234px] px-[68px] pt-[60px] border-[4px] border-white">
<div className="flex">
className="flex flex-col items-center rounded-[25px] min-h-[234px] px-[68px] pt-[40px] border-[4px] border-white">
<div className="flex relative left-[-20px] bottom-[-10px]">
<AvatarImage imageUrl='avatar'/>
<AvatarImage imageUrl='avatar' className="right-[35px] z-2"/>
<AvatarImage imageUrl='avatar' className="right-[70px] z-3"/>
<AvatarImage imageUrl='avatar' className="right-[105px] z-4"/>
<AvatarImage imageUrl='avatar' className="right-[55px] z-2"/>
<AvatarImage imageUrl='avatar' className="right-[105px] z-3"/>
<AvatarImage imageUrl='avatar' className="right-[155px] z-4"/>
</div>
<p className="text-blue font-[900] text-[26px] mt-[10px]">+ 145 учасников</p>
<p className="text-blue font-[900] text-[26px]">+ 145 учасников</p>
</div>
</div>
</div>
<div className="mt-[50px] flex gap-[64px] justify-center container mx-auto">
<div className="flex-col flex gap-[35px] items-center">
<Image src="images/oppgp.svg" alt="oppgp" width={140} height={37}/>
<p className="text-grey max-w-[300px] text-[16px] leading-[17px] text-center">Донецкое
<p className="text-grey max-w-[300px] text-[16px] leading-[17px] text-center font-[700]">Донецкое
гештальт-сообщество является частью Всероссийского общества психологов практикующих
гештальт-подход (ОПП ГП). </p>
</div>
<div className="flex-col flex gap-[19px] items-center">
<Image src="images/pmg.svg" alt="oppgp" width={177} height={53}/>
<p className="text-grey max-w-[507px] text-[16px] leading-[17px] text-center">В своей работе мы придерживаемся стандартов программы «Московский Гештальт Институт», а также стандартов Европейской Ассоциации Гештальт Терапии, Этического Кодекса Гештальт Терапевта и принципов гуманизма.</p>
<p className="text-grey max-w-[507px] text-[16px] leading-[17px] text-center font-[700]">В своей работе мы придерживаемся стандартов программы «Московский Гештальт Институт», а также стандартов Европейской Ассоциации Гештальт Терапии, Этического Кодекса Гештальт Терапевта и принципов гуманизма.</p>
</div>
</div>
<div className="flex flex-col mt-[100px]">
app/participants/[slug]/page.tsx
+2 -2
View File
@@ -23,7 +23,7 @@ export default function Page() {
<main>
<Breadcrumbs/>
<div className=" flex gap-[35px] max-w-[1032px] m-auto">
<div className="bg-white p-[15px] w-fit">
<div className="bg-white p-[15px] w-fit rounded-[6px]">
<Image className="rotate-[180deg]" src="/images/mok_human.svg" alt="human" width={335} height={355} />
</div>
<div className="flex flex-col">
@@ -74,7 +74,7 @@ export default function Page() {
</ul>
</div>
</div>
<div className="flex flex-col gap-[30px] max-w-[910px] m-auto mb-[100px]">
<div className="flex flex-col gap-[30px] max-w-[910px] m-auto mb-[100px] font-[500]">
<h3 className="uppercase text-black text-[26px]">Описание профессиональной деятельности</h3>
<div className="text-[15px] leading-[24px]">
<p>Часто обращаются со следующими темами:</p>
components/avatar-image.tsx
+2 -2
View File
@@ -12,8 +12,8 @@ const AvatarImage: React.FC<Props> =({ imageUrl, className}) => {
src={`/images/${imageUrl}.png`}
alt={imageUrl}
className={`${className} relative`}
width={67}
height={67}
width={101}
height={100}
/>
);
}
components/breadcrumb.tsx
+2 -2
View File
@@ -10,9 +10,9 @@ const Breadcrumbs: React.FC = () => {
const correctName = {
events: "мероприятия сообщества",
event: "базовая программа подготовки гештальт-терапевтов - добор",
"event-1": "базовая программа подготовки гештальт-терапевтов - добор",
participants: "участники",
id: "кириллов кирилл кириллович"
1: "кириллов кирилл кириллович"
}
return(
components/human-card.tsx
+13 -10
View File
@@ -21,7 +21,8 @@ const HumanCard: React.FC<Props> = ({name, description, image, skills,post, vari
h: 221
},
name: "text-[18px]",
description: "",
blocks: ""
},
secondary: {
main: "flex w-full justify-between",
@@ -33,26 +34,28 @@ const HumanCard: React.FC<Props> = ({name, description, image, skills,post, vari
lg: {
main: "",
img: {
w: 280,
h: 280
w: 303,
h: 303
},
name: "text-[20px]",
name: "text-[20px] max-w-full",
description: "max-w-[300px]",
blocks: "max-w-[300px]"
}
};
return (
<Link href="/participants/1" className={`${cardStyles[variant].main} backdrop-blur-custom border-[1px] border-white rounded-[6px] bg-darkWhite p-[10px] text-black w-fit shadow-custom`}>
{image ? <Image src={image} alt='image' width={cardStyles[variant].img.w} height={cardStyles[variant].img.h} /> :
<Image src="/images/mok_human.svg" alt='image' width={cardStyles[variant].img.w} height={cardStyles[variant].img.h} className="rotate-[180deg]" />
<Image src={variant === "secondary" ? "/images/mok_human2.svg" :"/images/mok_human.svg"} alt='image' width={cardStyles[variant].img.w} height={cardStyles[variant].img.h} className="rotate-[180deg]" />
}
{(variant === 'default' || variant === 'lg') &&
<>
<h5 className={`${cardStyles[variant].name} font-[400] leading-[20px] max-w-[190px] mt-[16px] mb-[20px]`}>{name}</h5>
<span className="text-lightGrey">
<span className={`text-lightGrey`}>
Работает с темами
<p className="text-black text-[13px] leading-[15px] line-clamp-3 text-ellipsis max-w-[220px] mb-[16px]">{description}</p>
<p className={`text-black text-[13px] leading-[15px] line-clamp-3 text-ellipsis max-w-[220px] mb-[16px] ${cardStyles[variant].description}`}>{description}</p>
</span>
<div className="flex gap-[5px] max-w-[220px] flex-wrap">
<div className={`flex gap-[5px] max-w-[220px] flex-wrap ${cardStyles[variant].blocks}`}>
{skills.map((skill, index) => {
return <InfoItem name={skill} key={index} />
})}
@@ -62,8 +65,8 @@ const HumanCard: React.FC<Props> = ({name, description, image, skills,post, vari
{variant === 'secondary' &&
<div className="flex flex-col ml-[16px]">
<h5 className="font-[400] text-[21px] leading-[25px] max-w-[204px] mt-[8px] mb-[18px]">{name}</h5>
<span className="text-[15px] text-lightGrey mb-[55px]">{post}</span>
<div className="flex gap-[7px] max-w-[220px] flex-wrap">
<span className="text-[15px] text-lightGrey mb-[12px]">{post}</span>
<div className="flex gap-[7px] flex-wrap">
{skills.map((skill, index) => {
return <InfoItem name={skill} key={index} variable="white"/>
})}
components/info-block.tsx
+3 -3
View File
@@ -3,9 +3,9 @@ import Image from "next/image";
const InfoBlock: React.FC = () => {
return (
<div className="flex bg-blue rounded-[25px] relative max-w-[1032px] w-full m-auto pt-[58px] pb-[61px] pl-[69px] h-[234px]">
<p className="text-white text-[32px] max-w-[671px] font-[500]">Через собственное развитие мы развиваем и популяризируем гештальт-подход</p>
<Image className="absolute right-[39px] top-[-20px]" src="/images/palm.svg" alt="palm" width={217} height={254} />
<div className="flex bg-blue rounded-[25px] relative max-w-[1032px] w-full m-auto pt-[59.5px] pb-[59.5px] h-[234px] text-center justify-center">
<p className="text-white text-[32px] max-w-[671px] font-[700]">Через собственное развитие мы развиваем и популяризируем гештальт-подход</p>
<Image className="absolute right-0 top-[-20px]" src="/images/palm.svg" alt="palm" width={217} height={254} />
</div>
);
};
components/info-item.tsx
+8 -8
View File
@@ -9,21 +9,21 @@ interface Props {
const InfoItem: React.FC<Props> = ({name, variable = 'default', pathImg}) => {
const variantClasses = {
default: 'text-[9px] py-[4px] px-[8px] rounded-[3px] border-[0.5px] text-blue',
secondary: 'text-[16px] text-lightBlack border-[1px] rounded-[6px] py-[10px] px-[28px] gap-[10px]',
lg: 'px-[10px] py-[6.5px] rounded-[6px] border-[1px] text-[16px] text-blue',
default: 'text-[12px] py-[4px] px-[8px] rounded-[3px] border-[0.5px] text-blue font-[700]',
secondary: 'text-[16px] text-lightBlack border-[1px] rounded-[6px] py-[10px] px-[28px] gap-[10px] items-center',
lg: 'px-[10px] py-[6.5px] rounded-[6px] border-[1px] text-[16px] text-blue font-[700]',
lgFixed: 'px-[10px] py-[6.5px] max-w-[140px] w-full rounded-[6px] border-[1px] text-[16px] text-blue',
white: 'text-[10px] py-[9px] px-[16px] text-blue bg-white rounded-[6px]',
whiteFixed: 'tex-[14px] rounded-[6px] max-w-[114px] w-full bg-white py-[5px] text-blue'
white: 'text-[12px] py-[9px] px-[16px] text-blue bg-white rounded-[6px]',
whiteFixed: 'tex-[14px] rounded-[6px] max-w-[114px] w-full bg-white py-[5px] text-blue font-[700]'
};
const selectedVariantClasses = variantClasses[variable] || variantClasses.default;
return (
<span className={`flex items-center justify-center font-[400] border-blue w-fit ${selectedVariantClasses}`}>
<div className={`flex items-center justify-center font-[400] border-blue w-fit ${selectedVariantClasses}`}>
{pathImg && <Image src={`/images/${pathImg}.svg`} alt={pathImg} width={18} height={18} />}
{name}
</span>
<span className="relative top-[2px]">{name}</span>
</div>
);
}
components/pagination.tsx
+1 -1
View File
@@ -72,7 +72,7 @@ const Pagination: React.FC<PaginationProps> = ({
)
))}
</div>
<button className="flex items-center text-[15px] font-[400] ml-[26px] gap-[11px]" onClick={() => handlePageChange(currentPage + 1)} disabled={currentPage === totalPages}>
<button className="flex items-center text-[15px] font-[700] ml-[26px] gap-[11px]" onClick={() => handlePageChange(currentPage + 1)} disabled={currentPage === totalPages}>
Следующая страница
<Image className="rotate-[-90deg] relative top-[-2px]" src="/images/chevronDown.svg" alt="arrow" width={11} height={11} />
</button>
components/select.tsx
+2 -2
View File
@@ -16,8 +16,8 @@ const Select: React.FC<Props> = ({className, name, variant = 'default'}) => {
};
return(
<div className={`${className} ${variantClasses[variant]} w-fit cursor-pointer border-blue border-[1px] flex gap-[10px] rounded-[10px]`}>
<p className="text-blue font-[400] text-[16px]">{name}</p>
<div className={`${className} ${variantClasses[variant]} max-w-[225px] min-w-[180px] justify-center w-fit cursor-pointer border-blue border-[1px] flex gap-[10px] rounded-[10px]`}>
<p className="text-blue font-[700] text-[16px]">{name}</p>
<Image src="/images/chevronDown.svg" alt="chevronDown" width={11} height={8} />
</div>
);
public/images/mok_human2.svg
+9
View File
@@ -0,0 +1,9 @@
<svg width="218" height="232" viewBox="0 0 218 232" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M217.5 226C217.5 229.038 215.038 231.5 212 231.5L6 231.5C2.96243 231.5 0.500016 229.038 0.500016 226L0.50004 6.00002C0.50004 2.96243 2.96246 0.5 6.00004 0.5L212 0.500015C215.038 0.500015 217.5 2.96245 217.5 6.00002L217.5 226Z" fill="url(#pattern0_4_1002)" stroke="#F2F2F2"/>
<defs>
<pattern id="pattern0_4_1002" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_4_1002" transform="matrix(-0.00197222 0 0 -0.00180489 1.35826 1.12291)"/>
</pattern>
<image id="image0_4_1002" width="1080" height="720" xlink:href="data:image/png;base64,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 truncated
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB