Skip to content

Commit

Permalink
Update Аbout us page (#1018)
Browse files Browse the repository at this point in the history
* Remove unused code related to team data

* Update about us page - initial changes

* UI fixes

* Add responsive styles to management board members section

* Implement About the team section, minor fixes

* updated management team description texts

* Add supervisory board section, ui fixes, remove blog urls

* Revert text change

* updated: Ivaylo's profile and polished text style of others

* Fix supervisory board section styles, apply responsive styles
  • Loading branch information
ani-kalpachka authored Sep 12, 2022
1 parent b375fa2 commit d34dd36
Show file tree
Hide file tree
Showing 28 changed files with 523 additions and 386 deletions.
Binary file added public/img/team-photos/AnaNikolova.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/team-photos/DianaDobreva.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/team-photos/GeorgiMalchev.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/team-photos/IvanGoychev.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/team-photos/IvayloIvanov.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/team-photos/JulianKalderon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/team-photos/MarianaKaroleva.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/team-photos/MartinKovachev.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/team-photos/RadoslavBozhinov.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/team-photos/StankaCherkezova.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/img/team-photos/discord-team-image.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 6 additions & 6 deletions public/locales/bg/about.json
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
{
"about": {
"title": "За доброволците в проекта",
"description": "Ние сме група доброволци с обща цел: да създадем прозрачна платформа за дарения, която да не взима комисиона от дарените средства."
},
"howEverythingBegin": {
"title": "Как започна всичко?",
"volunteers": "Ние сме група доброволци от IT средите, юристи, счетоводители, маркетолози, медици, НПО представители. Обединява ни желанието да създадем подобрена дарителска среда в България, създавайки максимално прозрачна платформа за дарения. Целта ни е платформата да се издържа от членски внос и дарения към нея, а не от процент комисиона от кампаниите, които тя обслужва."
"title": "Кои сме ние?",
"management-board-members": "Членове на управителен съвет",
"supervisory-board-members": "Членове на надзорен съвет",
"linkedIn": "LinkedIn",
"about-the-team": "За екипа",
"team-description": "Ние сме група доброволци от IT средите, юристи, счетоводители, маркетолози, медици, НПО представители. Обединява ни желанието да създадем подобрена дарителска среда в България, създавайки максимално прозрачна платформа за дарения. Целта ни е платформата да се издържа от членски внос и дарения към нея, а не от процент комисиона от кампаниите, които тя обслужва."
},
"principlesThatUniteUs": {
"title": "Принципи, които ни обединяват",
Expand Down
23 changes: 1 addition & 22 deletions public/locales/bg/index.json
Original file line number Diff line number Diff line change
Expand Up @@ -20,28 +20,7 @@
"team-section": {
"heading": "Кой стои зад Подкрепи.бг?",
"content": "Подкрепи.бг представлява общност от специалисти в областта на програмирането, правото, маркетинга, дизайна, медицината, финансите, социалното предприемачество и др. Обединени сме от целта да създадем устойчива и прозрачна платформа за дарения, която подкрепя каузи и хора в нужда, като заедно с това популяризира и връща доверието към дарителството в България.",
"meet-our-team": "Запознайте се с екипа в нашия блог",
"ilko-kacharov": "Илко Качаров",
"radoslav-bozhinov": "Радослав Божинов",
"ana-nikolova": "Ана Николова",
"organizational-team": "Организационен екип"
},
"team-chart-section": {
"heading": "Как започна всичко?",
"data": {
"back-end": "Backend (146)",
"frontend": "Frontend (89)",
"full-stack": "Full-Stack (82)",
"dev-ops": "DevOps (78)",
"qa": "QA (61)",
"design": "Дизайн (35)",
"law": "Право (16)",
"management": "Мениджмънт (88)",
"accounting": "Счетоводство и Финанси (16)",
"marketing": "Маркетинг и PR (72)",
"ngo": "НПО/Доброволчество (37)",
"others": "Други (16)"
}
"meet-our-team": "Запознайте се с екипа в нашия блог"
},
"support-us-section": {
"heading": "Подкрепете ни като:",
Expand Down
12 changes: 6 additions & 6 deletions public/locales/en/about.json
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
{
"about": {
"title": "About us",
"description": "We are a group of volunteers with a common goal: to create a transparent platform for donations that does not take a commission from successful campaigns."
},
"howEverythingBegin": {
"title": "How everything started?",
"volunteers": "We are volunteers from the IT community, lawyers, accountants, marketers, medics, and NGO representatives. We are united by the desire to create an improved fundraising environment in Bulgaria by developing the most transparent platform for donations. The platform will support itself by membership fees and grants and not by charging a percentage of the funds raised for the campaigns that go through it."
"title": "Who are we?",
"management-board-members": "Management Board members",
"supervisory-board-members": "Supervisory Board Members",
"linkedIn": "LinkedIn",
"about-the-team": "About the team",
"team-description": "We are volunteers from the IT community, lawyers, accountants, marketers, medics, and NGO representatives. We are united by the desire to create an improved fundraising environment in Bulgaria by developing the most transparent platform for donations. The platform will support itself by membership fees and grants and not by charging a percentage of the funds raised for the campaigns that go through it."
},
"principlesThatUniteUs": {
"title": "Our principles",
Expand Down
23 changes: 1 addition & 22 deletions public/locales/en/index.json
Original file line number Diff line number Diff line change
Expand Up @@ -20,28 +20,7 @@
"team-section": {
"heading": "Who is behind Podkrepi.bg?",
"content": "Podkrepi.bg is a community of specialists in the field of programming, law, marketing, design, medicine, finance, social entrepreneurship and others. We are united by the goal of creating a sustainable and transparent donation platform that supports causes and people in need, while promoting and restoring trust in donations in Bulgaria.",
"meet-our-team": "Meet our team in the blog",
"ilko-kacharov": "Ilko Kacharov",
"radoslav-bozhinov": "Radoslav Bozhinov",
"ana-nikolova": "Ana Nikolova",
"organizational-team": "Organizational team"
},
"team-chart-section": {
"heading": "How it all started?",
"data": {
"back-end": "Backend (146)",
"frontend": "Frontend (89)",
"full-stack": "Full-Stack (82)",
"dev-ops": "DevOps (78)",
"qa": "QA (61)",
"design": "Design (35)",
"law": "Law (16)",
"management": "Management (88)",
"accounting": "Accounting and Finance (16)",
"marketing": "Marketing and PR (72)",
"ngo": "NGO/Volunteering (37)",
"others": "Others (16)"
}
"meet-our-team": "Meet our team in the blog"
},
"support-us-section": {
"heading": "Support us as:",
Expand Down
22 changes: 8 additions & 14 deletions src/components/about/AboutPage.tsx
Original file line number Diff line number Diff line change
@@ -1,23 +1,17 @@
import { Box } from '@mui/system'
import { routes } from 'common/routes'
import LinkButton from 'components/common/LinkButton'
import Layout from 'components/layout/Layout'
import { useTranslation } from 'next-i18next'

import HowEveryThingBegin from './sections/HowEverythingBegin'
import PrinciplesThatUniteUs from './sections/PrinciplesThatUniteUs'
import AboutTheTeamSection from './sections/AboutTheTeamSection'
import ManagementBoardSection from './sections/ManagementBoardSection'
import SupervisoryBoardSection from './sections/SupervisoryBoardSection'

export default function AboutPage() {
const { t } = useTranslation()
return (
<Layout title={t('about:about.title')} metaDescription={t('about:about.description')}>
<PrinciplesThatUniteUs />
<HowEveryThingBegin />
<Box textAlign="center" m={6}>
<LinkButton color="primary" size="large" variant="contained" href={routes.support}>
{t('nav.about.support-us')}
</LinkButton>
</Box>
<Layout title={t('about:about.title')} maxWidth="xl">
<ManagementBoardSection />
<SupervisoryBoardSection />
<AboutTheTeamSection />
{/* <PrinciplesThatUniteUs /> */}
</Layout>
)
}
115 changes: 115 additions & 0 deletions src/components/about/ManagementBoardMembers.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,115 @@
import { Grid, Theme, Typography, Button, Link } from '@mui/material'
import Heading from 'components/common/Heading'
import { useTranslation } from 'next-i18next'
import { data } from './helpers/managementBoardData'
import Image from 'next/image'
import { createStyles, makeStyles } from '@mui/styles'
import { LinkedIn } from '@mui/icons-material'

const useStyles = makeStyles((theme: Theme) =>
createStyles({
managemtenBoardWrapper: {
display: 'flex',
justifyContent: 'space-between',
gap: theme.spacing(3),
flexWrap: 'wrap',
},
managementBoardHeading: {
fontWeight: 500,
},
teamMemberWrapper: {
flexGrow: 1,
width: '100%',
textAlign: 'center',
marginBottom: theme.spacing(3),
[theme.breakpoints.up('sm')]: {
width: '10%',
flex: '1 0 40%',
marginBottom: theme.spacing(0),
},
[theme.breakpoints.up('md')]: {
flex: '1 0 30%',
},
[theme.breakpoints.up('lg')]: {
flex: '1 0 10%',
},
},
description: {
textAlign: 'initial',
},
avatar: {
borderRadius: '50%',
textAlign: 'center',
width: '150px',
objectFit: 'cover',
},
name: {
fontWeight: 700,
margin: theme.spacing(3, 0),
},
linkedInButton: {
display: 'flex',
alignItems: 'center',
marginTop: theme.spacing(3),
'&:hover': {
'&>svg, &>h6': {
textDecoration: 'underline',
color: theme.palette.primary.main,
},
},
},
LinkedInIcon: {
marginLeft: '-4px',
},
linkedInText: {
marginLeft: theme.spacing(1),
color: theme.palette.common.black,
},
}),
)

export default function ManagementBoardMembers() {
const { t } = useTranslation('about')
const classes = useStyles()

return (
<Grid component="section">
<Heading
variant="h4"
component="h2"
textAlign="center"
mb={8}
className={classes.managementBoardHeading}>
{t('about.management-board-members')}
</Heading>
<Grid className={classes.managemtenBoardWrapper}>
{data.map((teamMember) => (
<Grid key={teamMember.img} className={classes.teamMemberWrapper}>
<Image
alt="teamMemberAvatar"
src={teamMember.img}
width="200px"
height="200px"
className={classes.avatar}
/>
<Typography variant="subtitle1" className={classes.name}>
{teamMember.name}
</Typography>
<Typography variant="body2" className={classes.description}>
{teamMember.description}
</Typography>
<Link
href={teamMember.linkedInProfile}
target="_blank"
className={classes.linkedInButton}>
<LinkedIn color="action" fontSize="large" className={classes.LinkedInIcon} />
<Typography variant="subtitle1" className={classes.linkedInText}>
{t('about.linkedIn')}
</Typography>
</Link>
</Grid>
))}
</Grid>
</Grid>
)
}
58 changes: 58 additions & 0 deletions src/components/about/helpers/managementBoardData.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
export type TeamData = {
img: string
name: string
description: string
linkedInProfile: string
}

export const data: TeamData[] = [
{
img: '/img/team-photos/StankaCherkezova.jpg',
name: 'Станка Черкезова-Калайджиева',
description:
'Ръководител Правен Eкип. Близо 15 години подпомагам бизнеси и отделни физически лица с консултации и процесуално представителство в сферата на търговското и гражданското право, включително в казуси с международен елемент. Имам богат юридически опит както в България, така и в чужбина, с работа като външен консултант по различни проекти, свързани с национално и европейско право.',
linkedInProfile: 'https://www.linkedin.com/in/stanka-cherkezova-b2b5845/',
},
{
img: '/img/team-photos/AnaNikolova.png',
name: 'Ана Николова',
description:
'Доктор по Управление на международни проекти. 12 години опит в неправителствения сектор и развитието на младежко лидерство и предприемачество. Помагам на стартиращи и малки бизнеси със силен фокус към иновациите да развият своите идеи в бизнес начинания, чрез развитие на концепции, проектно планиране и управление и достъп до финансиране. Опитът ми в планирането и управлението на проекти ме доведе също до това да стана и външен експерт-оценител по програми на Европейската комисия и да правя обучения по тази и други теми, свързани с развитие на бизнеса.',
linkedInProfile: 'https://www.linkedin.com/in/anatnikolova/',
},
{
img: '/img/team-photos/MarianaKaroleva.jpg',
name: 'Марияна Каролева',
description:
'От години се занимавам с доброволчество, като подкрепям каузи на различни организации, и в качеството си на частно лице помагам със средства, време и внимание на хора в нужда. Като ръководител на Екип Кампании участвам в процеса по структуриране и управление на кампаниите и платформата, в изграждането на различните експертни съвети и набирането на членовете им и в избора и обработката на първите кампании.',
linkedInProfile: 'https://www.linkedin.com/in/anatnikolova/',
},
{
img: '/img/team-photos/JulianKalderon.png',
name: 'Юлиян Калдерон',
description:
"Над 20 години опит като предприемач. Издател на Gamers' Workshop и основател на БГСервиз, където вече 16 години развиваме бизнес софтуерния продукт nZoom. С него помагаме на фирмите да бъдат по-успешни, чрез дигитализация и ефективно използване на информационните технологии. Имам натрупан значителен опит в развитието на софтуерни продукти, който, надявам се, ще бъде от полза в организационен и чисто оперативен план за Подкрепи.бг",
linkedInProfile: 'https://www.linkedin.com/in/jucalderon/',
},
{
img: '/img/team-photos/DianaDobreva.jpg',
name: 'Диана Добрева',
description:
'Над 20 год. опит в организация и управление на финансови потоци, вкл. развитие на 3 новостартиращи в БГ компании със съсредоточен голям финансов ресурс. В последните две години подпомагам стартиращи дружества, които получават инвестиции за да оптимизират финансовите потоци така, че да прескочат 87%-ния риск от неуспех вследствие на недобро планиране и разпределение на ресурсите. Обичаща природата и водеща йогийски начин на живот, в който основно място заема дарителството и помощта към другите.',
linkedInProfile: 'https://www.linkedin.com/in/diana-dobreva-acca-5749b520/',
},
{
img: '/img/team-photos/RadoslavBozhinov.jpg',
name: 'Радослав Божинов',
description:
'Дизайн Лийд в British Telecom (BT), отговорен за стратегията и дизайн екипа към BT индиректен партньорски онлайн портал. Работил в БНТ, маркетинг агенции, няколко Английски студиа и компании приди BT. Занимава се с дизайн-а от 2007 насам. Участвал в набирането на средства за земетресението в Турция, BBC деца в нужда ',
linkedInProfile: 'https://www.linkedin.com/in/radoslavbozhinov/',
},
{
img: '/img/team-photos/IvanGoychev.jpg',
name: 'Иван Гойчев',
description:
'Технологичен мениджър с над 15 години опит в създаване на успешни стартъпи и реализиране на големи софтуерни продукти. Като технически директор съм водил развитието на 2 успешни стартъпа във финансовата и самолетната индустрия. Натрупах сериозен опит в огромни компании като Amazon AWS, а сега водя софтуерния отдел на Кобилдър, където дигитализираме строителната индустрия.',
linkedInProfile: 'https://www.linkedin.com/in/igoychev/',
},
]
Loading

0 comments on commit d34dd36

Please sign in to comment.