diff --git a/src/app/(payload)/admin/[[...segments]]/not-found.tsx b/(payload)/admin/[[...segments]]/not-found.tsx similarity index 100% rename from src/app/(payload)/admin/[[...segments]]/not-found.tsx rename to (payload)/admin/[[...segments]]/not-found.tsx diff --git a/src/app/(payload)/admin/[[...segments]]/page.tsx b/(payload)/admin/[[...segments]]/page.tsx similarity index 100% rename from src/app/(payload)/admin/[[...segments]]/page.tsx rename to (payload)/admin/[[...segments]]/page.tsx diff --git a/src/app/(payload)/admin/importMap.js b/(payload)/admin/importMap.js similarity index 100% rename from src/app/(payload)/admin/importMap.js rename to (payload)/admin/importMap.js diff --git a/src/app/(payload)/api/[...slug]/route.ts b/(payload)/api/[...slug]/route.ts similarity index 100% rename from src/app/(payload)/api/[...slug]/route.ts rename to (payload)/api/[...slug]/route.ts diff --git a/src/app/(payload)/api/graphql-playground/route.ts b/(payload)/api/graphql-playground/route.ts similarity index 100% rename from src/app/(payload)/api/graphql-playground/route.ts rename to (payload)/api/graphql-playground/route.ts diff --git a/src/app/(payload)/api/graphql/route.ts b/(payload)/api/graphql/route.ts similarity index 100% rename from src/app/(payload)/api/graphql/route.ts rename to (payload)/api/graphql/route.ts diff --git a/src/app/(payload)/custom.scss b/(payload)/custom.scss similarity index 100% rename from src/app/(payload)/custom.scss rename to (payload)/custom.scss diff --git a/src/app/(payload)/layout.tsx b/(payload)/layout.tsx similarity index 100% rename from src/app/(payload)/layout.tsx rename to (payload)/layout.tsx diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index ce4eed8..f008d91 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -1,11 +1,11 @@ import type { Preview } from '@storybook/react' -import { lato } from '../src/app/fonts' +import { defaultFont } from '../src/app/fonts' const preview: Preview = { decorators: [ (Story) => { return ( -
+
) diff --git a/_template.scss b/_template.scss new file mode 100644 index 0000000..d1dced8 --- /dev/null +++ b/_template.scss @@ -0,0 +1,7 @@ +$base-color: #426156; +$shade1: #728F8D; +$shade2: #CBD6D5; +$shade3: #E3E9E8; +$text-color: #000000; +$contrast-color: #ffffff; +$border-radius: 13px; \ No newline at end of file diff --git a/next.config.mjs b/next.config.mjs index fbc765d..8f7b0c2 100644 --- a/next.config.mjs +++ b/next.config.mjs @@ -2,6 +2,10 @@ import { withPayload } from '@payloadcms/next/withPayload' /** @type {import('next').NextConfig} */ const nextConfig = { + output: "export", + images: { + unoptimized: true + }, // Your Next.js config here eslint: { // Warning: This allows production builds to successfully complete even if diff --git a/package.json b/package.json index 9bf93d5..b0ac681 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,8 @@ "payload": "cross-env NODE_OPTIONS=--no-deprecation payload", "start": "cross-env NODE_OPTIONS=--no-deprecation next start", "storybook": "storybook dev -p 6006", - "build-storybook": "storybook build" + "build-storybook": "storybook build", + "chromatic": "npx chromatic --project-token=chpt_70d6a2e05af185a" }, "dependencies": { "@payloadcms/db-mongodb": "3.0.0-beta.99", @@ -24,7 +25,7 @@ "cross-env": "^7.0.3", "graphql": "^16.8.1", "mapbox-gl": "^3.5.2", - "next": "15.0.0-canary.123", + "next": "^15.0.2", "payload": "3.0.0-beta.99", "react": "19.0.0-rc-f65ac7bd-20240826", "react-dom": "19.0.0-rc-f65ac7bd-20240826", @@ -45,6 +46,7 @@ "@types/node": "^20.12.12", "@types/react": "npm:types-react@19.0.0-rc.0", "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0", + "chromatic": "^11.12.0", "eslint": "^8", "eslint-config-next": "15.0.0-canary.123", "eslint-config-prettier": "^9.1.0", diff --git a/src/app/BannerWithMenu.tsx b/src/app/BannerWithMenu.tsx deleted file mode 100644 index 0c6d41a..0000000 --- a/src/app/BannerWithMenu.tsx +++ /dev/null @@ -1,31 +0,0 @@ -'use client' - -import { Menu } from '@/components/Menu/Menu' -import { BannerText } from '@/components/BannerText/BannerText' -import { - HomeBanner, - HomeBannerHandle, -} from '@/components/HomeBanner/HomeBanner' -import { useRef } from 'react' -import { Worship } from '@/payload-types' - -type BannerWithMenuProps = { - nextMass?: Worship -} - -export const BannerWithMenu = ({ nextMass }: BannerWithMenuProps) => { - const bannerRef = useRef(null) - - function addThreeNewStars() { - bannerRef.current?.newStar() - bannerRef.current?.newStar() - bannerRef.current?.newStar() - } - - return ( - - - - - ) -} diff --git a/src/app/fonts.ts b/src/app/fonts.ts index 2bdcec9..3f420d6 100644 --- a/src/app/fonts.ts +++ b/src/app/fonts.ts @@ -1,11 +1,11 @@ -import { Faustina, Lato } from 'next/font/google' +import { Faustina, Cairo } from 'next/font/google' export const faustina = Faustina({ subsets: ['latin'], display: 'swap', }) -export const lato = Lato({ +export const defaultFont = Cairo({ subsets: ['latin'], weight: ['400'], display: 'swap', diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 56bcb11..0575175 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,5 +1,5 @@ import type { Metadata } from 'next' -import { lato } from './fonts' +import { defaultFont } from './fonts' import './globals.css' export const metadata: Metadata = { @@ -12,7 +12,7 @@ export default function RootLayout({ children: React.ReactNode }>) { return ( - + {children} ) diff --git a/src/app/my-route/route.ts b/src/app/my-route/route.ts deleted file mode 100644 index a6422f3..0000000 --- a/src/app/my-route/route.ts +++ /dev/null @@ -1,14 +0,0 @@ -import configPromise from '@payload-config' -import { getPayload } from 'payload' - -export const GET = async () => { - const payload = await getPayload({ - config: configPromise, - }) - - const data = await payload.find({ - collection: 'users', - }) - - return Response.json(data) -} diff --git a/src/app/page.tsx b/src/app/page.tsx index 7f56604..006aed4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,84 +1,170 @@ -import configPromise from '@payload-config' -import { BannerWithMenu } from '@/app/BannerWithMenu' -import { Worship } from '@/payload-types' -import styles from './home.module.css' -import { MassTable } from '@/components/MassTable/MassTable' -import { getPayloadHMR } from '@payloadcms/next/utilities' +import { Menu } from '@/components/Menu/Menu' +import { Banner } from '@/components/Banner/Banner' +import { Section } from '@/components/Section/Section' +import { MainText } from '@/components/MainText/MainText' +import { Title } from '@/components/Title/Title' +import { ImageCardSlider } from '@/compositions/ImageCardSlider/ImageCardSlider' +import { ImageWithText } from '@/compositions/ImageWithText/ImageWithText' +import { Container } from '@/components/Container/Container' +import { ContactSection } from '@/compositions/ContactSection/ContactSection' +import { Footer } from '@/compositions/Footer/Footer' +import { EventRow } from '@/components/EventRow/EventRow' +import monst from "./mons.jpg" +import bread from "./bread.jpg" +import candle from "./candle.png" +import { SideSlider } from '@/components/SideSlider/SideSlider' +import { ContentWithSlider } from '@/compositions/ContentWithSlider/ContentWithSlider' -const extractWorshipHours = (worships: Worship[]) => { - let worshipByDate = new Map() - - for (let worship of worships) { - const date = worship.date.substring(0, 10) - - if (worshipByDate.has(date)) { - worshipByDate.get(date)?.push(worship) - } else { - worshipByDate.set(date, [worship]) - } - } - - return worshipByDate -} +// const extractWorshipHours = (worships: Worship[]) => { +// let worshipByDate = new Map() +// +// for (let worship of worships) { +// const date = worship.date.substring(0, 10) +// +// if (worshipByDate.has(date)) { +// worshipByDate.get(date)?.push(worship) +// } else { +// worshipByDate.set(date, [worship]) +// } +// } +// +// return worshipByDate +// } export default async function Home() { - const today = new Date() - const nextWeek = new Date(today.getTime() + 7 * 24 * 60 * 60 * 1000) - const payload = await getPayloadHMR({ config: configPromise }) - const worship = await payload.find({ - collection: 'worship', - where: { - and: [ - { - date: { - greater_than_equal: today.toISOString().substring(0, 10), - }, - }, - { - date: { - less_than: nextWeek.toISOString().substring(0, 10), - }, - }, - ], - }, - limit: 30, - sort: 'date', - }) - - const nextMass = await payload.find({ - collection: 'worship', - where: { - and: [ - { - date: { - greater_than_equal: today.toISOString(), - }, - }, - { - cancelled: { - equals: false, - }, - }, - ], - }, - limit: 1, - sort: 'date', - }) - - const worshipByDate = [...extractWorshipHours(worship.docs).entries()] + // const today = new Date() + // const nextWeek = new Date(today.getTime() + 7 * 24 * 60 * 60 * 1000) + // const payload = await getPayloadHMR({ config: configPromise }) + // const worship = await payload.find({ + // collection: 'worship', + // where: { + // and: [ + // { + // date: { + // greater_than_equal: today.toISOString().substring(0, 10), + // }, + // }, + // { + // date: { + // less_than: nextWeek.toISOString().substring(0, 10), + // }, + // }, + // ], + // }, + // limit: 30, + // sort: 'date', + // }) + // + // const nextMass = await payload.find({ + // collection: 'worship', + // where: { + // and: [ + // { + // date: { + // greater_than_equal: today.toISOString(), + // }, + // }, + // { + // cancelled: { + // equals: false, + // }, + // }, + // ], + // }, + // limit: 1, + // sort: 'date', + // }) + // + // const worshipByDate = [...extractWorshipHours(worship.docs).entries()] return ( <> - -
-

Kommen Sie zu unserer Heiligen Messe vorbei!

+ + + + +
+ +
+ +
+ + <ImageCardSlider slides={[ + { + id: "id1", + src: monst, + title: "Anbetung in Oktober", + href: "https://somelink" + }, + { + id: "id2", + src: candle, + title: "Allerseelen", + href: "https://somelink" + }, + { + id: "id3", + src: bread, + title: "Erntedankfest", + href: "https://somelink" + } + ]} /> + </Section> + </Container> + + <ImageWithText /> + + <ContentWithSlider slider={<> + <Title title={"Akutelle Highlights"} size={"md"} fontStyle={"sans-serif"} /> + </>}> + <Container position={"right"}> + <Section> + <Title title={"Veranstaltungen"} /> + <EventRow + date={"2024-10-23T16:00:00"} + title={"Gemeinsam beten"} + href={"https://link"} + location={"St. Christophorus"} + /> + <EventRow + date={"2024-10-28T19:45:00"} + title={"Rosenkranz"} + href={"https://link"} + location={"St. Clara"} + /> + <EventRow + date={"2024-11-02T19:00:00"} + title={"Allerseelen"} + href={"https://link"} + location={"St. Michael"} + /> + <EventRow + date={"2024-11-11T18:00:00"} + title={"St. Martin"} + href={"https://link"} + location={"Sportplatz St. Christophorus"} + /> + <EventRow + date={"2024-11-11T18:00:00"} + title={"St. Martin"} + href={"https://link"} + location={"Sportplatz St. Christophorus"} + /> + <EventRow + date={"2024-11-11T18:00:00"} + title={"St. Martin"} + href={"https://link"} + location={"Sportplatz St. Christophorus"} + /> + </Section> + </Container> + </ContentWithSlider> + + <ContactSection /> + + <Footer /> - <div className={styles.table}> - {worshipByDate.map(([date, worships]) => ( - <MassTable key={date} date={date} masses={worships} /> - ))} - </div> - </div> </> ) } diff --git a/src/app/worship/[id]/bell.svg b/src/app/worship/[id]/bell.svg deleted file mode 100644 index 7371d10..0000000 --- a/src/app/worship/[id]/bell.svg +++ /dev/null @@ -1,4 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --> -<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> -<path d="M9.00195 17H5.60636C4.34793 17 3.71872 17 3.58633 16.9023C3.4376 16.7925 3.40126 16.7277 3.38515 16.5436C3.37082 16.3797 3.75646 15.7486 4.52776 14.4866C5.32411 13.1835 6.00031 11.2862 6.00031 8.6C6.00031 7.11479 6.63245 5.69041 7.75766 4.6402C8.88288 3.59 10.409 3 12.0003 3C13.5916 3 15.1177 3.59 16.2429 4.6402C17.3682 5.69041 18.0003 7.11479 18.0003 8.6C18.0003 11.2862 18.6765 13.1835 19.4729 14.4866C20.2441 15.7486 20.6298 16.3797 20.6155 16.5436C20.5994 16.7277 20.563 16.7925 20.4143 16.9023C20.2819 17 19.6527 17 18.3943 17H15.0003M9.00195 17L9.00031 18C9.00031 19.6569 10.3435 21 12.0003 21C13.6572 21 15.0003 19.6569 15.0003 18V17M9.00195 17H15.0003" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> -</svg> \ No newline at end of file diff --git a/src/app/worship/[id]/location.svg b/src/app/worship/[id]/location.svg deleted file mode 100644 index 2f1b432..0000000 --- a/src/app/worship/[id]/location.svg +++ /dev/null @@ -1,5 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --> -<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> -<path d="M12 21C15.5 17.4 19 14.1764 19 10.2C19 6.22355 15.866 3 12 3C8.13401 3 5 6.22355 5 10.2C5 14.1764 8.5 17.4 12 21Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> -<path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> -</svg> \ No newline at end of file diff --git a/src/app/worship/[id]/page.tsx b/src/app/worship/[id]/page.tsx deleted file mode 100644 index a919a18..0000000 --- a/src/app/worship/[id]/page.tsx +++ /dev/null @@ -1,103 +0,0 @@ -import { getPayloadHMR } from '@payloadcms/next/utilities' -import configPromise from '@payload-config' -import { Menu } from '@/components/Menu/Menu' -import { useLocation } from '@/hooks/useLocation' -import { useLiturgyCalendarTitle } from '@/hooks/useLiturgyCalendarTitle' -import { Container } from '@/components/Container/Container' -import { Card } from '@/components/Card/Card' -import styles from './styles.module.css' -import { MassTitle } from '@/components/MassTitle/MassTitle' -import { useDate } from '@/hooks/useCompactDate' -import { useTime } from '@/hooks/useTime' -import { Pill } from '@/components/Pill/Pill' -import { useMassType } from '@/hooks/useMassType' -import Image from 'next/image' -import bell from './bell.svg' -import locationIcon from './location.svg' -import question from './question.svg' -import { LocationMap } from '@/components/Map/Map' -import { Testimony } from '@/components/Testimony/Testimony' -import { randomTestimony } from '@/utils/randomTestimony' - -export default async function Page({ params }: { params: { id: string } }) { - const payload = await getPayloadHMR({ config: configPromise }) - const worship = await payload.findByID({ - id: params.id, - collection: 'worship', - }) - const testimony = await randomTestimony('EUCHARIST') - const location = useLocation(worship.location) - const title = useLiturgyCalendarTitle(worship.date) - const date = useDate(worship.date) - const time = useTime(worship.date) - const type = useMassType(worship.type) - - return ( - <> - <Menu /> - <Container> - <MassTitle title={title} cancelled={worship.cancelled} /> - - <div className={styles.info}> - <Card> - <div className={styles.centerIcon}> - <Image - src={bell} - alt={'Location'} - width={60} - className={styles.cardIcon} - /> - </div> - <div className={styles.cardContent}> - <div className={styles.marginBottom}> - {date} <br /> - {time} Uhr <br /> - </div> - - <Pill>{type}</Pill> - </div> - </Card> - - <Card> - <div className={styles.centerIcon}> - <Image - src={locationIcon} - alt={'Location'} - width={60} - className={styles.cardIcon} - /> - </div> - <div className={styles.cardContent}> - <div className={styles.address}> - {location.name} <br /> - {location.address} - </div> - </div> - </Card> - - {worship.description && ( - <Card> - <div className={styles.centerIcon}> - <Image - src={question} - alt={'Location'} - width={60} - className={styles.cardIcon} - /> - </div> - - <div className={styles.cardText}>{worship.description}</div> - </Card> - )} - </div> - </Container> - - <LocationMap /> - <Testimony - name={testimony.name} - testimony={testimony.testimony} - occupation={testimony.occupation || undefined} - /> - </> - ) -} diff --git a/src/app/worship/[id]/question.svg b/src/app/worship/[id]/question.svg deleted file mode 100644 index 490be16..0000000 --- a/src/app/worship/[id]/question.svg +++ /dev/null @@ -1,4 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --> -<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> -<path d="M11.967 12.75C12.967 11.75 13.967 11.3546 13.967 10.25C13.967 9.14543 13.0716 8.25 11.967 8.25C11.0351 8.25 10.252 8.88739 10.03 9.75M11.967 15.75H11.977M21.0039 12C21.0039 16.9706 16.9745 21 12.0039 21C9.9675 21 3.00463 21 3.00463 21C3.00463 21 4.56382 17.2561 3.93982 16.0008C3.34076 14.7956 3.00391 13.4372 3.00391 12C3.00391 7.02944 7.03334 3 12.0039 3C16.9745 3 21.0039 7.02944 21.0039 12Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> -</svg> \ No newline at end of file diff --git a/src/app/worship/[id]/styles.module.css b/src/app/worship/[id]/styles.module.css deleted file mode 100644 index 1b6873f..0000000 --- a/src/app/worship/[id]/styles.module.css +++ /dev/null @@ -1,42 +0,0 @@ -.info { - display: flex; - gap: 30px; - margin-bottom: 80px; - flex-wrap: wrap; - justify-content: center; -} - -.cardContent { - padding-top: 30px; - text-align: center; -} - -.cardText { - padding-top: 30px; - padding-left: 20px; - padding-right: 20px; -} - -.marginBottom { - margin-bottom: 20px; -} - -.address { - white-space: pre; -} - -.cardIcon { - margin-bottom: 10px; - margin-left: auto; - margin-right: auto; - transition: transform 100ms; -} - -.cardIcon:hover { - transform: rotateZ(-20deg); -} - -.centerIcon { - padding-top: 30px; - text-align: center; -} diff --git a/src/components/Arrow/Arrow.stories.tsx b/src/components/Arrow/Arrow.stories.tsx new file mode 100644 index 0000000..755380d --- /dev/null +++ b/src/components/Arrow/Arrow.stories.tsx @@ -0,0 +1,21 @@ +import { Meta, StoryObj } from '@storybook/react' +import { Arrow } from './Arrow' + +const meta: Meta<typeof Arrow> = { + component: Arrow, +} + +type Story = StoryObj<typeof Arrow>; +export default meta + +export const Left: Story = { + args: { + direction: "left" + }, +} + +export const Right: Story = { + args: { + direction: "right" + }, +} \ No newline at end of file diff --git a/src/components/Arrow/Arrow.svg b/src/components/Arrow/Arrow.svg new file mode 100644 index 0000000..bebbd31 --- /dev/null +++ b/src/components/Arrow/Arrow.svg @@ -0,0 +1,3 @@ +<svg width="21" height="56" viewBox="0 0 21 56" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M19 1.53406L2.68974 27.0243C2.26927 27.6814 2.26927 28.5231 2.68974 29.1802L19 54.6704" stroke="#426156" stroke-width="3"/> +</svg> diff --git a/src/components/Arrow/Arrow.tsx b/src/components/Arrow/Arrow.tsx new file mode 100644 index 0000000..1c72b28 --- /dev/null +++ b/src/components/Arrow/Arrow.tsx @@ -0,0 +1,12 @@ +import arrow from "./Arrow.svg" +import Image from 'next/image' + +type ArrowProps = { + direction: "left" | "right" +} + +export const Arrow = ({direction}: ArrowProps) => { + return ( + <Image src={arrow} alt={""} style={{transform: `rotate(${direction === 'left' ? 0 : 180}deg)`}}/> + ) +} \ No newline at end of file diff --git a/src/components/Banner/Banner.stories.tsx b/src/components/Banner/Banner.stories.tsx new file mode 100644 index 0000000..ce313f2 --- /dev/null +++ b/src/components/Banner/Banner.stories.tsx @@ -0,0 +1,13 @@ +import { Meta, StoryObj } from '@storybook/react' +import { Banner } from './Banner' + +const meta: Meta<typeof Banner> = { + component: Banner, +} + +type Story = StoryObj<typeof Banner>; +export default meta + +export const Default: Story = { + args: {}, +} \ No newline at end of file diff --git a/src/components/Banner/Banner.tsx b/src/components/Banner/Banner.tsx new file mode 100644 index 0000000..2c37375 --- /dev/null +++ b/src/components/Banner/Banner.tsx @@ -0,0 +1,13 @@ +import { Logo } from '@/components/Logo/Logo' +import styles from "./styles.module.scss" + +export const Banner = () => { + return ( + <div className={styles.banner}> + <div className={styles.logo}> + <Logo color={"#ffffff"} /> + </div> + + </div> + ) +} \ No newline at end of file diff --git a/src/components/Banner/banner.jpg b/src/components/Banner/banner.jpg new file mode 100644 index 0000000..c664bbf Binary files /dev/null and b/src/components/Banner/banner.jpg differ diff --git a/src/components/Banner/styles.module.scss b/src/components/Banner/styles.module.scss new file mode 100644 index 0000000..9bccb25 --- /dev/null +++ b/src/components/Banner/styles.module.scss @@ -0,0 +1,13 @@ +.banner { + position: relative; + height: 634px; + background-image: url("banner.jpg"); + background-size: cover; + background-position: top center; +} + +.logo { + position: absolute; + bottom: 20px; + left: 30px; +} \ No newline at end of file diff --git a/src/components/Button/Button.stories.tsx b/src/components/Button/Button.stories.tsx new file mode 100644 index 0000000..1ec7945 --- /dev/null +++ b/src/components/Button/Button.stories.tsx @@ -0,0 +1,23 @@ +import { Meta, StoryObj } from "@storybook/react" +import { Button } from './Button' + +const meta: Meta<typeof Button> = { + component: Button +} + +type Story = StoryObj<typeof Button> +export default meta + +export const Large: Story = { + args: { + children: 'Mehr erfahren...', + size: "lg" + } +} + +export const Medium: Story = { + args: { + children: 'Weiterlesen', + size: "md" + } +} \ No newline at end of file diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx new file mode 100644 index 0000000..6192599 --- /dev/null +++ b/src/components/Button/Button.tsx @@ -0,0 +1,32 @@ +import styles from "./styles.module.scss" +import classNames from 'classnames' + +type ButtonProps = { + size: 'lg' | 'md' + type?: "button" | "submit" | "reset", + children: React.ReactNode, + onClick?: () => void, +} + +export function Button( + { + type = "button", + size, + children, + onClick + }: ButtonProps +) { + return ( + <button + type={type} + onClick={onClick} + className={classNames({ + [styles.button]: true, + [styles.lg]: size === 'lg', + [styles.md]: size === 'md', + })} + > + {children} + </button> + ) +} \ No newline at end of file diff --git a/src/components/Button/styles.module.scss b/src/components/Button/styles.module.scss new file mode 100644 index 0000000..7a3acd0 --- /dev/null +++ b/src/components/Button/styles.module.scss @@ -0,0 +1,26 @@ +@import 'template.scss'; + +.button { + background: $shade1; + color: $contrast-color; + border-radius: $border-radius; + text-align: center; + border: 0; + font-weight: bold; + transition: background 0.2s; + cursor: pointer; +} + +.button:hover { + background: $base-color; +} + +.lg { + font-size: 18px; + padding: 20px 40px; +} + +.md { + font-size: 14px; + padding: 10px 35px; +} \ No newline at end of file diff --git a/src/components/ChurchCard/ChurchCard.tsx b/src/components/ChurchCard/ChurchCard.tsx new file mode 100644 index 0000000..2e1036f --- /dev/null +++ b/src/components/ChurchCard/ChurchCard.tsx @@ -0,0 +1,3 @@ +export const ChurchCard = () => { + +} \ No newline at end of file diff --git a/src/components/ChurchIcon/ChurchIcon.stories.tsx b/src/components/ChurchIcon/ChurchIcon.stories.tsx new file mode 100644 index 0000000..9be7dc9 --- /dev/null +++ b/src/components/ChurchIcon/ChurchIcon.stories.tsx @@ -0,0 +1,39 @@ +import { Meta, StoryObj } from '@storybook/react' +import { ChurchIcon } from './ChurchIcon' + +const meta: Meta<typeof ChurchIcon> = { + component: ChurchIcon, +} + +type Story = StoryObj<typeof ChurchIcon>; +export default meta + +export const StClara: Story = { + args: { + church: "clara" + }, +} + +export const StChristophorus: Story = { + args: { + church: "christophorus" + }, +} + +export const StRichard: Story = { + args: { + church: "richard" + }, +} + +export const StEduard: Story = { + args: { + church: "eduard" + }, +} + +export const StAnna: Story = { + args: { + church: "anna" + }, +} \ No newline at end of file diff --git a/src/components/ChurchIcon/ChurchIcon.tsx b/src/components/ChurchIcon/ChurchIcon.tsx new file mode 100644 index 0000000..0f7efce --- /dev/null +++ b/src/components/ChurchIcon/ChurchIcon.tsx @@ -0,0 +1,32 @@ +import christophorus from "./christophorus_full.svg" +import clara from "./clara_full.svg" +import anna from "./anna_full.svg" +import richard from "./richard_full.svg" +import eduard from "./eduard_full.svg" +import Image from 'next/image' + +type ChurchIconProps = { + church: "clara" | "christophorus" | "richard" | "eduard" | "anna" +} + +export const ChurchIcon = ({church}: ChurchIconProps) => { + if (church === "clara") { + return <Image src={clara} alt={""} /> + } + + if (church === "anna") { + return <Image src={anna} alt={""} /> + } + + if (church === "richard") { + return <Image src={richard} alt={""} /> + } + + if (church === "eduard") { + return <Image src={eduard} alt={""} /> + } + + return ( + <Image src={christophorus} alt={"chris"} /> + ) +} \ No newline at end of file diff --git a/src/components/ChurchIcon/anna_full.svg b/src/components/ChurchIcon/anna_full.svg new file mode 100644 index 0000000..176f6f5 --- /dev/null +++ b/src/components/ChurchIcon/anna_full.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 239.12 255.74"><defs><style>.cls-1{fill:#426156;}</style></defs><g id="St._Anna" data-name="St. Anna"><path class="cls-1" d="M152.23,122.54V82L120.42,64.87V54.56h2.28v-1h-2.28V48.45h-1v5.11H117v1h2.43v10.3L88.07,82.49v40.3L42,134.05l-.24,91.47v.5h157.1V133.81ZM88.07,225H42.8L43,134.84l45-11Zm63.16,0H89.07V83.08l30.84-17.35,31.32,16.86Zm46.66,0H152.23V123.57l45.66,11Z"/><polygon class="cls-1" points="197.89 134.59 197.89 225.02 152.23 225.02 152.23 123.57 197.89 134.59"/><polygon class="cls-1" points="151.23 82.59 151.23 225.02 89.07 225.02 89.07 83.08 119.91 65.73 151.23 82.59"/><polygon class="cls-1" points="88.07 123.82 88.07 225.02 42.8 225.02 43.04 134.84 88.07 123.82"/></g></svg> \ No newline at end of file diff --git a/src/components/ChurchIcon/christophorus_full.svg b/src/components/ChurchIcon/christophorus_full.svg new file mode 100644 index 0000000..a146c89 --- /dev/null +++ b/src/components/ChurchIcon/christophorus_full.svg @@ -0,0 +1,30 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + viewBox="0 0 175.75 265.12" + version="1.1" + id="svg34" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs27"> + <style + id="style25">.cls-1{fill:#426156;}</style> + </defs> + <g + id="St._Christophorus" + data-name="St. Christophorus"> + <path + class="cls-1" + d="M 114.44,72.08 V 62 h 2.27 v -1 h -2.27 v -5.16 h -1 V 61 H 111 v 1 h 2.43 V 72.1 L 71,89.31 v 115 l -23.19,17.23 v 5.94 l -29.37,0.08 v 23 H 151.35 V 89.87 Z M 113.93,73 c -75.953333,-48.666667 -37.976667,-24.333333 0,0 z" + id="path29" /> + </g> + <g + id="fill"> + <polygon + class="cls-1" + points="113.89,72.99 114.02,72.99 150.35,90.49 150.35,249.55 19.48,249.55 19.44,228.56 48.81,228.48 48.81,222.04 71.96,204.81 71.96,89.98 " + id="polygon31" + style="fill:#426156" + transform="translate(0.04,0.01)" /> + </g> +</svg> diff --git a/src/components/ChurchIcon/clara_full.svg b/src/components/ChurchIcon/clara_full.svg new file mode 100644 index 0000000..0e20def --- /dev/null +++ b/src/components/ChurchIcon/clara_full.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 175.75 265.12"><defs><style>.cls-1{fill:#426156;}</style></defs><g id="St._Eduard" data-name="St. Eduard"><path class="cls-1" d="M136.16,177.51,87,137.13v-10.8H89.3v-1H87v-5.11H86v5.11H83.59v1H86v10.8l-15.61,13v-30L44.35,34.18V24.76h2.28v-1H44.35V18.65h-1v5.11H40.92v1h2.43v9.4L22.79,103.52l0,137.14,47.14-.4H153.4V177.51ZM69.41,239.27l-45.64.38V103.74L43.85,36,69.41,120.2Zm83,0h-82V151.39L86.52,138l49.28,40.49h16.6Z"/><polygon class="cls-1" points="152.4 178.51 152.4 239.26 70.41 239.26 70.41 151.39 86.52 138.02 135.8 178.51 152.4 178.51"/><polygon class="cls-1" points="69.41 120.2 69.41 239.27 23.77 239.65 23.77 103.74 43.85 35.98 69.41 120.2"/></g></svg> \ No newline at end of file diff --git a/src/components/ChurchIcon/eduard_full.svg b/src/components/ChurchIcon/eduard_full.svg new file mode 100644 index 0000000..3c778a9 --- /dev/null +++ b/src/components/ChurchIcon/eduard_full.svg @@ -0,0 +1,14 @@ +<svg xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 175.75 265.12"> + <defs> + <style>.cls-1{fill:#426156;}</style> + </defs> + <g id="St._Eduard" data-name="St. Eduard"> + <path class="cls-1" + d="M117.83,161.61,98.29,172.73V127.88L75.51,31V20h2.28V19H75.51V13.92h-1V19H72.08v1h2.43V31L51.25,127.28v34.3H40.38L24,184.82l-.09.13v63.49H150.17V190.29ZM51.24,247.44H24.92V185.26l16-22.68H51.24Zm46.05,0H52.24v-120L75,33.22l22.29,94.72Zm51.88,0H98.29V173.88l19.41-11,31.47,27.91Z"/> + <polygon class="cls-1" + points="149.17 190.74 149.17 247.44 98.29 247.44 98.29 173.88 117.7 162.83 149.17 190.74"/> + <polygon class="cls-1" points="97.29 127.94 97.29 247.44 52.24 247.44 52.24 127.45 75 33.22 97.29 127.94"/> + <polygon class="cls-1" points="51.24 162.58 51.24 247.44 24.92 247.44 24.92 185.26 40.9 162.58 51.24 162.58"/> + </g> +</svg> \ No newline at end of file diff --git a/src/components/ChurchIcon/richard_full.svg b/src/components/ChurchIcon/richard_full.svg new file mode 100644 index 0000000..972c155 --- /dev/null +++ b/src/components/ChurchIcon/richard_full.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 221.52 164.2"><defs><style>.cls-1{fill:#426156;}.cls-2{fill:#728f8d;}.cls-3{fill:#fff;}</style></defs><g id="St._Christophorus" data-name="St. Christophorus"><path class="cls-1" d="M74.29,20.71l-.23-.06L19.41,61.34v74.19H191.77V49.77Zm-.62,113.82H20.41V61.84L73.67,22.19Zm117.1,0H74.67V21.83l116.1,28.73Z"/><path class="cls-2" d="M74.67,21.83v112.7h116.1v-84Zm17.64,23.1H90V56H89v-11H86.6v-1H89V38.82h1v5.11h2.28Z"/><polygon class="cls-1" points="73.67 22.19 73.67 134.53 20.41 134.53 20.41 61.84 73.67 22.19"/><polygon class="cls-3" points="92.31 43.93 92.31 44.93 90.03 44.93 90.03 55.97 89.03 55.97 89.03 44.93 86.6 44.93 86.6 43.93 89.03 43.93 89.03 38.82 90.03 38.82 90.03 43.93 92.31 43.93"/></g></svg> \ No newline at end of file diff --git a/src/components/Container/Container.tsx b/src/components/Container/Container.tsx index 149ac71..b625b69 100644 --- a/src/components/Container/Container.tsx +++ b/src/components/Container/Container.tsx @@ -1,9 +1,16 @@ -import styles from './styles.module.css' +import styles from './styles.module.scss' +import classNames from 'classnames' type ContainerProps = { - children: JSX.Element | JSX.Element[] + children: JSX.Element | JSX.Element[], + flex?: boolean + position?: "center" | "left" | "right" } -export const Container = ({ children }: ContainerProps) => { - return <div className={styles.container}>{children}</div> +export const Container = ({ children, flex = false, position = "center" }: ContainerProps) => { + return <div className={classNames({ + [styles.container]: true, + [styles.flex]: flex, + [styles.right]: position === "right", + })}>{children}</div> } diff --git a/src/components/Container/styles.module.css b/src/components/Container/styles.module.css deleted file mode 100644 index a96e799..0000000 --- a/src/components/Container/styles.module.css +++ /dev/null @@ -1,10 +0,0 @@ -.container { - max-width: 800px; - margin: 0 auto; -} - -@media screen and (max-width: 800px) { - .container { - padding: 0 20px; - } -} diff --git a/src/components/Container/styles.module.scss b/src/components/Container/styles.module.scss new file mode 100644 index 0000000..3b53c65 --- /dev/null +++ b/src/components/Container/styles.module.scss @@ -0,0 +1,25 @@ +$width: 1100px; + +.container { + max-width: $width; + margin: 0 auto; +} + +.flex { + display: flex; + gap: 80px; + align-items: center; + flex-wrap: wrap; +} + +.right { + max-width: inherit; + margin-left: calc((100vw - $width) / 2); +} + +@media screen and (max-width: $width) { + .container { + padding: 0 20px; + margin: 0; + } +} diff --git a/src/components/EventRow/EventRow.stories.tsx b/src/components/EventRow/EventRow.stories.tsx new file mode 100644 index 0000000..39f62c5 --- /dev/null +++ b/src/components/EventRow/EventRow.stories.tsx @@ -0,0 +1,39 @@ +import { Meta, StoryObj } from '@storybook/react' +import { EventRow } from './EventRow' + +const meta: Meta<typeof EventRow> = { + component: EventRow, +} + +type Story = StoryObj<typeof EventRow>; +export default meta + +export const EventInJanuary: Story = { + args: { + date: '2024-01-06T15:00:00+01:00', + title: 'Herz Jesu Feier', + href: 'https://www.herzJesuFeier.com', + location: "St. Clara", + cancelled: false, + }, +} + +export const EventInMarch: Story = { + args: { + date: '2024-03-24T15:00:00+01:00', + title: 'Osternacht', + href: 'https://www.link_to_event.com', + location: "St. Richard", + cancelled: false + }, +} + +export const CancelledEvent: Story = { + args: { + date: '2024-03-24T15:00:00+01:00', + title: 'Osternacht', + href: 'https://www.link_to_event.com', + location: "St. Richard", + cancelled: true + }, +} \ No newline at end of file diff --git a/src/components/EventRow/EventRow.tsx b/src/components/EventRow/EventRow.tsx new file mode 100644 index 0000000..13a01e3 --- /dev/null +++ b/src/components/EventRow/EventRow.tsx @@ -0,0 +1,65 @@ +import { useMemo } from 'react' +import styles from "./styles.module.scss" +import classNames from 'classnames' + +type EventRowProps = { + /** datetime 8601 format */ + date: string, + title: string, + href: string, + location?: string, + cancelled: boolean +} + +/** + * Given a date in ISO 8601 format, + * return a short readable version + */ +const shortMonth = (date: string) => { + const months = [ + "JAN", + "FEB", + "MRZ", + "APR", + "MAI", + "JUN", + "JUL", + "AUG", + "SEP", + "OKT", + "NOV", + "DEC" + ] + + const month = parseInt(date.substring(5, 7)); + return months[month - 1]; +} + + + +export const EventRow = ({date, title, location, cancelled}: EventRowProps) => { + const day = useMemo(() => date.substring(8, 10), [date]); + const dateObj = useMemo(() => new Date(date), [date]); + const month = useMemo(() => shortMonth(date), [date]); + + return ( + <div className={styles.container}> + <div className={styles.day}> + {day} <br/> + {month} + </div> + + <div className={styles.line}></div> + + <div className={classNames({ + [styles.details]: true, + [styles.cancelled]: cancelled + })}> + {title} <br/> + {dateObj.toLocaleDateString("de-DE", { weekday: "long"})} {dateObj.toLocaleDateString("de-DE", {dateStyle: "medium"})}, {dateObj.toLocaleTimeString("de-DE", {timeStyle: "short"})} Uhr + <br/> + {location} + </div> + </div> + ); +} \ No newline at end of file diff --git a/src/components/EventRow/styles.module.scss b/src/components/EventRow/styles.module.scss new file mode 100644 index 0000000..68c2b4f --- /dev/null +++ b/src/components/EventRow/styles.module.scss @@ -0,0 +1,48 @@ +@import "template.scss"; + +.day { + color: $base-color; + line-height: 105%; + font-size: 25px; + font-weight: bold; + text-align: center; + margin-left: 30px; + transition: color 0.2s ease-in; +} + +.line { + width: 0.7px; + background: $base-color; + height: 96px; + margin: 0 30px; +} + +.details { + line-height: 147%; +} + +.container { + display: flex; + align-items: center; + cursor: pointer; + margin: 20px 0; +} + +.cancelled { + text-decoration: line-through; +} + +.container:hover .day { + color: $shade1; +} + +@media screen and (max-width: 576px) { + .day { + margin-left: 15px; + } + + .line { + margin: 0 15px; + height: 70px; + } +} \ No newline at end of file diff --git a/src/components/Flex/Col.tsx b/src/components/Flex/Col.tsx new file mode 100644 index 0000000..3e4bd38 --- /dev/null +++ b/src/components/Flex/Col.tsx @@ -0,0 +1,13 @@ +import styles from "./styles.module.scss" + +type ColProps = { + children: React.ReactNode; +} + +export const Col = ({children}: ColProps) => { + return ( + <div className={styles.col}> + {children} + </div> + ) +} \ No newline at end of file diff --git a/src/components/Flex/styles.module.scss b/src/components/Flex/styles.module.scss new file mode 100644 index 0000000..a4e4b2d --- /dev/null +++ b/src/components/Flex/styles.module.scss @@ -0,0 +1,9 @@ +.col { + width: calc(50% - 40px); +} + +@media screen and (max-width: 576px) { + .col { + flex: 0 0 100%; + } +} \ No newline at end of file diff --git a/src/components/Image/Image.stories.tsx b/src/components/Image/Image.stories.tsx new file mode 100644 index 0000000..c70e0f1 --- /dev/null +++ b/src/components/Image/Image.stories.tsx @@ -0,0 +1,18 @@ +import { Meta, StoryObj } from "@storybook/react" +import { Image } from './Image' + +const meta: Meta<typeof Image> = { + component: Image +} + +type Story = StoryObj<typeof Image> +export default meta + +export const Default: Story = { + args: { + src: "https://www.holycross.edu/sites/default/files/styles/768w/public/mrf/rs74874_100314_fall_27_0.webp?itok=WEQQUXdO", + width: 500, + height: 400, + alt: "Some description", + } +} \ No newline at end of file diff --git a/src/components/Image/Image.tsx b/src/components/Image/Image.tsx new file mode 100644 index 0000000..b8ec5ef --- /dev/null +++ b/src/components/Image/Image.tsx @@ -0,0 +1,20 @@ +import Img, { StaticImageData } from 'next/image' + +type ImageProps = { + src: string | StaticImageData, + width: number, + height: number, + alt: string, +} + +export const Image = ({src, width, height, alt}: ImageProps) => { + return ( + <Img + style={{borderRadius: "13px"}} + src={src} + width={width} + height={height} + alt={alt} + /> + ) +} diff --git a/src/components/ImageCard/ImageCard.stories.tsx b/src/components/ImageCard/ImageCard.stories.tsx new file mode 100644 index 0000000..847b516 --- /dev/null +++ b/src/components/ImageCard/ImageCard.stories.tsx @@ -0,0 +1,23 @@ +import { Meta, StoryObj } from '@storybook/react' +import { ImageCard } from './ImageCard' + +const meta: Meta<typeof ImageCard> = { + component: ImageCard, + decorators: [ + (Story) => ( + <div style={{ width: "200px", height: "200px"}}> + <Story /> + </div> + ) + ] +} + +type Story = StoryObj<typeof ImageCard>; +export default meta + +export const Default: Story = { + args: { + src: "https://www.sfcatholic.org/bishopsbulletin/wp-content/uploads/sites/3/2022/04/monstrance2-insta-1024x1024.jpg", + title: "Anbetung in Oktober" + }, +} \ No newline at end of file diff --git a/src/components/ImageCard/ImageCard.tsx b/src/components/ImageCard/ImageCard.tsx new file mode 100644 index 0000000..7b240da --- /dev/null +++ b/src/components/ImageCard/ImageCard.tsx @@ -0,0 +1,18 @@ +import styles from "./styles.module.scss" +import { StaticImageData } from 'next/image' + +type ImageCardProps = { + src: string | StaticImageData, + title: string, + href: string +} + +export const ImageCard = ({src, title, href}: ImageCardProps) => { + return ( + <div className={styles.container} style={{backgroundImage: `url(${src})`}}> + <div className={styles.title}> + {title} + </div> + </div> + ) +} \ No newline at end of file diff --git a/src/components/ImageCard/styles.module.scss b/src/components/ImageCard/styles.module.scss new file mode 100644 index 0000000..f59153b --- /dev/null +++ b/src/components/ImageCard/styles.module.scss @@ -0,0 +1,30 @@ +@import "template.scss"; + +.container { + aspect-ratio: 1/1; + background-color: #c2c2c2; + background-position: center; + background-size: cover; + box-shadow: 3px 7px 26px -5px rgba(0, 0, 0, 0.15); + cursor: pointer; + overflow: hidden; + border-radius: $border-radius; + position: relative; +} + +.title { + background-color: rgba(255, 255, 255, 0.91); + text-align: center; + font-size: 18px; + position: absolute; + bottom: 0px; + width: 100%; + color: $base-color; + padding: 10px 0; + transition: padding 0.3s ease-out; + border-radius: $border-radius; +} + +.container:hover .title { + padding: 30px 0 70px 0; +} \ No newline at end of file diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx new file mode 100644 index 0000000..21eb628 --- /dev/null +++ b/src/components/Input/Input.tsx @@ -0,0 +1,26 @@ +import styles from "./styles.module.scss" + +type InputProps = { + name: string; + type: 'textarea' | 'text' | 'email' + placeholder?: string +} + +export const Input = ({name, type, placeholder}: InputProps) => { + if (type === 'textarea') { + return ( + <textarea name={name} className={styles.input} placeholder={placeholder}> + + </textarea> + ) + } + + return ( + <input + className={styles.input} + type={type} + name={name} + placeholder={placeholder} + /> + ) +} \ No newline at end of file diff --git a/src/components/Input/input.stories.tsx b/src/components/Input/input.stories.tsx new file mode 100644 index 0000000..c71ce9e --- /dev/null +++ b/src/components/Input/input.stories.tsx @@ -0,0 +1,25 @@ +import { Meta, StoryObj } from '@storybook/react' +import { Input } from './Input' + +const meta: Meta<typeof Input> = { + component: Input, +} + +type Story = StoryObj<typeof Input>; +export default meta + +export const Default: Story = { + args: { + type: "text", + name: "name", + placeholder: "Name" + }, +} + +export const TextArea: Story = { + args: { + type: "textarea", + name: "name", + placeholder: "Ihre Nachricht" + }, +} \ No newline at end of file diff --git a/src/components/Input/styles.module.scss b/src/components/Input/styles.module.scss new file mode 100644 index 0000000..d37f683 --- /dev/null +++ b/src/components/Input/styles.module.scss @@ -0,0 +1,19 @@ +@import "template.scss"; + +.input { + background-color: $shade2; + padding: 10px 20px; + font-size: 20px; + border: none; + font-family: inherit; + border-radius: $border-radius; + width: 100%; + box-sizing: border-box; +} + +@media screen and (max-width: 576px) { + .input { + padding: 5px 10px; + font-size: 16px; + } +} \ No newline at end of file diff --git a/src/components/Logo/Logo.stories.tsx b/src/components/Logo/Logo.stories.tsx new file mode 100644 index 0000000..9122026 --- /dev/null +++ b/src/components/Logo/Logo.stories.tsx @@ -0,0 +1,50 @@ +import { Meta, StoryObj } from '@storybook/react' +import { Logo } from './Logo' + +const meta: Meta<typeof Logo> = { + component: Logo, +} + +type Story = StoryObj<typeof Logo>; +export default meta + +export const Simple: Story = { + args: { + withText: false, + color: '#000000', + height: 75 + }, +} + +export const WithText: Story = { + args: { + withText: true, + color: '#000000', + height: 75 + }, +} + +export const Green: Story = { + args: { + withText: false, + color: '#426156', + height: 75 + }, +} + +export const BigAndBoldlyPink: Story = { + args: { + withText: true, + color: '#E41A7F', + height: 350 + }, +} + +export const DifferentTextColor: Story = { + args: { + withText: true, + color: '#426156', + textColor: '#728F8D', + height: 350 + }, +} \ No newline at end of file diff --git a/src/components/Logo/Logo.tsx b/src/components/Logo/Logo.tsx new file mode 100644 index 0000000..f622321 --- /dev/null +++ b/src/components/Logo/Logo.tsx @@ -0,0 +1,424 @@ +type LogoProps = { + withText?: boolean + color?: string + textColor?: string + height?: number +} + +export const Logo = ({withText = false, color = "#000000", height = 75, textColor ="#000000"}: LogoProps) => { + + const width = withText ? height * 215 / 75 : height; + + if (withText && typeof textColor === "undefined") { + textColor = color; + } + + if(withText) { + return ( + <svg + width={width} + height={height} + viewBox="0 0 215 75" + version="1.1" + id="svg5" + xmlns="http://www.w3.org/2000/svg" + > + <defs + id="defs2"> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath43"> + <path + d="M 0,621.937 H 1413.648 V 0 H 0 Z" + id="path41" /> + </clipPath> + </defs> + <g + fill={textColor} + id="text"> + <g + id="g33" + transform="matrix(0.17820026,0,0,-0.17820026,89.281936,15.123579)"> + <path + d="m 0,0 h 9.787 v -27.001 l 8.826,0.699 L 30.759,0 H 42.031 L 27.264,-30.06 42.643,-59.857 H 31.196 L 18.7,-34.866 9.787,-35.565 V -59.857 H 0 Z" + + id="path35" /> + </g> + <g + id="g45" + transform="matrix(0.17820026,0,0,-0.17820026,102.47027,24.278088)"> + <path + d="m 0,0 v 11.447 l -10.049,-0.873 c -3.932,-0.438 -5.942,-2.272 -5.942,-6.205 0,-3.845 1.573,-6.379 5.33,-6.379 3.496,0 8.127,1.136 10.661,2.01 m -25.603,4.107 c 0,9.263 5.068,12.408 14.418,13.195 L 0,18.263 v 3.146 c 0,4.719 -2.01,6.204 -6.292,6.204 -4.282,0 -11.884,-0.524 -16.428,-0.874 l -0.349,6.816 c 4.107,0.961 11.709,2.272 17.564,2.272 10.66,0 15.03,-4.456 15.03,-14.418 V 1.485 c 0.262,-2.621 1.31,-3.582 3.844,-4.019 l -0.262,-7.253 c -2.971,0 -5.155,0.175 -7.078,0.874 -1.66,0.437 -3.146,1.224 -4.544,2.359 -3.058,-1.398 -8.913,-3.233 -14.068,-3.233 -8.651,0 -13.02,4.806 -13.02,13.894" + + id="path47" /> + </g> + <g + id="g49" + transform="matrix(0.17820026,0,0,-0.17820026,106.65841,23.125754)"> + <path + d="m 0,0 v 20.273 h -5.593 v 8.126 H 0 V 41.07 H 9.525 V 28.399 H 21.497 V 20.273 H 9.525 V 1.049 c 0,-6.554 0.175,-8.826 4.719,-8.826 1.748,0 5.068,0.175 7.165,0.349 l 0.437,-7.689 c -2.534,-0.525 -6.641,-1.136 -8.913,-1.136 C 3.058,-16.253 0,-12.583 0,0" + + id="path51" /> + </g> + <g + id="g53" + transform="matrix(0.17820026,0,0,-0.17820026,111.87465,14.826061)"> + <path + d="m 0,0 h 9.525 v -20.448 c 2.795,1.399 7.951,3.233 11.971,3.233 12.146,0 15.117,-6.903 15.117,-21.234 v -23.418 h -9.525 v 23.156 c 0,8.651 -1.049,12.933 -7.776,12.933 -3.496,0 -7.603,-1.049 -9.787,-1.922 V -61.867 H 0 Z" + + id="path55" /> + </g> + <g + id="g57" + transform="matrix(0.17820026,0,0,-0.17820026,125.21893,21.911179)"> + <path + d="m 0,0 c 0,10.049 -2.097,14.418 -9.787,14.418 -7.602,0 -9.786,-4.369 -9.786,-14.418 0,-10.136 1.747,-14.942 9.786,-14.942 C -1.661,-14.942 0,-10.136 0,0 m -29.273,0 c 0,14.156 4.893,22.545 19.486,22.545 C 4.894,22.545 9.7,14.156 9.7,0 c 0,-14.506 -4.457,-23.069 -19.487,-23.069 -14.942,0 -19.486,8.563 -19.486,23.069" + + id="path59" /> + </g> + <path + d="m 128.72217,14.826061 h 1.69736 v 11.024714 h -1.69736 z" + + id="path61" /> + <path + d="m 132.58377,18.065026 h 1.69735 v 7.785749 h -1.69735 z m 0,-3.114403 h 1.69735 v 1.806236 h -1.69735 z" + + id="path63" /> + <g + id="g65" + transform="matrix(0.17820026,0,0,-0.17820026,136.05582,25.679544)"> + <path + d="m 0,0 0.349,8.039 c 4.544,-0.611 11.71,-1.398 14.943,-1.398 6.291,0 8.738,1.311 8.738,5.068 0,3.059 -1.485,4.02 -10.136,5.418 -9.612,1.573 -14.506,3.67 -14.506,12.933 0,9.874 7.69,13.544 16.341,13.544 4.719,0 12.146,-1.048 16.515,-1.922 L 32.07,33.73 c -4.457,0.611 -11.797,1.398 -15.642,1.398 -5.243,0 -7.515,-1.311 -7.515,-4.806 0,-2.884 1.835,-3.67 10.311,-5.156 C 29.71,23.331 33.555,20.71 33.555,11.971 33.555,1.748 27.001,-1.922 16.166,-1.922 11.709,-1.922 4.369,-0.874 0,0" + + id="path67" /> + </g> + <g + id="g69" + transform="matrix(0.17820026,0,0,-0.17820026,143.31167,21.848878)"> + <path + d="m 0,0 c 0,15.641 5.243,22.195 18.264,22.195 3.407,0 9.437,-0.961 13.107,-1.66 l -0.35,-7.602 C 28.05,13.195 23.244,13.632 20.798,13.632 11.709,13.632 9.7,9.961 9.7,0 c 0,-11.185 1.748,-14.855 11.185,-14.855 2.447,0 7.253,0.437 10.223,0.699 l 0.263,-7.69 C 27.613,-22.545 21.409,-23.419 18.089,-23.419 4.631,-23.419 0,-16.777 0,0" + + id="path71" /> + </g> + <g + id="g73" + transform="matrix(0.17820026,0,0,-0.17820026,150.53648,14.826061)"> + <path + d="m 0,0 h 9.525 v -20.448 c 2.795,1.399 7.951,3.233 11.971,3.233 12.146,0 15.117,-6.903 15.117,-21.234 v -23.418 h -9.525 v 23.156 c 0,8.651 -1.049,12.933 -7.776,12.933 -3.496,0 -7.603,-1.049 -9.787,-1.922 V -61.867 H 0 Z" + + id="path75" /> + </g> + <g + id="g77" + transform="matrix(0.17820026,0,0,-0.17820026,163.63163,21.366187)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.622 -8.913,11.622 -6.467,0 -9.262,-3.321 -9.35,-11.622 z m -27.875,-3.757 c 0,15.991 6.903,23.243 18.962,23.243 12.233,0 18.35,-6.379 18.35,-20.01 L 8.826,-7.34 h -27.001 c 0,-6.991 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.437 16.166,0.787 l 0.175,-7.166 c -4.281,-0.874 -12.058,-2.009 -17.739,-2.009 -13.107,0 -18.175,6.99 -18.175,22.37" + + id="path79" /> + </g> + <g + id="g81" + transform="matrix(0.17820026,0,0,-0.17820026,174.46853,21.023632)"> + <path + d="m 0,0 c 7.165,0 10.486,4.369 10.486,12.583 0,8.214 -3.321,11.71 -10.486,11.71 H -12.059 V 0 Z M -21.846,32.769 H 0.088 c 13.631,0 20.36,-6.641 20.36,-20.186 0,-13.457 -6.729,-21.059 -20.36,-21.059 h -12.147 v -18.613 h -9.787 z" + + id="path83" /> + </g> + <g + id="g85" + transform="matrix(0.17820026,0,0,-0.17820026,179.9337,19.513154)"> + <path + d="M 0,0 H -5.068 V 8.127 H 0 v 2.796 c 0,12.583 3.233,16.341 12.32,16.341 2.185,0 6.641,-0.525 9.526,-0.962 L 21.671,18.525 C 19.836,18.613 16.602,18.7 14.68,18.7 10.748,18.7 9.524,16.777 9.524,10.835 V 8.127 H 20.971 V 0 H 9.524 V -35.565 H 0 Z" + + id="path87" /> + </g> + <g + id="g89" + transform="matrix(0.17820026,0,0,-0.17820026,189.02718,24.278088)"> + <path + d="m 0,0 v 11.447 l -10.049,-0.873 c -3.933,-0.438 -5.942,-2.272 -5.942,-6.205 0,-3.845 1.573,-6.379 5.33,-6.379 3.496,0 8.127,1.136 10.661,2.01 m -25.603,4.107 c 0,9.263 5.068,12.408 14.418,13.195 L 0,18.263 v 3.146 c 0,4.719 -2.01,6.204 -6.292,6.204 -4.281,0 -11.883,-0.524 -16.428,-0.874 l -0.349,6.816 c 4.107,0.961 11.709,2.272 17.564,2.272 10.661,0 15.03,-4.456 15.03,-14.418 V 1.485 c 0.262,-2.621 1.31,-3.582 3.845,-4.019 l -0.263,-7.253 c -2.971,0 -5.155,0.175 -7.078,0.874 -1.66,0.437 -3.146,1.224 -4.544,2.359 -3.058,-1.398 -8.913,-3.233 -14.068,-3.233 -8.651,0 -13.02,4.806 -13.02,13.894" + + id="path91" /> + </g> + <g + id="g93" + transform="matrix(0.17820026,0,0,-0.17820026,192.85731,18.064991)"> + <path + d="m 0,0 h 9.525 v -5.156 c 3.145,2.01 9.437,5.069 14.767,6.117 V -8.651 C 18.525,-9.7 12.495,-11.884 9.525,-13.195 V -43.691 H 0 Z" + + id="path95" /> + </g> + <g + id="g97" + transform="matrix(0.17820026,0,0,-0.17820026,198.47827,18.064991)"> + <path + d="m 0,0 h 9.525 v -5.156 c 3.146,2.01 9.437,5.069 14.767,6.117 V -8.651 C 18.525,-9.7 12.495,-11.884 9.525,-13.195 V -43.691 H 0 Z" + + id="path99" /> + </g> + <g + id="g101" + transform="matrix(0.17820026,0,0,-0.17820026,208.6306,21.366187)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.622 -8.913,11.622 -6.467,0 -9.262,-3.321 -9.35,-11.622 z m -27.875,-3.757 c 0,15.991 6.903,23.243 18.962,23.243 12.233,0 18.35,-6.379 18.35,-20.01 L 8.826,-7.34 h -27.001 c 0,-6.991 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.437 16.166,0.787 l 0.175,-7.166 C 3.758,-24.992 -4.02,-26.127 -9.7,-26.127 c -13.107,0 -18.175,6.99 -18.175,22.37" + + id="path103" /> + </g> + <path + d="m 211.94686,18.065026 h 1.69735 v 7.785749 h -1.69735 z m 0,-3.114403 h 1.69735 v 1.806236 h -1.69735 z" + + id="path105" /> + <g + id="g107" + transform="matrix(0.17820026,0,0,-0.17820026,89.530796,35.00145)"> + <path + d="m 0,0 h 9.787 v -25.516 h 25.69 V 0 h 9.874 V -59.857 H 35.477 V -34.08 H 9.787 V -59.857 H 0 Z" + + id="path109" /> + </g> + <g + id="g111" + transform="matrix(0.17820026,0,0,-0.17820026,104.35428,41.183499)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.623 -8.913,11.623 -6.467,0 -9.263,-3.321 -9.35,-11.623 z m -27.875,-3.757 c 0,15.991 6.903,23.244 18.962,23.244 12.234,0 18.35,-6.379 18.35,-20.011 L 8.826,-7.34 h -27.002 c 0,-6.99 2.622,-10.399 9.875,-10.399 5.068,0 12.233,0.438 16.165,0.787 l 0.175,-7.165 c -4.282,-0.874 -12.059,-2.01 -17.739,-2.01 -13.107,0 -18.175,6.99 -18.175,22.37" + + id="path113" /> + </g> + <path + d="m 107.67048,37.882325 h 1.69736 v 7.785745 h -1.69736 z m 0,-3.114587 h 1.69736 v 1.80624 h -1.69736 z" + + id="path115" /> + <path + d="m 111.53208,34.643355 h 1.69735 V 45.66807 h -1.69735 z" + + id="path117" /> + <path + d="m 115.39368,37.882325 h 1.69735 v 7.785745 h -1.69735 z m 0,-3.114587 h 1.69735 v 1.80624 h -1.69735 z" + + id="path119" /> + <g + id="g121" + transform="matrix(0.17820026,0,0,-0.17820026,123.45941,40.436023)"> + <path + d="m 0,0 c 0,5.243 -2.272,7.69 -8.127,7.69 -5.592,0 -7.951,-2.447 -7.951,-7.69 0,-5.33 2.359,-7.777 7.951,-7.777 C -2.272,-7.777 0,-5.33 0,0 m 4.456,-35.827 c 0,4.719 -2.184,5.243 -9.262,5.33 -2.009,0 -6.029,0.263 -8.563,0.525 -2.36,-2.01 -3.409,-3.495 -3.409,-6.205 0,-3.932 2.885,-5.592 10.749,-5.592 6.99,0 10.485,1.748 10.485,5.942 m -30.671,-1.223 c 0,4.456 2.185,7.165 6.642,10.573 -1.836,1.224 -2.971,3.67 -2.971,6.379 0,1.486 1.834,4.806 3.232,6.991 -3.32,1.922 -6.291,5.243 -6.291,13.107 0,11.011 7.428,15.205 17.476,15.205 2.885,0 6.817,-0.612 8.914,-1.136 l 13.631,0.349 V 6.729 L 7.078,7.078 C 8.214,5.68 9.438,3.408 9.438,0 c 0,-11.884 -6.117,-15.117 -17.826,-15.117 -0.875,0 -2.971,0.175 -3.846,0.349 -0.524,-1.31 -1.135,-3.32 -1.135,-4.107 0,-2.796 0.874,-3.32 9.349,-3.408 13.807,-0.087 18.089,-2.97 18.089,-13.019 0,-10.312 -8.477,-14.331 -20.186,-14.331 -13.195,0 -20.098,2.621 -20.098,12.583" + + id="path123" /> + </g> + <g + id="g125" + transform="matrix(0.17820026,0,0,-0.17820026,131.94551,41.183499)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.623 -8.913,11.623 -6.467,0 -9.262,-3.321 -9.35,-11.623 z m -27.875,-3.757 c 0,15.991 6.903,23.244 18.962,23.244 12.233,0 18.35,-6.379 18.35,-20.011 L 8.826,-7.34 h -27.001 c 0,-6.99 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.438 16.166,0.787 l 0.175,-7.165 c -4.281,-0.874 -12.059,-2.01 -17.739,-2.01 -13.107,0 -18.175,6.99 -18.175,22.37" + + id="path127" /> + </g> + <g + id="g129" + transform="matrix(0.17820026,0,0,-0.17820026,142.56448,44.142052)"> + <path + d="M 0,0 C 12.059,0 13.981,9.263 13.981,22.37 13.981,35.477 12.059,42.731 0,42.731 H -10.836 V 0 Z M -20.623,51.294 H 0 C 19.399,51.294 24.03,41.07 24.03,22.37 24.03,3.321 19.836,-8.563 0,-8.563 h -20.623 z" + + id="path131" /> + </g> + <g + id="g133" + transform="matrix(0.17820026,0,0,-0.17820026,148.66782,37.88225)"> + <path + d="m 0,0 h 9.525 v -5.156 c 3.145,2.01 9.437,5.068 14.767,6.117 V -8.651 C 18.525,-9.7 12.495,-11.884 9.525,-13.195 V -43.691 H 0 Z" + + id="path135" /> + </g> + <g + id="g137" + transform="matrix(0.17820026,0,0,-0.17820026,158.82012,41.183499)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.623 -8.913,11.623 -6.467,0 -9.262,-3.321 -9.35,-11.623 z m -27.875,-3.757 c 0,15.991 6.903,23.244 18.962,23.244 12.233,0 18.35,-6.379 18.35,-20.011 L 8.826,-7.34 h -27.001 c 0,-6.99 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.438 16.166,0.787 l 0.175,-7.165 c -4.281,-0.874 -12.059,-2.01 -17.739,-2.01 -13.107,0 -18.175,6.99 -18.175,22.37" + + id="path139" /> + </g> + <path + d="m 162.1365,37.882325 h 1.69718 v 7.785745 h -1.69718 z m 0,-3.114587 h 1.69718 v 1.80624 h -1.69718 z" + + id="path141" /> + <g + id="g143" + transform="matrix(0.17820026,0,0,-0.17820026,169.53213,35.00145)"> + <path + d="m 0,0 h 9.787 v -27.002 l 8.826,0.7 L 30.759,0 H 42.032 L 27.264,-30.06 42.643,-59.857 H 31.196 L 18.7,-34.866 9.787,-35.565 V -59.857 H 0 Z" + + id="path145" /> + </g> + <path + d="m 182.05127,34.440921 h 1.61948 v 1.775051 h -1.61948 z m 0.94981,7.2875 c 0,-1.790736 -0.37369,-2.569295 -1.74405,-2.569295 -1.35468,0 -1.74387,0.778559 -1.74387,2.569295 0,1.806416 0.31132,2.662667 1.74387,2.662667 1.44823,0 1.74405,-0.856251 1.74405,-2.662667 m -4.21979,-7.2875 h 1.63499 v 1.775051 h -1.63499 z m -0.99667,7.2875 c 0,-2.522605 0.87211,-4.017525 3.47241,-4.017525 2.61616,0 3.47259,1.49492 3.47259,4.017525 0,2.584972 -0.79406,4.110901 -3.47259,4.110901 -2.66267,0 -3.47241,-1.525929 -3.47241,-4.110901" + + id="path147" /> + <g + id="g149" + transform="matrix(0.17820026,0,0,-0.17820026,186.41076,37.88225)"> + <path + d="m 0,0 h 9.525 v -2.709 c 2.709,1.573 7.864,3.67 11.971,3.67 12.146,0 15.117,-6.903 15.117,-21.234 v -23.418 h -9.525 v 23.156 c 0,8.651 -1.048,12.933 -7.689,12.933 -3.67,0 -7.777,-1.224 -9.874,-2.273 V -43.691 H 0 Z" + + id="path151" /> + </g> + <path + d="m 194.91234,37.882325 h 1.69735 v 7.785745 h -1.69735 z m 0,-3.114587 h 1.69735 v 1.80624 h -1.69735 z" + + id="path153" /> + <g + id="g155" + transform="matrix(0.17820026,0,0,-0.17820026,202.97818,40.436023)"> + <path + d="m 0,0 c 0,5.243 -2.272,7.69 -8.127,7.69 -5.592,0 -7.951,-2.447 -7.951,-7.69 0,-5.33 2.359,-7.777 7.951,-7.777 C -2.272,-7.777 0,-5.33 0,0 m 4.456,-35.827 c 0,4.719 -2.184,5.243 -9.262,5.33 -2.009,0 -6.029,0.263 -8.563,0.525 -2.36,-2.01 -3.408,-3.495 -3.408,-6.205 0,-3.932 2.884,-5.592 10.748,-5.592 6.99,0 10.485,1.748 10.485,5.942 m -30.67,-1.223 c 0,4.456 2.183,7.165 6.641,10.573 -1.836,1.224 -2.971,3.67 -2.971,6.379 0,1.486 1.834,4.806 3.232,6.991 -3.32,1.922 -6.291,5.243 -6.291,13.107 0,11.011 7.428,15.205 17.476,15.205 2.885,0 6.817,-0.612 8.914,-1.136 l 13.631,0.349 V 6.729 L 7.078,7.078 C 8.214,5.68 9.438,3.408 9.438,0 c 0,-11.884 -6.117,-15.117 -17.826,-15.117 -0.875,0 -2.971,0.175 -3.846,0.349 -0.524,-1.31 -1.135,-3.32 -1.135,-4.107 0,-2.796 0.874,-3.32 9.349,-3.408 13.807,-0.087 18.089,-2.97 18.089,-13.019 0,-10.312 -8.476,-14.331 -20.186,-14.331 -13.195,0 -20.097,2.621 -20.097,12.583" + + id="path157" /> + </g> + <g + id="g159" + transform="matrix(0.17820026,0,0,-0.17820026,211.46415,41.183499)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.623 -8.913,11.623 -6.467,0 -9.262,-3.321 -9.35,-11.623 z m -27.875,-3.757 c 0,15.991 6.903,23.244 18.962,23.244 12.233,0 18.35,-6.379 18.35,-20.011 L 8.826,-7.34 h -27.001 c 0,-6.99 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.438 16.166,0.787 l 0.175,-7.165 c -4.281,-0.874 -12.059,-2.01 -17.738,-2.01 -13.108,0 -18.176,6.99 -18.176,22.37" + + id="path161" /> + </g> + <g + id="g163" + transform="matrix(0.17820026,0,0,-0.17820026,89.530796,54.818635)"> + <path + d="m 0,0 h 17.04 l 18.088,-51.294 h 1.223 V 0 h 9.787 V -59.857 H 29.448 L 11.01,-8.563 H 9.787 V -59.857 H 0 Z" + + id="path165" /> + </g> + <g + id="g167" + transform="matrix(0.17820026,0,0,-0.17820026,104.75915,61.545483)"> + <path + d="m 0,0 c 0,10.049 -2.097,14.418 -9.787,14.418 -7.602,0 -9.787,-4.369 -9.787,-14.418 0,-10.137 1.748,-14.943 9.787,-14.943 C -1.66,-14.943 0,-10.137 0,0 m -29.273,0 c 0,14.156 4.893,22.544 19.486,22.544 C 4.894,22.544 9.7,14.156 9.7,0 c 0,-14.506 -4.457,-23.069 -19.487,-23.069 -14.942,0 -19.486,8.563 -19.486,23.069" + + id="path169" /> + </g> + <g + id="g171" + transform="matrix(0.17820026,0,0,-0.17820026,108.16889,57.699369)"> + <path + d="m 0,0 h 9.525 v -5.156 c 3.145,2.01 9.437,5.068 14.767,6.117 V -8.651 C 18.525,-9.7 12.495,-11.884 9.525,-13.195 V -43.691 H 0 Z" + + id="path173" /> + </g> + <g + id="g175" + transform="matrix(0.17820026,0,0,-0.17820026,118.36786,63.756715)"> + <path + d="m 0,0 v 25.778 c -2.097,0.35 -6.379,0.874 -9.263,0.874 -6.466,0 -9.174,-4.631 -9.174,-14.593 0,-11.098 2.971,-14.156 8.301,-14.156 3.582,0 7.952,1.223 10.136,2.097 m -28.137,12.059 c 0,15.816 5.679,22.894 18.176,22.894 2.796,0 7.427,-0.699 9.961,-1.136 v 18.35 H 9.525 V -9.7 H 0.087 v 2.273 c -2.709,-1.399 -7.864,-3.234 -11.709,-3.234 -11.272,0 -16.515,5.942 -16.515,22.72" + + id="path177" /> + </g> + <path + d="m 122.04233,60.502174 h 4.65584 v 1.557112 h -4.65584 z" + + id="path179" /> + <g + id="g181" + transform="matrix(0.17820026,0,0,-0.17820026,128.87779,54.818635)"> + <path + d="m 0,0 h 17.04 l 18.088,-51.294 h 1.224 V 0 h 9.787 V -59.857 H 29.449 L 11.011,-8.563 H 9.787 V -59.857 H 0 Z" + + id="path183" /> + </g> + <g + id="g185" + transform="matrix(0.17820026,0,0,-0.17820026,143.85709,61.000476)"> + <path + d="m 0,0 c 0,8.65 -2.534,11.622 -8.913,11.622 -6.467,0 -9.262,-3.321 -9.35,-11.622 z m -27.875,-3.758 c 0,15.991 6.903,23.244 18.962,23.244 12.233,0 18.35,-6.379 18.35,-20.01 L 8.826,-7.34 h -27.001 c 0,-6.991 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.437 16.166,0.786 l 0.175,-7.165 c -4.281,-0.874 -12.059,-2.01 -17.739,-2.01 -13.107,0 -18.175,6.991 -18.175,22.37" + + id="path187" /> + </g> + <g + id="g189" + transform="matrix(0.17820026,0,0,-0.17820026,147.09541,61.763545)"> + <path + d="M 0,0 V 22.807 H 9.525 V -0.088 c 0,-9.524 0.698,-13.194 7.339,-13.194 4.02,0 7.953,1.223 9.962,2.272 v 33.817 h 9.525 v -43.692 h -9.437 v 2.71 C 22.632,-20.448 19.137,-21.846 14.156,-21.846 2.621,-21.846 0,-14.506 0,0" + + id="path191" /> + </g> + <g + id="g193" + transform="matrix(0.17820026,0,0,-0.17820026,155.64377,54.460488)"> + <path + d="m 0,0 h 9.525 v -35.739 l 5.505,0.524 10.223,17.04 H 36.002 L 23.419,-38.623 36.613,-61.867 H 25.865 L 15.292,-43.429 9.525,-44.041 V -61.867 H 0 Z" + + id="path195" /> + </g> + <path + d="m 167.1507,54.258036 h 1.61948 v 1.775054 h -1.61948 z m 0.94981,7.2875 c 0,-1.790736 -0.37369,-2.569292 -1.74405,-2.569292 -1.35468,0 -1.74387,0.778556 -1.74387,2.569292 0,1.806416 0.31132,2.662667 1.74387,2.662667 1.44805,0 1.74405,-0.856251 1.74405,-2.662667 m -4.21997,-7.2875 h 1.63499 v 1.775054 h -1.63499 z m -0.99649,7.2875 c 0,-2.522601 0.87193,-4.017525 3.47241,-4.017525 2.61616,0 3.47241,1.494924 3.47241,4.017525 0,2.584972 -0.79406,4.110901 -3.47241,4.110901 -2.66267,0 -3.47241,-1.525929 -3.47241,-4.110901" + + id="path197" /> + <path + d="m 171.60374,54.46047 h 1.69736 v 11.024718 h -1.69736 z" + + id="path199" /> + <path + d="m 175.55854,54.46047 h 1.69736 v 11.024718 h -1.69736 z" + + id="path201" /> + <g + id="g203" + transform="matrix(0.17820026,0,0,-0.17820026,179.42,57.699369)"> + <path + d="m 0,0 h 9.525 v -2.709 c 2.709,1.573 7.864,3.67 11.971,3.67 12.146,0 15.117,-6.903 15.117,-21.234 v -23.418 h -9.525 v 23.156 c 0,8.651 -1.049,12.933 -7.689,12.933 -3.67,0 -7.777,-1.224 -9.874,-2.273 V -43.691 H 0 Z" + + id="path205" /> + </g> + </g> + <g + id="logo" + fill={color} + transform="matrix(0.17820026,0,0,-0.17820026,28.796671,47.250631)"> + <path + d="m 0,0 c -1.155,1.213 -1.822,3.039 -1.822,3.039 l -1.012,2.276 c 0,0 -0.93,2.244 0,4.605 1.041,2.641 3.477,5.113 3.477,5.113 0,0 2.448,2.523 3.962,5.161 2.206,3.844 3.904,10.899 3.904,10.899 0,0 -2.242,8.549 -2.725,11.366 -0.269,1.571 -1.199,7.498 -1.287,9.091 -0.117,2.13 0.81,2.449 1.525,2.658 0.339,0.099 1.086,0.123 1.419,0 1.698,-0.624 6.377,-7.795 6.377,-7.795 0,0 1.147,-1.723 1.771,-1.772 0.6,-0.046 1.109,1.226 1.328,1.789 0.419,1.071 0.622,4.235 0.622,4.235 v 4.605 c 0,0 -0.104,2.727 0.607,3.36 0.725,0.649 2.083,0.397 2.897,-0.134 1.498,-0.984 3.215,-4.646 3.215,-4.646 0,0 3.629,-5.79 4.879,-5.864 0.923,-0.055 1.146,3.841 1.146,3.841 l 0.735,5.27 c 0,0 0.639,4.184 2.277,3.822 3.239,-0.715 7.209,-11.531 7.209,-11.531 0,0 1.79,-4.749 2.013,-8.644 0.115,-2.05 1.062,-8.149 1.062,-8.149 0,0 -2.901,-2.124 -2.836,-3.188 0.06,-0.942 2.423,-2.812 2.423,-2.812 0,0 2.502,-1.617 2.537,-2.503 0.093,-2.262 -2.479,-2.834 -2.479,-2.834 l 0.708,-3.543 c 0,0 -2.804,-0.626 -2.834,-1.418 -0.02,-0.517 2.674,-1.085 2.674,-1.085 0,0 -1.179,-3.129 -1.255,-4.228 -0.127,-1.788 0.707,-5.173 1.062,-7.088 0.355,-1.915 0.206,-4.905 0.13,-5.958 -0.076,-1.053 -1.531,-2.901 -2.498,-4.61 -1.486,-2.628 -2.364,-4.465 -3.341,-4.411 -1.2,0.188 -1.78,1.541 -2.005,2.139 -0.336,0.893 -1.6,5.856 -2.368,7.886 -0.339,0.896 -1.153,3.116 -1.964,2.83 -0.839,-0.297 0.049,-2.708 0.353,-3.543 0.621,-1.711 1.172,-3.715 1.064,-4.96 -0.156,-1.778 -4.123,-3.436 -4.123,-3.436 l 0.076,-8.952 c 0,0 -0.132,-4.151 0.504,-5.328 0.538,-0.999 3.543,-2.835 3.543,-2.835 l 5.14,-3.516 c 0,0 7.493,-3.882 10.107,-4.583 1.127,-0.302 3.447,-0.807 4.607,-0.709 0.557,0.047 1.603,0.509 2.125,0.709 1.262,0.478 7.193,2.56 7.193,2.56 0,0 0.811,1.663 1.063,1.772 0.252,0.11 3.668,-0.347 3.866,-0.215 0.197,0.133 -2.4,1.794 -2.592,4.519 -0.055,1.133 -0.062,1.696 0.256,3.109 0.234,1.043 1.094,2.338 1.959,3.045 1.247,1.021 2.193,1.043 3.831,1.104 1.036,0.039 2.429,-0.082 3.898,-1.417 0.674,-0.613 1.519,-1.919 1.771,-3.188 0.252,-1.269 0.309,-2.379 0,-3.543 -0.962,-3.624 -3.519,-3.789 -3.283,-3.986 0.383,-0.319 3.4,-0.171 3.638,-0.267 0.238,-0.095 0.707,-2.124 0.707,-2.124 0,0 9.324,-4.997 9.214,-7.762 -0.048,-1.214 -4.254,-0.743 -4.254,-0.743 l -1.417,-22.32 c 0,0 2.905,-2.942 2.853,-3.95 -0.043,-0.836 -2.498,-0.301 -2.498,-0.301 l -24.801,1.417 -7.087,-11.691 c 0,0 -0.629,-1.744 -3.188,0 -4.347,2.962 -15.675,14.311 -15.675,14.311 l 1.881,-15.544 4.179,-24.621 c 0,0 5.459,-18.017 6.872,-24.567 1.56,-7.231 2.494,-11.187 5.557,-16.48 1.625,-2.807 4.6,-5.494 7.027,-6.388 3.898,-1.436 7.599,-1.899 10.604,-1.47 4.601,0.658 8.054,2.725 12.073,8.432 4.048,5.749 4.505,10.309 6.899,18.589 1.467,5.072 4.14,12.924 5.628,17.161 1.488,4.237 4.785,13.629 4.785,13.629 l 9.245,28.49 9.319,39.045 c 0,0 5.701,18.787 7.543,25.067 0.796,2.711 3.167,8.044 3.105,10.87 -0.028,1.228 -0.956,3.416 -1.553,4.66 -0.597,1.243 -0.874,2.006 -1.511,3.147 -0.638,1.14 -1.801,3.399 -1.801,3.399 0,0 -0.447,0.971 -0.706,1.698 -0.432,1.205 -0.474,2.313 0.251,2.719 0.351,0.291 1.013,0.047 1.774,-0.444 1.11,-0.823 3.259,-1.642 4.359,-2.085 0.503,-0.203 1.677,-0.843 1.998,-0.444 0.497,0.618 -0.43,3.064 -1.01,4.1 -0.34,0.605 -0.702,1.458 -1.298,1.813 -0.286,0.169 -0.999,0.018 -1.332,0 -0.947,-0.056 -3.542,-0.19 -4.703,0 -1.61,0.263 -2.696,0.742 -3.917,1.948 -1.074,1.059 -2.495,3.221 -3.196,4.558 -0.545,1.04 -1.331,3.284 -1.554,4.437 -0.241,1.253 -0.663,3.904 -0.221,5.103 0.635,1.72 1.274,2.359 2.455,3.477 0.799,0.755 3.76,2.704 3.76,2.704 l -0.607,1.094 c -0.757,1.312 -1.517,3.94 -1.721,4.765 -0.26,1.057 -0.631,3.14 -0.631,3.14 0,0 -0.372,1.71 -0.449,3.085 -0.078,1.375 -0.111,2.138 0.077,3.253 0.333,1.972 1.608,6.647 10.335,6.041 1.044,0.011 1.752,-0.278 3.386,-1.249 1.661,-0.987 5.801,-5.015 5.801,-5.015 l 1.553,-1.331 c 0,0 1.65,-1.377 1.998,-1.553 0.347,-0.176 0.78,-0.74 2.082,-0.466 1.302,0.274 1.182,0.99 2.623,1.809 0.904,0.513 1.976,1.162 3.925,1.002 0.669,-0.055 1.294,0.004 3.13,-0.83 1.054,-0.48 1.648,-0.913 1.98,-1.214 0.425,-0.384 1.131,-1.091 1.501,-1.661 0.371,-0.57 1.159,-1.996 1.47,-2.651 0.285,-0.607 0.733,-1.861 0.926,-2.364 0.192,-0.502 0.663,-2.471 0.774,-3.164 0.106,-0.657 0.408,-2.074 0.327,-2.982 -0.221,-2.501 -3.324,-4.395 -2.746,-4.041 0.578,0.354 -1.018,-0.57 -1.22,-1.068 -0.225,-0.555 -0.11,-1.683 0.405,-2.127 0.927,-0.799 1.672,-1.177 2.14,-1.438 0.469,-0.26 0.824,-0.577 1.629,-1.054 0.692,-0.409 1.344,-0.972 1.661,-1.245 0.318,-0.273 0.673,-0.546 0.911,-0.908 0.356,-0.54 -0.005,-1.237 -0.227,-1.5 -0.3,-0.361 -0.637,-0.39 -1.084,-0.645 -0.845,-0.482 -0.461,-1.508 -0.243,-1.847 0.277,-0.431 0.964,-1.597 0.982,-2.11 0.015,-0.392 0.136,-1.004 -0.226,-1.155 -0.359,-0.149 -1.64,0.19 -1.716,-0.191 -0.153,-0.763 1.818,-0.639 1.792,-1.029 -0.114,-1.679 -1.829,0.381 -1.72,-2.615 0.021,-0.523 0.346,-2.644 0.119,-3.485 -0.173,-0.639 -0.919,-0.837 -1.352,-0.912 -0.71,-0.124 -2.082,-0.109 -3.64,-0.148 -1.558,-0.04 -4.232,-0.221 -5.288,-0.754 -1.068,-0.54 -1.18,-1.29 -1.12,-2.266 0.036,-0.577 0.116,-1.436 1.3,-2.195 0.547,-0.351 1.202,-0.765 2.234,-1.205 1.076,-0.458 1.118,-0.575 2.108,-1.07 0.938,-0.469 1.733,-1.293 2.311,-1.94 0.579,-0.647 0.811,-1.046 1.334,-1.996 0.523,-0.951 1.005,-2.446 1.114,-3.139 0.128,-0.814 0,-1.533 -0.176,-1.852 -0.296,-0.538 -0.953,-0.928 -1.554,-1.097 -0.373,-0.104 -1.382,-0.126 -1.382,-0.126 l 2.219,-9.316 c 0,0 0.698,-3.975 0.93,-5.197 0.232,-1.222 0.254,-1.768 0.745,-2.768 0.618,-1.256 9.299,-10.17 12.965,-12.666 1.088,-0.739 4.659,-2.44 4.659,-2.44 0,0 6.294,-3.047 8.537,-3.589 1.24,-0.299 3.216,-0.873 4.757,-1.193 1.341,-0.278 4.968,-1.206 6.612,-0.255 0.731,0.423 1.501,1.629 2.052,2.621 0.609,1.096 1.429,1.882 2.667,2.193 0.721,0.182 2.008,0.106 2.008,0.106 l 0.172,3.959 c 0,0 0.202,2.917 0.415,3.13 0.171,0.172 2.615,-0.129 2.952,0.127 0.338,0.256 0.844,2.984 1.136,3.812 0.203,0.574 1.038,2.527 1.512,3.109 0.474,0.582 1.32,1.831 2.342,1.831 1.022,0 1.889,-1.113 2.342,-1.98 0.454,-0.867 1.039,-2.08 1.299,-3.066 0.127,-0.483 0.32,-1.464 0.415,-2.119 0.097,-0.661 -0.056,-1.789 0.201,-1.975 0.257,-0.186 2.521,0.105 2.899,-0.178 0.212,-0.157 0.02,-4.437 0.02,-4.437 l -0.229,-2.961 c 0,0 2.197,-0.092 2.921,-0.361 1.205,-0.447 2.038,-2.025 2.222,-2.49 0.516,-1.3 0.193,-2.359 -0.167,-2.705 -0.535,-0.513 -0.827,-0.625 -1.829,-1.122 -1.002,-0.497 -1.278,-1.077 -1.552,-1.552 -0.318,-0.548 -0.582,-1.814 -0.665,-2.442 -0.169,-1.263 -0.214,-3.844 0,-5.101 0.252,-1.504 1.888,-7.307 2.247,-9.81 0.078,-0.55 0.102,-2.272 -0.037,-2.808 -1.293,-4.974 -7.138,-4.464 -7.138,-4.464 h -6.803 -5.142 c 0,0 -2.58,-0.159 -3.413,0.146 -0.886,0.325 -2.012,1.529 -2.564,2.294 -0.349,0.485 -0.774,1.632 -0.888,2.219 -0.146,0.761 -0.076,2.334 0,3.105 0.157,1.595 1.774,3.106 1.774,3.106 0,0 -1.794,0.814 -2.44,0.888 0,0 -0.685,-1.171 -0.936,-1.703 -0.317,-0.675 -0.815,-1.993 -1.275,-3.858 -0.392,-1.588 -1.182,-4.266 -1.182,-4.266 l -1.487,-5.48 c 0,0 -0.843,-2.492 -1.109,-3.328 -2.49,-7.829 -4.655,-6.432 -5.188,-6.278 -1.196,0.347 -9.231,9.162 -9.231,9.162 0,0 -3.597,3.898 -4.838,5.168 -0.963,0.986 -2.869,3.261 -4.215,3.549 -0.394,0.085 -0.407,-0.737 -0.407,-0.737 0,0 2.514,-44.23 3.246,-54.344 0.52,-13.266 3.252,-11.359 3.252,-11.359 57.622,37.523 94.251,101.482 94.251,175.372 0,20.096 -2.826,39.528 -8.098,57.926 -3.362,11.736 -13.099,41.683 -36.721,71.786 -0.05,0.065 -0.064,0.092 -0.114,0.096 -0.054,0.004 -0.077,-0.028 -0.125,-0.094 -10.354,-14.111 -25.374,-18.802 -27.624,-19.472 -2.228,-0.662 -7.781,-2.087 -14.476,-2.139 -29.136,-0.229 -52.819,22.966 -53.173,52.1 -0.062,5.084 0.598,10.002 1.883,14.66 0.821,2.98 3.307,10.924 9.601,18.826 0.072,0.09 0.13,0.145 0.121,0.199 -0.008,0.054 -0.13,0.091 -0.261,0.147 0,0 -10.331,4.422 -21.152,7.571 -25.416,7.395 -47.267,8.696 -59.299,8.747 -116.336,0.498 -211.274,-94.016 -211.274,-210.353 0,-38.533 15.195,-83.226 17.173,-83.301 1.978,-0.075 2.297,10.447 2.457,14.193 0.16,3.746 2.349,12.263 3.469,17.842 1.12,5.579 2.185,9.32 2.973,12.389 0.787,3.07 6.444,18.034 6.937,20.815 0.494,2.781 0.075,4.731 0,5.948 -0.075,1.217 -0.28,3.539 0,4.956 0.281,1.417 1.599,1.408 1.984,2.477 0.384,1.069 0.128,1.325 0.469,3.709 0.34,2.385 1.321,3.373 2.789,5.988 1.469,2.615 3.189,8.941 4.156,11.924 0.357,1.101 0.817,3.576 0.918,5.097 0.1,1.521 -1.395,5.497 -1.395,5.497 0,0 -1.258,5.905 -1.398,7.177 -0.141,1.272 0.115,2.581 1.398,2.733 0.576,0.117 2.145,-0.962 2.145,-0.962 0,0 4.461,5.183 5.786,6.414 1.326,1.231 2.728,2.377 4.2,3.18 1.786,0.973 3.162,1.277 5.015,1.661 1.05,0.217 2.516,0.168 4.165,0.116 1.648,-0.053 3.66,-0.556 4.954,-0.879 1.293,-0.323 4.328,-1.758 4.328,-1.758 0,0 1.893,0.785 2.862,0.612 1.049,-0.184 1.729,-1.751 2.002,-2.505 0.704,-1.955 3.166,-6.577 2.7,-8.599 -0.147,-0.634 -1.24,-1.296 -1.567,-2.114 -0.581,-1.449 -0.529,-1.865 -0.184,-3.303 0.353,-1.475 1.181,-2.619 1.852,-3.258 0.773,-0.735 2.553,-1.579 3.509,-2.432 0.675,-0.602 0.555,-1.554 0.358,-2.031 -0.338,-0.827 -2.757,-1.647 -3.242,-2.4 -0.267,-0.415 -0.473,-0.848 -0.252,-1.292 0.306,-0.616 3.015,-3.062 0.751,-4.429 -1.641,-0.993 -0.247,-2.287 -0.135,-2.999 0.115,-0.744 0.448,-2.111 -0.682,-3.474 -0.729,-0.88 -3.539,-1.859 -5.014,-1.995 -1.476,-0.136 -2.604,-0.041 -5.342,0.019 -2.737,0.06 -6.419,-3.423 -6.154,-7.218 0.265,-3.795 6.353,-23.977 7.185,-27.258 0.831,-3.281 6.037,-1.948 8.011,-1.764 2.009,0.185 5.983,0.96 7.929,1.487 1.779,0.479 5.246,1.755 6.939,2.477 2.294,0.979 8.87,3.334 8.87,3.334 0,0 -0.969,0.863 -0.214,1.959 0.8,1.16 1.555,1.798 3.195,2.811 1.538,0.95 3.33,1.73 2.555,3.151 -1.141,2.093 -3.109,3.109 -2.896,5.409 0.2,2.166 7.618,10.035 12.095,10.05 1.826,0.006 9.858,-6.443 10.51,-10.081 0.224,-1.257 -2.47,-4.168 -2.713,-5.335 -0.515,-2.47 5.122,-4.205 5.149,-6.047 0.042,-2.896 -2.436,-5.964 -2.436,-5.964 v -4.956 c 0,0 3.357,-5.017 2.757,-6.39 -0.47,-1.079 -4.741,-0.548 -4.741,-0.548 0,0 1.807,-5.702 0.353,-6.348 -3.383,-1.505 -19.959,0.634 -19.959,0.634 l -0.93,-4.791 c 0,0 -0.827,-5.322 -2.3,-10.306 -1.325,-4.485 -5.597,-14.166 -8.026,-15.624 -1.88,-1.127 -3.796,-0.503 -4.888,-0.25 -1.84,0.425 -15.294,9.427 -15.294,9.427 l 0.494,-6.441 1.983,-13.382 c 0,0 5.868,-48.899 4.523,-37.695 -1.344,11.205 0.767,-10.987 2.556,-22.996 1.788,-12.01 2.242,-14.734 5.11,-20.442 1.713,-3.41 3.76,-7.106 7.027,-10.604 3.906,-4.182 11.69,-8.815 17.97,-8.695 0,0 5.985,0.072 7.709,9.59 1.276,7.038 3.372,15.293 3.372,15.293 l 2.889,9.492 3.257,12.393 c 0,0 3.99,13.198 4.672,17.574 0.886,5.678 4.08,20.689 4.08,20.689 l 4.791,18.334 c 1.639,5.366 1.744,14.728 4.016,20.207" + + id="path209" /> + </g> + </svg> + ) + } + + return ( + <svg + width={width} + height={height} + viewBox="0 0 75 75" + version="1.1" + id="svg5" + xmlns="http://www.w3.org/2000/svg" + fill={color} + > + <defs + id="defs2"> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath43"> + <path + d="M 0,621.937 H 1413.648 V 0 H 0 Z" + id="path41" /> + </clipPath> + </defs> + <g + id="layer1"> + <g + id="g31" + transform="matrix(0.35277777,0,0,-0.35277777,-115.34858,253.07318)"> + <g + id="g37"> + <g + id="g207" + transform="matrix(0.50513462,0,0,0.50513462,406.91702,583.70002)"> + <path + d="m 0,0 c -1.155,1.213 -1.822,3.039 -1.822,3.039 l -1.012,2.276 c 0,0 -0.93,2.244 0,4.605 1.041,2.641 3.477,5.113 3.477,5.113 0,0 2.448,2.523 3.962,5.161 2.206,3.844 3.904,10.899 3.904,10.899 0,0 -2.242,8.549 -2.725,11.366 -0.269,1.571 -1.199,7.498 -1.287,9.091 -0.117,2.13 0.81,2.449 1.525,2.658 0.339,0.099 1.086,0.123 1.419,0 1.698,-0.624 6.377,-7.795 6.377,-7.795 0,0 1.147,-1.723 1.771,-1.772 0.6,-0.046 1.109,1.226 1.328,1.789 0.419,1.071 0.622,4.235 0.622,4.235 v 4.605 c 0,0 -0.104,2.727 0.607,3.36 0.725,0.649 2.083,0.397 2.897,-0.134 1.498,-0.984 3.215,-4.646 3.215,-4.646 0,0 3.629,-5.79 4.879,-5.864 0.923,-0.055 1.146,3.841 1.146,3.841 l 0.735,5.27 c 0,0 0.639,4.184 2.277,3.822 3.239,-0.715 7.209,-11.531 7.209,-11.531 0,0 1.79,-4.749 2.013,-8.644 0.115,-2.05 1.062,-8.149 1.062,-8.149 0,0 -2.901,-2.124 -2.836,-3.188 0.06,-0.942 2.423,-2.812 2.423,-2.812 0,0 2.502,-1.617 2.537,-2.503 0.093,-2.262 -2.479,-2.834 -2.479,-2.834 l 0.708,-3.543 c 0,0 -2.804,-0.626 -2.834,-1.418 -0.02,-0.517 2.674,-1.085 2.674,-1.085 0,0 -1.179,-3.129 -1.255,-4.228 -0.127,-1.788 0.707,-5.173 1.062,-7.088 0.355,-1.915 0.206,-4.905 0.13,-5.958 -0.076,-1.053 -1.531,-2.901 -2.498,-4.61 -1.486,-2.628 -2.364,-4.465 -3.341,-4.411 -1.2,0.188 -1.78,1.541 -2.005,2.139 -0.336,0.893 -1.6,5.856 -2.368,7.886 -0.339,0.896 -1.153,3.116 -1.964,2.83 -0.839,-0.297 0.049,-2.708 0.353,-3.543 0.621,-1.711 1.172,-3.715 1.064,-4.96 -0.156,-1.778 -4.123,-3.436 -4.123,-3.436 l 0.076,-8.952 c 0,0 -0.132,-4.151 0.504,-5.328 0.538,-0.999 3.543,-2.835 3.543,-2.835 l 5.14,-3.516 c 0,0 7.493,-3.882 10.107,-4.583 1.127,-0.302 3.447,-0.807 4.607,-0.709 0.557,0.047 1.603,0.509 2.125,0.709 1.262,0.478 7.193,2.56 7.193,2.56 0,0 0.811,1.663 1.063,1.772 0.252,0.11 3.668,-0.347 3.866,-0.215 0.197,0.133 -2.4,1.794 -2.592,4.519 -0.055,1.133 -0.062,1.696 0.256,3.109 0.234,1.043 1.094,2.338 1.959,3.045 1.247,1.021 2.193,1.043 3.831,1.104 1.036,0.039 2.429,-0.082 3.898,-1.417 0.674,-0.613 1.519,-1.919 1.771,-3.188 0.252,-1.269 0.309,-2.379 0,-3.543 -0.962,-3.624 -3.519,-3.789 -3.283,-3.986 0.383,-0.319 3.4,-0.171 3.638,-0.267 0.238,-0.095 0.707,-2.124 0.707,-2.124 0,0 9.324,-4.997 9.214,-7.762 -0.048,-1.214 -4.254,-0.743 -4.254,-0.743 l -1.417,-22.32 c 0,0 2.905,-2.942 2.853,-3.95 -0.043,-0.836 -2.498,-0.301 -2.498,-0.301 l -24.801,1.417 -7.087,-11.691 c 0,0 -0.629,-1.744 -3.188,0 -4.347,2.962 -15.675,14.311 -15.675,14.311 l 1.881,-15.544 4.179,-24.621 c 0,0 5.459,-18.017 6.872,-24.567 1.56,-7.231 2.494,-11.187 5.557,-16.48 1.625,-2.807 4.6,-5.494 7.027,-6.388 3.898,-1.436 7.599,-1.899 10.604,-1.47 4.601,0.658 8.054,2.725 12.073,8.432 4.048,5.749 4.505,10.309 6.899,18.589 1.467,5.072 4.14,12.924 5.628,17.161 1.488,4.237 4.785,13.629 4.785,13.629 l 9.245,28.49 9.319,39.045 c 0,0 5.701,18.787 7.543,25.067 0.796,2.711 3.167,8.044 3.105,10.87 -0.028,1.228 -0.956,3.416 -1.553,4.66 -0.597,1.243 -0.874,2.006 -1.511,3.147 -0.638,1.14 -1.801,3.399 -1.801,3.399 0,0 -0.447,0.971 -0.706,1.698 -0.432,1.205 -0.474,2.313 0.251,2.719 0.351,0.291 1.013,0.047 1.774,-0.444 1.11,-0.823 3.259,-1.642 4.359,-2.085 0.503,-0.203 1.677,-0.843 1.998,-0.444 0.497,0.618 -0.43,3.064 -1.01,4.1 -0.34,0.605 -0.702,1.458 -1.298,1.813 -0.286,0.169 -0.999,0.018 -1.332,0 -0.947,-0.056 -3.542,-0.19 -4.703,0 -1.61,0.263 -2.696,0.742 -3.917,1.948 -1.074,1.059 -2.495,3.221 -3.196,4.558 -0.545,1.04 -1.331,3.284 -1.554,4.437 -0.241,1.253 -0.663,3.904 -0.221,5.103 0.635,1.72 1.274,2.359 2.455,3.477 0.799,0.755 3.76,2.704 3.76,2.704 l -0.607,1.094 c -0.757,1.312 -1.517,3.94 -1.721,4.765 -0.26,1.057 -0.631,3.14 -0.631,3.14 0,0 -0.372,1.71 -0.449,3.085 -0.078,1.375 -0.111,2.138 0.077,3.253 0.333,1.972 1.608,6.647 10.335,6.041 1.044,0.011 1.752,-0.278 3.386,-1.249 1.661,-0.987 5.801,-5.015 5.801,-5.015 l 1.553,-1.331 c 0,0 1.65,-1.377 1.998,-1.553 0.347,-0.176 0.78,-0.74 2.082,-0.466 1.302,0.274 1.182,0.99 2.623,1.809 0.904,0.513 1.976,1.162 3.925,1.002 0.669,-0.055 1.294,0.004 3.13,-0.83 1.054,-0.48 1.648,-0.913 1.98,-1.214 0.425,-0.384 1.131,-1.091 1.501,-1.661 0.371,-0.57 1.159,-1.996 1.47,-2.651 0.285,-0.607 0.733,-1.861 0.926,-2.364 0.192,-0.502 0.663,-2.471 0.774,-3.164 0.106,-0.657 0.408,-2.074 0.327,-2.982 -0.221,-2.501 -3.324,-4.395 -2.746,-4.041 0.578,0.354 -1.018,-0.57 -1.22,-1.068 -0.225,-0.555 -0.11,-1.683 0.405,-2.127 0.927,-0.799 1.672,-1.177 2.14,-1.438 0.469,-0.26 0.824,-0.577 1.629,-1.054 0.692,-0.409 1.344,-0.972 1.661,-1.245 0.318,-0.273 0.673,-0.546 0.911,-0.908 0.356,-0.54 -0.005,-1.237 -0.227,-1.5 -0.3,-0.361 -0.637,-0.39 -1.084,-0.645 -0.845,-0.482 -0.461,-1.508 -0.243,-1.847 0.277,-0.431 0.964,-1.597 0.982,-2.11 0.015,-0.392 0.136,-1.004 -0.226,-1.155 -0.359,-0.149 -1.64,0.19 -1.716,-0.191 -0.153,-0.763 1.818,-0.639 1.792,-1.029 -0.114,-1.679 -1.829,0.381 -1.72,-2.615 0.021,-0.523 0.346,-2.644 0.119,-3.485 -0.173,-0.639 -0.919,-0.837 -1.352,-0.912 -0.71,-0.124 -2.082,-0.109 -3.64,-0.148 -1.558,-0.04 -4.232,-0.221 -5.288,-0.754 -1.068,-0.54 -1.18,-1.29 -1.12,-2.266 0.036,-0.577 0.116,-1.436 1.3,-2.195 0.547,-0.351 1.202,-0.765 2.234,-1.205 1.076,-0.458 1.118,-0.575 2.108,-1.07 0.938,-0.469 1.733,-1.293 2.311,-1.94 0.579,-0.647 0.811,-1.046 1.334,-1.996 0.523,-0.951 1.005,-2.446 1.114,-3.139 0.128,-0.814 0,-1.533 -0.176,-1.852 -0.296,-0.538 -0.953,-0.928 -1.554,-1.097 -0.373,-0.104 -1.382,-0.126 -1.382,-0.126 l 2.219,-9.316 c 0,0 0.698,-3.975 0.93,-5.197 0.232,-1.222 0.254,-1.768 0.745,-2.768 0.618,-1.256 9.299,-10.17 12.965,-12.666 1.088,-0.739 4.659,-2.44 4.659,-2.44 0,0 6.294,-3.047 8.537,-3.589 1.24,-0.299 3.216,-0.873 4.757,-1.193 1.341,-0.278 4.968,-1.206 6.612,-0.255 0.731,0.423 1.501,1.629 2.052,2.621 0.609,1.096 1.429,1.882 2.667,2.193 0.721,0.182 2.008,0.106 2.008,0.106 l 0.172,3.959 c 0,0 0.202,2.917 0.415,3.13 0.171,0.172 2.615,-0.129 2.952,0.127 0.338,0.256 0.844,2.984 1.136,3.812 0.203,0.574 1.038,2.527 1.512,3.109 0.474,0.582 1.32,1.831 2.342,1.831 1.022,0 1.889,-1.113 2.342,-1.98 0.454,-0.867 1.039,-2.08 1.299,-3.066 0.127,-0.483 0.32,-1.464 0.415,-2.119 0.097,-0.661 -0.056,-1.789 0.201,-1.975 0.257,-0.186 2.521,0.105 2.899,-0.178 0.212,-0.157 0.02,-4.437 0.02,-4.437 l -0.229,-2.961 c 0,0 2.197,-0.092 2.921,-0.361 1.205,-0.447 2.038,-2.025 2.222,-2.49 0.516,-1.3 0.193,-2.359 -0.167,-2.705 -0.535,-0.513 -0.827,-0.625 -1.829,-1.122 -1.002,-0.497 -1.278,-1.077 -1.552,-1.552 -0.318,-0.548 -0.582,-1.814 -0.665,-2.442 -0.169,-1.263 -0.214,-3.844 0,-5.101 0.252,-1.504 1.888,-7.307 2.247,-9.81 0.078,-0.55 0.102,-2.272 -0.037,-2.808 -1.293,-4.974 -7.138,-4.464 -7.138,-4.464 h -6.803 -5.142 c 0,0 -2.58,-0.159 -3.413,0.146 -0.886,0.325 -2.012,1.529 -2.564,2.294 -0.349,0.485 -0.774,1.632 -0.888,2.219 -0.146,0.761 -0.076,2.334 0,3.105 0.157,1.595 1.774,3.106 1.774,3.106 0,0 -1.794,0.814 -2.44,0.888 0,0 -0.685,-1.171 -0.936,-1.703 -0.317,-0.675 -0.815,-1.993 -1.275,-3.858 -0.392,-1.588 -1.182,-4.266 -1.182,-4.266 l -1.487,-5.48 c 0,0 -0.843,-2.492 -1.109,-3.328 -2.49,-7.829 -4.655,-6.432 -5.188,-6.278 -1.196,0.347 -9.231,9.162 -9.231,9.162 0,0 -3.597,3.898 -4.838,5.168 -0.963,0.986 -2.869,3.261 -4.215,3.549 -0.394,0.085 -0.407,-0.737 -0.407,-0.737 0,0 2.514,-44.23 3.246,-54.344 0.52,-13.266 3.252,-11.359 3.252,-11.359 57.622,37.523 94.251,101.482 94.251,175.372 0,20.096 -2.826,39.528 -8.098,57.926 -3.362,11.736 -13.099,41.683 -36.721,71.786 -0.05,0.065 -0.064,0.092 -0.114,0.096 -0.054,0.004 -0.077,-0.028 -0.125,-0.094 -10.354,-14.111 -25.374,-18.802 -27.624,-19.472 -2.228,-0.662 -7.781,-2.087 -14.476,-2.139 -29.136,-0.229 -52.819,22.966 -53.173,52.1 -0.062,5.084 0.598,10.002 1.883,14.66 0.821,2.98 3.307,10.924 9.601,18.826 0.072,0.09 0.13,0.145 0.121,0.199 -0.008,0.054 -0.13,0.091 -0.261,0.147 0,0 -10.331,4.422 -21.152,7.571 -25.416,7.395 -47.267,8.696 -59.299,8.747 -116.336,0.498 -211.274,-94.016 -211.274,-210.353 0,-38.533 15.195,-83.226 17.173,-83.301 1.978,-0.075 2.297,10.447 2.457,14.193 0.16,3.746 2.349,12.263 3.469,17.842 1.12,5.579 2.185,9.32 2.973,12.389 0.787,3.07 6.444,18.034 6.937,20.815 0.494,2.781 0.075,4.731 0,5.948 -0.075,1.217 -0.28,3.539 0,4.956 0.281,1.417 1.599,1.408 1.984,2.477 0.384,1.069 0.128,1.325 0.469,3.709 0.34,2.385 1.321,3.373 2.789,5.988 1.469,2.615 3.189,8.941 4.156,11.924 0.357,1.101 0.817,3.576 0.918,5.097 0.1,1.521 -1.395,5.497 -1.395,5.497 0,0 -1.258,5.905 -1.398,7.177 -0.141,1.272 0.115,2.581 1.398,2.733 0.576,0.117 2.145,-0.962 2.145,-0.962 0,0 4.461,5.183 5.786,6.414 1.326,1.231 2.728,2.377 4.2,3.18 1.786,0.973 3.162,1.277 5.015,1.661 1.05,0.217 2.516,0.168 4.165,0.116 1.648,-0.053 3.66,-0.556 4.954,-0.879 1.293,-0.323 4.328,-1.758 4.328,-1.758 0,0 1.893,0.785 2.862,0.612 1.049,-0.184 1.729,-1.751 2.002,-2.505 0.704,-1.955 3.166,-6.577 2.7,-8.599 -0.147,-0.634 -1.24,-1.296 -1.567,-2.114 -0.581,-1.449 -0.529,-1.865 -0.184,-3.303 0.353,-1.475 1.181,-2.619 1.852,-3.258 0.773,-0.735 2.553,-1.579 3.509,-2.432 0.675,-0.602 0.555,-1.554 0.358,-2.031 -0.338,-0.827 -2.757,-1.647 -3.242,-2.4 -0.267,-0.415 -0.473,-0.848 -0.252,-1.292 0.306,-0.616 3.015,-3.062 0.751,-4.429 -1.641,-0.993 -0.247,-2.287 -0.135,-2.999 0.115,-0.744 0.448,-2.111 -0.682,-3.474 -0.729,-0.88 -3.539,-1.859 -5.014,-1.995 -1.476,-0.136 -2.604,-0.041 -5.342,0.019 -2.737,0.06 -6.419,-3.423 -6.154,-7.218 0.265,-3.795 6.353,-23.977 7.185,-27.258 0.831,-3.281 6.037,-1.948 8.011,-1.764 2.009,0.185 5.983,0.96 7.929,1.487 1.779,0.479 5.246,1.755 6.939,2.477 2.294,0.979 8.87,3.334 8.87,3.334 0,0 -0.969,0.863 -0.214,1.959 0.8,1.16 1.555,1.798 3.195,2.811 1.538,0.95 3.33,1.73 2.555,3.151 -1.141,2.093 -3.109,3.109 -2.896,5.409 0.2,2.166 7.618,10.035 12.095,10.05 1.826,0.006 9.858,-6.443 10.51,-10.081 0.224,-1.257 -2.47,-4.168 -2.713,-5.335 -0.515,-2.47 5.122,-4.205 5.149,-6.047 0.042,-2.896 -2.436,-5.964 -2.436,-5.964 v -4.956 c 0,0 3.357,-5.017 2.757,-6.39 -0.47,-1.079 -4.741,-0.548 -4.741,-0.548 0,0 1.807,-5.702 0.353,-6.348 -3.383,-1.505 -19.959,0.634 -19.959,0.634 l -0.93,-4.791 c 0,0 -0.827,-5.322 -2.3,-10.306 -1.325,-4.485 -5.597,-14.166 -8.026,-15.624 -1.88,-1.127 -3.796,-0.503 -4.888,-0.25 -1.84,0.425 -15.294,9.427 -15.294,9.427 l 0.494,-6.441 1.983,-13.382 c 0,0 5.868,-48.899 4.523,-37.695 -1.344,11.205 0.767,-10.987 2.556,-22.996 1.788,-12.01 2.242,-14.734 5.11,-20.442 1.713,-3.41 3.76,-7.106 7.027,-10.604 3.906,-4.182 11.69,-8.815 17.97,-8.695 0,0 5.985,0.072 7.709,9.59 1.276,7.038 3.372,15.293 3.372,15.293 l 2.889,9.492 3.257,12.393 c 0,0 3.99,13.198 4.672,17.574 0.886,5.678 4.08,20.689 4.08,20.689 l 4.791,18.334 c 1.639,5.366 1.744,14.728 4.016,20.207" + id="path209" /> + </g> + </g> + </g> + </g> + </svg> + ) +} \ No newline at end of file diff --git a/src/components/Logo/logo.svg b/src/components/Logo/logo.svg new file mode 100644 index 0000000..3838266 --- /dev/null +++ b/src/components/Logo/logo.svg @@ -0,0 +1,40 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="75" + height="75" + viewBox="0 0 75 75" + version="1.1" + id="svg5" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs2"> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath43"> + <path + d="M 0,621.937 H 1413.648 V 0 H 0 Z" + id="path41" /> + </clipPath> + </defs> + <g + id="layer1"> + <g + id="g31" + transform="matrix(0.35277777,0,0,-0.35277777,-115.34858,253.07318)"> + <g + id="g37"> + <g + id="g207" + transform="matrix(0.50513462,0,0,0.50513462,406.91702,583.70002)"> + <path + d="m 0,0 c -1.155,1.213 -1.822,3.039 -1.822,3.039 l -1.012,2.276 c 0,0 -0.93,2.244 0,4.605 1.041,2.641 3.477,5.113 3.477,5.113 0,0 2.448,2.523 3.962,5.161 2.206,3.844 3.904,10.899 3.904,10.899 0,0 -2.242,8.549 -2.725,11.366 -0.269,1.571 -1.199,7.498 -1.287,9.091 -0.117,2.13 0.81,2.449 1.525,2.658 0.339,0.099 1.086,0.123 1.419,0 1.698,-0.624 6.377,-7.795 6.377,-7.795 0,0 1.147,-1.723 1.771,-1.772 0.6,-0.046 1.109,1.226 1.328,1.789 0.419,1.071 0.622,4.235 0.622,4.235 v 4.605 c 0,0 -0.104,2.727 0.607,3.36 0.725,0.649 2.083,0.397 2.897,-0.134 1.498,-0.984 3.215,-4.646 3.215,-4.646 0,0 3.629,-5.79 4.879,-5.864 0.923,-0.055 1.146,3.841 1.146,3.841 l 0.735,5.27 c 0,0 0.639,4.184 2.277,3.822 3.239,-0.715 7.209,-11.531 7.209,-11.531 0,0 1.79,-4.749 2.013,-8.644 0.115,-2.05 1.062,-8.149 1.062,-8.149 0,0 -2.901,-2.124 -2.836,-3.188 0.06,-0.942 2.423,-2.812 2.423,-2.812 0,0 2.502,-1.617 2.537,-2.503 0.093,-2.262 -2.479,-2.834 -2.479,-2.834 l 0.708,-3.543 c 0,0 -2.804,-0.626 -2.834,-1.418 -0.02,-0.517 2.674,-1.085 2.674,-1.085 0,0 -1.179,-3.129 -1.255,-4.228 -0.127,-1.788 0.707,-5.173 1.062,-7.088 0.355,-1.915 0.206,-4.905 0.13,-5.958 -0.076,-1.053 -1.531,-2.901 -2.498,-4.61 -1.486,-2.628 -2.364,-4.465 -3.341,-4.411 -1.2,0.188 -1.78,1.541 -2.005,2.139 -0.336,0.893 -1.6,5.856 -2.368,7.886 -0.339,0.896 -1.153,3.116 -1.964,2.83 -0.839,-0.297 0.049,-2.708 0.353,-3.543 0.621,-1.711 1.172,-3.715 1.064,-4.96 -0.156,-1.778 -4.123,-3.436 -4.123,-3.436 l 0.076,-8.952 c 0,0 -0.132,-4.151 0.504,-5.328 0.538,-0.999 3.543,-2.835 3.543,-2.835 l 5.14,-3.516 c 0,0 7.493,-3.882 10.107,-4.583 1.127,-0.302 3.447,-0.807 4.607,-0.709 0.557,0.047 1.603,0.509 2.125,0.709 1.262,0.478 7.193,2.56 7.193,2.56 0,0 0.811,1.663 1.063,1.772 0.252,0.11 3.668,-0.347 3.866,-0.215 0.197,0.133 -2.4,1.794 -2.592,4.519 -0.055,1.133 -0.062,1.696 0.256,3.109 0.234,1.043 1.094,2.338 1.959,3.045 1.247,1.021 2.193,1.043 3.831,1.104 1.036,0.039 2.429,-0.082 3.898,-1.417 0.674,-0.613 1.519,-1.919 1.771,-3.188 0.252,-1.269 0.309,-2.379 0,-3.543 -0.962,-3.624 -3.519,-3.789 -3.283,-3.986 0.383,-0.319 3.4,-0.171 3.638,-0.267 0.238,-0.095 0.707,-2.124 0.707,-2.124 0,0 9.324,-4.997 9.214,-7.762 -0.048,-1.214 -4.254,-0.743 -4.254,-0.743 l -1.417,-22.32 c 0,0 2.905,-2.942 2.853,-3.95 -0.043,-0.836 -2.498,-0.301 -2.498,-0.301 l -24.801,1.417 -7.087,-11.691 c 0,0 -0.629,-1.744 -3.188,0 -4.347,2.962 -15.675,14.311 -15.675,14.311 l 1.881,-15.544 4.179,-24.621 c 0,0 5.459,-18.017 6.872,-24.567 1.56,-7.231 2.494,-11.187 5.557,-16.48 1.625,-2.807 4.6,-5.494 7.027,-6.388 3.898,-1.436 7.599,-1.899 10.604,-1.47 4.601,0.658 8.054,2.725 12.073,8.432 4.048,5.749 4.505,10.309 6.899,18.589 1.467,5.072 4.14,12.924 5.628,17.161 1.488,4.237 4.785,13.629 4.785,13.629 l 9.245,28.49 9.319,39.045 c 0,0 5.701,18.787 7.543,25.067 0.796,2.711 3.167,8.044 3.105,10.87 -0.028,1.228 -0.956,3.416 -1.553,4.66 -0.597,1.243 -0.874,2.006 -1.511,3.147 -0.638,1.14 -1.801,3.399 -1.801,3.399 0,0 -0.447,0.971 -0.706,1.698 -0.432,1.205 -0.474,2.313 0.251,2.719 0.351,0.291 1.013,0.047 1.774,-0.444 1.11,-0.823 3.259,-1.642 4.359,-2.085 0.503,-0.203 1.677,-0.843 1.998,-0.444 0.497,0.618 -0.43,3.064 -1.01,4.1 -0.34,0.605 -0.702,1.458 -1.298,1.813 -0.286,0.169 -0.999,0.018 -1.332,0 -0.947,-0.056 -3.542,-0.19 -4.703,0 -1.61,0.263 -2.696,0.742 -3.917,1.948 -1.074,1.059 -2.495,3.221 -3.196,4.558 -0.545,1.04 -1.331,3.284 -1.554,4.437 -0.241,1.253 -0.663,3.904 -0.221,5.103 0.635,1.72 1.274,2.359 2.455,3.477 0.799,0.755 3.76,2.704 3.76,2.704 l -0.607,1.094 c -0.757,1.312 -1.517,3.94 -1.721,4.765 -0.26,1.057 -0.631,3.14 -0.631,3.14 0,0 -0.372,1.71 -0.449,3.085 -0.078,1.375 -0.111,2.138 0.077,3.253 0.333,1.972 1.608,6.647 10.335,6.041 1.044,0.011 1.752,-0.278 3.386,-1.249 1.661,-0.987 5.801,-5.015 5.801,-5.015 l 1.553,-1.331 c 0,0 1.65,-1.377 1.998,-1.553 0.347,-0.176 0.78,-0.74 2.082,-0.466 1.302,0.274 1.182,0.99 2.623,1.809 0.904,0.513 1.976,1.162 3.925,1.002 0.669,-0.055 1.294,0.004 3.13,-0.83 1.054,-0.48 1.648,-0.913 1.98,-1.214 0.425,-0.384 1.131,-1.091 1.501,-1.661 0.371,-0.57 1.159,-1.996 1.47,-2.651 0.285,-0.607 0.733,-1.861 0.926,-2.364 0.192,-0.502 0.663,-2.471 0.774,-3.164 0.106,-0.657 0.408,-2.074 0.327,-2.982 -0.221,-2.501 -3.324,-4.395 -2.746,-4.041 0.578,0.354 -1.018,-0.57 -1.22,-1.068 -0.225,-0.555 -0.11,-1.683 0.405,-2.127 0.927,-0.799 1.672,-1.177 2.14,-1.438 0.469,-0.26 0.824,-0.577 1.629,-1.054 0.692,-0.409 1.344,-0.972 1.661,-1.245 0.318,-0.273 0.673,-0.546 0.911,-0.908 0.356,-0.54 -0.005,-1.237 -0.227,-1.5 -0.3,-0.361 -0.637,-0.39 -1.084,-0.645 -0.845,-0.482 -0.461,-1.508 -0.243,-1.847 0.277,-0.431 0.964,-1.597 0.982,-2.11 0.015,-0.392 0.136,-1.004 -0.226,-1.155 -0.359,-0.149 -1.64,0.19 -1.716,-0.191 -0.153,-0.763 1.818,-0.639 1.792,-1.029 -0.114,-1.679 -1.829,0.381 -1.72,-2.615 0.021,-0.523 0.346,-2.644 0.119,-3.485 -0.173,-0.639 -0.919,-0.837 -1.352,-0.912 -0.71,-0.124 -2.082,-0.109 -3.64,-0.148 -1.558,-0.04 -4.232,-0.221 -5.288,-0.754 -1.068,-0.54 -1.18,-1.29 -1.12,-2.266 0.036,-0.577 0.116,-1.436 1.3,-2.195 0.547,-0.351 1.202,-0.765 2.234,-1.205 1.076,-0.458 1.118,-0.575 2.108,-1.07 0.938,-0.469 1.733,-1.293 2.311,-1.94 0.579,-0.647 0.811,-1.046 1.334,-1.996 0.523,-0.951 1.005,-2.446 1.114,-3.139 0.128,-0.814 0,-1.533 -0.176,-1.852 -0.296,-0.538 -0.953,-0.928 -1.554,-1.097 -0.373,-0.104 -1.382,-0.126 -1.382,-0.126 l 2.219,-9.316 c 0,0 0.698,-3.975 0.93,-5.197 0.232,-1.222 0.254,-1.768 0.745,-2.768 0.618,-1.256 9.299,-10.17 12.965,-12.666 1.088,-0.739 4.659,-2.44 4.659,-2.44 0,0 6.294,-3.047 8.537,-3.589 1.24,-0.299 3.216,-0.873 4.757,-1.193 1.341,-0.278 4.968,-1.206 6.612,-0.255 0.731,0.423 1.501,1.629 2.052,2.621 0.609,1.096 1.429,1.882 2.667,2.193 0.721,0.182 2.008,0.106 2.008,0.106 l 0.172,3.959 c 0,0 0.202,2.917 0.415,3.13 0.171,0.172 2.615,-0.129 2.952,0.127 0.338,0.256 0.844,2.984 1.136,3.812 0.203,0.574 1.038,2.527 1.512,3.109 0.474,0.582 1.32,1.831 2.342,1.831 1.022,0 1.889,-1.113 2.342,-1.98 0.454,-0.867 1.039,-2.08 1.299,-3.066 0.127,-0.483 0.32,-1.464 0.415,-2.119 0.097,-0.661 -0.056,-1.789 0.201,-1.975 0.257,-0.186 2.521,0.105 2.899,-0.178 0.212,-0.157 0.02,-4.437 0.02,-4.437 l -0.229,-2.961 c 0,0 2.197,-0.092 2.921,-0.361 1.205,-0.447 2.038,-2.025 2.222,-2.49 0.516,-1.3 0.193,-2.359 -0.167,-2.705 -0.535,-0.513 -0.827,-0.625 -1.829,-1.122 -1.002,-0.497 -1.278,-1.077 -1.552,-1.552 -0.318,-0.548 -0.582,-1.814 -0.665,-2.442 -0.169,-1.263 -0.214,-3.844 0,-5.101 0.252,-1.504 1.888,-7.307 2.247,-9.81 0.078,-0.55 0.102,-2.272 -0.037,-2.808 -1.293,-4.974 -7.138,-4.464 -7.138,-4.464 h -6.803 -5.142 c 0,0 -2.58,-0.159 -3.413,0.146 -0.886,0.325 -2.012,1.529 -2.564,2.294 -0.349,0.485 -0.774,1.632 -0.888,2.219 -0.146,0.761 -0.076,2.334 0,3.105 0.157,1.595 1.774,3.106 1.774,3.106 0,0 -1.794,0.814 -2.44,0.888 0,0 -0.685,-1.171 -0.936,-1.703 -0.317,-0.675 -0.815,-1.993 -1.275,-3.858 -0.392,-1.588 -1.182,-4.266 -1.182,-4.266 l -1.487,-5.48 c 0,0 -0.843,-2.492 -1.109,-3.328 -2.49,-7.829 -4.655,-6.432 -5.188,-6.278 -1.196,0.347 -9.231,9.162 -9.231,9.162 0,0 -3.597,3.898 -4.838,5.168 -0.963,0.986 -2.869,3.261 -4.215,3.549 -0.394,0.085 -0.407,-0.737 -0.407,-0.737 0,0 2.514,-44.23 3.246,-54.344 0.52,-13.266 3.252,-11.359 3.252,-11.359 57.622,37.523 94.251,101.482 94.251,175.372 0,20.096 -2.826,39.528 -8.098,57.926 -3.362,11.736 -13.099,41.683 -36.721,71.786 -0.05,0.065 -0.064,0.092 -0.114,0.096 -0.054,0.004 -0.077,-0.028 -0.125,-0.094 -10.354,-14.111 -25.374,-18.802 -27.624,-19.472 -2.228,-0.662 -7.781,-2.087 -14.476,-2.139 -29.136,-0.229 -52.819,22.966 -53.173,52.1 -0.062,5.084 0.598,10.002 1.883,14.66 0.821,2.98 3.307,10.924 9.601,18.826 0.072,0.09 0.13,0.145 0.121,0.199 -0.008,0.054 -0.13,0.091 -0.261,0.147 0,0 -10.331,4.422 -21.152,7.571 -25.416,7.395 -47.267,8.696 -59.299,8.747 -116.336,0.498 -211.274,-94.016 -211.274,-210.353 0,-38.533 15.195,-83.226 17.173,-83.301 1.978,-0.075 2.297,10.447 2.457,14.193 0.16,3.746 2.349,12.263 3.469,17.842 1.12,5.579 2.185,9.32 2.973,12.389 0.787,3.07 6.444,18.034 6.937,20.815 0.494,2.781 0.075,4.731 0,5.948 -0.075,1.217 -0.28,3.539 0,4.956 0.281,1.417 1.599,1.408 1.984,2.477 0.384,1.069 0.128,1.325 0.469,3.709 0.34,2.385 1.321,3.373 2.789,5.988 1.469,2.615 3.189,8.941 4.156,11.924 0.357,1.101 0.817,3.576 0.918,5.097 0.1,1.521 -1.395,5.497 -1.395,5.497 0,0 -1.258,5.905 -1.398,7.177 -0.141,1.272 0.115,2.581 1.398,2.733 0.576,0.117 2.145,-0.962 2.145,-0.962 0,0 4.461,5.183 5.786,6.414 1.326,1.231 2.728,2.377 4.2,3.18 1.786,0.973 3.162,1.277 5.015,1.661 1.05,0.217 2.516,0.168 4.165,0.116 1.648,-0.053 3.66,-0.556 4.954,-0.879 1.293,-0.323 4.328,-1.758 4.328,-1.758 0,0 1.893,0.785 2.862,0.612 1.049,-0.184 1.729,-1.751 2.002,-2.505 0.704,-1.955 3.166,-6.577 2.7,-8.599 -0.147,-0.634 -1.24,-1.296 -1.567,-2.114 -0.581,-1.449 -0.529,-1.865 -0.184,-3.303 0.353,-1.475 1.181,-2.619 1.852,-3.258 0.773,-0.735 2.553,-1.579 3.509,-2.432 0.675,-0.602 0.555,-1.554 0.358,-2.031 -0.338,-0.827 -2.757,-1.647 -3.242,-2.4 -0.267,-0.415 -0.473,-0.848 -0.252,-1.292 0.306,-0.616 3.015,-3.062 0.751,-4.429 -1.641,-0.993 -0.247,-2.287 -0.135,-2.999 0.115,-0.744 0.448,-2.111 -0.682,-3.474 -0.729,-0.88 -3.539,-1.859 -5.014,-1.995 -1.476,-0.136 -2.604,-0.041 -5.342,0.019 -2.737,0.06 -6.419,-3.423 -6.154,-7.218 0.265,-3.795 6.353,-23.977 7.185,-27.258 0.831,-3.281 6.037,-1.948 8.011,-1.764 2.009,0.185 5.983,0.96 7.929,1.487 1.779,0.479 5.246,1.755 6.939,2.477 2.294,0.979 8.87,3.334 8.87,3.334 0,0 -0.969,0.863 -0.214,1.959 0.8,1.16 1.555,1.798 3.195,2.811 1.538,0.95 3.33,1.73 2.555,3.151 -1.141,2.093 -3.109,3.109 -2.896,5.409 0.2,2.166 7.618,10.035 12.095,10.05 1.826,0.006 9.858,-6.443 10.51,-10.081 0.224,-1.257 -2.47,-4.168 -2.713,-5.335 -0.515,-2.47 5.122,-4.205 5.149,-6.047 0.042,-2.896 -2.436,-5.964 -2.436,-5.964 v -4.956 c 0,0 3.357,-5.017 2.757,-6.39 -0.47,-1.079 -4.741,-0.548 -4.741,-0.548 0,0 1.807,-5.702 0.353,-6.348 -3.383,-1.505 -19.959,0.634 -19.959,0.634 l -0.93,-4.791 c 0,0 -0.827,-5.322 -2.3,-10.306 -1.325,-4.485 -5.597,-14.166 -8.026,-15.624 -1.88,-1.127 -3.796,-0.503 -4.888,-0.25 -1.84,0.425 -15.294,9.427 -15.294,9.427 l 0.494,-6.441 1.983,-13.382 c 0,0 5.868,-48.899 4.523,-37.695 -1.344,11.205 0.767,-10.987 2.556,-22.996 1.788,-12.01 2.242,-14.734 5.11,-20.442 1.713,-3.41 3.76,-7.106 7.027,-10.604 3.906,-4.182 11.69,-8.815 17.97,-8.695 0,0 5.985,0.072 7.709,9.59 1.276,7.038 3.372,15.293 3.372,15.293 l 2.889,9.492 3.257,12.393 c 0,0 3.99,13.198 4.672,17.574 0.886,5.678 4.08,20.689 4.08,20.689 l 4.791,18.334 c 1.639,5.366 1.744,14.728 4.016,20.207" + style="fill:#122536;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path209" /> + </g> + </g> + </g> + </g> +</svg> diff --git a/src/components/Logo/logo_with_text.svg b/src/components/Logo/logo_with_text.svg new file mode 100644 index 0000000..67d83c0 --- /dev/null +++ b/src/components/Logo/logo_with_text.svg @@ -0,0 +1,365 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="215mm" + height="75mm" + viewBox="0 0 215 75" + version="1.1" + id="svg5" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs2"> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath43"> + <path + d="M 0,621.937 H 1413.648 V 0 H 0 Z" + id="path41" /> + </clipPath> + </defs> + <g + id="text"> + <g + id="g33" + transform="matrix(0.17820026,0,0,-0.17820026,89.281936,15.123579)"> + <path + d="m 0,0 h 9.787 v -27.001 l 8.826,0.699 L 30.759,0 H 42.031 L 27.264,-30.06 42.643,-59.857 H 31.196 L 18.7,-34.866 9.787,-35.565 V -59.857 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path35" /> + </g> + <g + id="g45" + transform="matrix(0.17820026,0,0,-0.17820026,102.47027,24.278088)"> + <path + d="m 0,0 v 11.447 l -10.049,-0.873 c -3.932,-0.438 -5.942,-2.272 -5.942,-6.205 0,-3.845 1.573,-6.379 5.33,-6.379 3.496,0 8.127,1.136 10.661,2.01 m -25.603,4.107 c 0,9.263 5.068,12.408 14.418,13.195 L 0,18.263 v 3.146 c 0,4.719 -2.01,6.204 -6.292,6.204 -4.282,0 -11.884,-0.524 -16.428,-0.874 l -0.349,6.816 c 4.107,0.961 11.709,2.272 17.564,2.272 10.66,0 15.03,-4.456 15.03,-14.418 V 1.485 c 0.262,-2.621 1.31,-3.582 3.844,-4.019 l -0.262,-7.253 c -2.971,0 -5.155,0.175 -7.078,0.874 -1.66,0.437 -3.146,1.224 -4.544,2.359 -3.058,-1.398 -8.913,-3.233 -14.068,-3.233 -8.651,0 -13.02,4.806 -13.02,13.894" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path47" /> + </g> + <g + id="g49" + transform="matrix(0.17820026,0,0,-0.17820026,106.65841,23.125754)"> + <path + d="m 0,0 v 20.273 h -5.593 v 8.126 H 0 V 41.07 H 9.525 V 28.399 H 21.497 V 20.273 H 9.525 V 1.049 c 0,-6.554 0.175,-8.826 4.719,-8.826 1.748,0 5.068,0.175 7.165,0.349 l 0.437,-7.689 c -2.534,-0.525 -6.641,-1.136 -8.913,-1.136 C 3.058,-16.253 0,-12.583 0,0" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path51" /> + </g> + <g + id="g53" + transform="matrix(0.17820026,0,0,-0.17820026,111.87465,14.826061)"> + <path + d="m 0,0 h 9.525 v -20.448 c 2.795,1.399 7.951,3.233 11.971,3.233 12.146,0 15.117,-6.903 15.117,-21.234 v -23.418 h -9.525 v 23.156 c 0,8.651 -1.049,12.933 -7.776,12.933 -3.496,0 -7.603,-1.049 -9.787,-1.922 V -61.867 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path55" /> + </g> + <g + id="g57" + transform="matrix(0.17820026,0,0,-0.17820026,125.21893,21.911179)"> + <path + d="m 0,0 c 0,10.049 -2.097,14.418 -9.787,14.418 -7.602,0 -9.786,-4.369 -9.786,-14.418 0,-10.136 1.747,-14.942 9.786,-14.942 C -1.661,-14.942 0,-10.136 0,0 m -29.273,0 c 0,14.156 4.893,22.545 19.486,22.545 C 4.894,22.545 9.7,14.156 9.7,0 c 0,-14.506 -4.457,-23.069 -19.487,-23.069 -14.942,0 -19.486,8.563 -19.486,23.069" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path59" /> + </g> + <path + d="m 128.72217,14.826061 h 1.69736 v 11.024714 h -1.69736 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path61" /> + <path + d="m 132.58377,18.065026 h 1.69735 v 7.785749 h -1.69735 z m 0,-3.114403 h 1.69735 v 1.806236 h -1.69735 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path63" /> + <g + id="g65" + transform="matrix(0.17820026,0,0,-0.17820026,136.05582,25.679544)"> + <path + d="m 0,0 0.349,8.039 c 4.544,-0.611 11.71,-1.398 14.943,-1.398 6.291,0 8.738,1.311 8.738,5.068 0,3.059 -1.485,4.02 -10.136,5.418 -9.612,1.573 -14.506,3.67 -14.506,12.933 0,9.874 7.69,13.544 16.341,13.544 4.719,0 12.146,-1.048 16.515,-1.922 L 32.07,33.73 c -4.457,0.611 -11.797,1.398 -15.642,1.398 -5.243,0 -7.515,-1.311 -7.515,-4.806 0,-2.884 1.835,-3.67 10.311,-5.156 C 29.71,23.331 33.555,20.71 33.555,11.971 33.555,1.748 27.001,-1.922 16.166,-1.922 11.709,-1.922 4.369,-0.874 0,0" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path67" /> + </g> + <g + id="g69" + transform="matrix(0.17820026,0,0,-0.17820026,143.31167,21.848878)"> + <path + d="m 0,0 c 0,15.641 5.243,22.195 18.264,22.195 3.407,0 9.437,-0.961 13.107,-1.66 l -0.35,-7.602 C 28.05,13.195 23.244,13.632 20.798,13.632 11.709,13.632 9.7,9.961 9.7,0 c 0,-11.185 1.748,-14.855 11.185,-14.855 2.447,0 7.253,0.437 10.223,0.699 l 0.263,-7.69 C 27.613,-22.545 21.409,-23.419 18.089,-23.419 4.631,-23.419 0,-16.777 0,0" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path71" /> + </g> + <g + id="g73" + transform="matrix(0.17820026,0,0,-0.17820026,150.53648,14.826061)"> + <path + d="m 0,0 h 9.525 v -20.448 c 2.795,1.399 7.951,3.233 11.971,3.233 12.146,0 15.117,-6.903 15.117,-21.234 v -23.418 h -9.525 v 23.156 c 0,8.651 -1.049,12.933 -7.776,12.933 -3.496,0 -7.603,-1.049 -9.787,-1.922 V -61.867 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path75" /> + </g> + <g + id="g77" + transform="matrix(0.17820026,0,0,-0.17820026,163.63163,21.366187)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.622 -8.913,11.622 -6.467,0 -9.262,-3.321 -9.35,-11.622 z m -27.875,-3.757 c 0,15.991 6.903,23.243 18.962,23.243 12.233,0 18.35,-6.379 18.35,-20.01 L 8.826,-7.34 h -27.001 c 0,-6.991 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.437 16.166,0.787 l 0.175,-7.166 c -4.281,-0.874 -12.058,-2.009 -17.739,-2.009 -13.107,0 -18.175,6.99 -18.175,22.37" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path79" /> + </g> + <g + id="g81" + transform="matrix(0.17820026,0,0,-0.17820026,174.46853,21.023632)"> + <path + d="m 0,0 c 7.165,0 10.486,4.369 10.486,12.583 0,8.214 -3.321,11.71 -10.486,11.71 H -12.059 V 0 Z M -21.846,32.769 H 0.088 c 13.631,0 20.36,-6.641 20.36,-20.186 0,-13.457 -6.729,-21.059 -20.36,-21.059 h -12.147 v -18.613 h -9.787 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path83" /> + </g> + <g + id="g85" + transform="matrix(0.17820026,0,0,-0.17820026,179.9337,19.513154)"> + <path + d="M 0,0 H -5.068 V 8.127 H 0 v 2.796 c 0,12.583 3.233,16.341 12.32,16.341 2.185,0 6.641,-0.525 9.526,-0.962 L 21.671,18.525 C 19.836,18.613 16.602,18.7 14.68,18.7 10.748,18.7 9.524,16.777 9.524,10.835 V 8.127 H 20.971 V 0 H 9.524 V -35.565 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path87" /> + </g> + <g + id="g89" + transform="matrix(0.17820026,0,0,-0.17820026,189.02718,24.278088)"> + <path + d="m 0,0 v 11.447 l -10.049,-0.873 c -3.933,-0.438 -5.942,-2.272 -5.942,-6.205 0,-3.845 1.573,-6.379 5.33,-6.379 3.496,0 8.127,1.136 10.661,2.01 m -25.603,4.107 c 0,9.263 5.068,12.408 14.418,13.195 L 0,18.263 v 3.146 c 0,4.719 -2.01,6.204 -6.292,6.204 -4.281,0 -11.883,-0.524 -16.428,-0.874 l -0.349,6.816 c 4.107,0.961 11.709,2.272 17.564,2.272 10.661,0 15.03,-4.456 15.03,-14.418 V 1.485 c 0.262,-2.621 1.31,-3.582 3.845,-4.019 l -0.263,-7.253 c -2.971,0 -5.155,0.175 -7.078,0.874 -1.66,0.437 -3.146,1.224 -4.544,2.359 -3.058,-1.398 -8.913,-3.233 -14.068,-3.233 -8.651,0 -13.02,4.806 -13.02,13.894" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path91" /> + </g> + <g + id="g93" + transform="matrix(0.17820026,0,0,-0.17820026,192.85731,18.064991)"> + <path + d="m 0,0 h 9.525 v -5.156 c 3.145,2.01 9.437,5.069 14.767,6.117 V -8.651 C 18.525,-9.7 12.495,-11.884 9.525,-13.195 V -43.691 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path95" /> + </g> + <g + id="g97" + transform="matrix(0.17820026,0,0,-0.17820026,198.47827,18.064991)"> + <path + d="m 0,0 h 9.525 v -5.156 c 3.146,2.01 9.437,5.069 14.767,6.117 V -8.651 C 18.525,-9.7 12.495,-11.884 9.525,-13.195 V -43.691 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path99" /> + </g> + <g + id="g101" + transform="matrix(0.17820026,0,0,-0.17820026,208.6306,21.366187)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.622 -8.913,11.622 -6.467,0 -9.262,-3.321 -9.35,-11.622 z m -27.875,-3.757 c 0,15.991 6.903,23.243 18.962,23.243 12.233,0 18.35,-6.379 18.35,-20.01 L 8.826,-7.34 h -27.001 c 0,-6.991 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.437 16.166,0.787 l 0.175,-7.166 C 3.758,-24.992 -4.02,-26.127 -9.7,-26.127 c -13.107,0 -18.175,6.99 -18.175,22.37" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path103" /> + </g> + <path + d="m 211.94686,18.065026 h 1.69735 v 7.785749 h -1.69735 z m 0,-3.114403 h 1.69735 v 1.806236 h -1.69735 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path105" /> + <g + id="g107" + transform="matrix(0.17820026,0,0,-0.17820026,89.530796,35.00145)"> + <path + d="m 0,0 h 9.787 v -25.516 h 25.69 V 0 h 9.874 V -59.857 H 35.477 V -34.08 H 9.787 V -59.857 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path109" /> + </g> + <g + id="g111" + transform="matrix(0.17820026,0,0,-0.17820026,104.35428,41.183499)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.623 -8.913,11.623 -6.467,0 -9.263,-3.321 -9.35,-11.623 z m -27.875,-3.757 c 0,15.991 6.903,23.244 18.962,23.244 12.234,0 18.35,-6.379 18.35,-20.011 L 8.826,-7.34 h -27.002 c 0,-6.99 2.622,-10.399 9.875,-10.399 5.068,0 12.233,0.438 16.165,0.787 l 0.175,-7.165 c -4.282,-0.874 -12.059,-2.01 -17.739,-2.01 -13.107,0 -18.175,6.99 -18.175,22.37" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path113" /> + </g> + <path + d="m 107.67048,37.882325 h 1.69736 v 7.785745 h -1.69736 z m 0,-3.114587 h 1.69736 v 1.80624 h -1.69736 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path115" /> + <path + d="m 111.53208,34.643355 h 1.69735 V 45.66807 h -1.69735 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path117" /> + <path + d="m 115.39368,37.882325 h 1.69735 v 7.785745 h -1.69735 z m 0,-3.114587 h 1.69735 v 1.80624 h -1.69735 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path119" /> + <g + id="g121" + transform="matrix(0.17820026,0,0,-0.17820026,123.45941,40.436023)"> + <path + d="m 0,0 c 0,5.243 -2.272,7.69 -8.127,7.69 -5.592,0 -7.951,-2.447 -7.951,-7.69 0,-5.33 2.359,-7.777 7.951,-7.777 C -2.272,-7.777 0,-5.33 0,0 m 4.456,-35.827 c 0,4.719 -2.184,5.243 -9.262,5.33 -2.009,0 -6.029,0.263 -8.563,0.525 -2.36,-2.01 -3.409,-3.495 -3.409,-6.205 0,-3.932 2.885,-5.592 10.749,-5.592 6.99,0 10.485,1.748 10.485,5.942 m -30.671,-1.223 c 0,4.456 2.185,7.165 6.642,10.573 -1.836,1.224 -2.971,3.67 -2.971,6.379 0,1.486 1.834,4.806 3.232,6.991 -3.32,1.922 -6.291,5.243 -6.291,13.107 0,11.011 7.428,15.205 17.476,15.205 2.885,0 6.817,-0.612 8.914,-1.136 l 13.631,0.349 V 6.729 L 7.078,7.078 C 8.214,5.68 9.438,3.408 9.438,0 c 0,-11.884 -6.117,-15.117 -17.826,-15.117 -0.875,0 -2.971,0.175 -3.846,0.349 -0.524,-1.31 -1.135,-3.32 -1.135,-4.107 0,-2.796 0.874,-3.32 9.349,-3.408 13.807,-0.087 18.089,-2.97 18.089,-13.019 0,-10.312 -8.477,-14.331 -20.186,-14.331 -13.195,0 -20.098,2.621 -20.098,12.583" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path123" /> + </g> + <g + id="g125" + transform="matrix(0.17820026,0,0,-0.17820026,131.94551,41.183499)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.623 -8.913,11.623 -6.467,0 -9.262,-3.321 -9.35,-11.623 z m -27.875,-3.757 c 0,15.991 6.903,23.244 18.962,23.244 12.233,0 18.35,-6.379 18.35,-20.011 L 8.826,-7.34 h -27.001 c 0,-6.99 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.438 16.166,0.787 l 0.175,-7.165 c -4.281,-0.874 -12.059,-2.01 -17.739,-2.01 -13.107,0 -18.175,6.99 -18.175,22.37" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path127" /> + </g> + <g + id="g129" + transform="matrix(0.17820026,0,0,-0.17820026,142.56448,44.142052)"> + <path + d="M 0,0 C 12.059,0 13.981,9.263 13.981,22.37 13.981,35.477 12.059,42.731 0,42.731 H -10.836 V 0 Z M -20.623,51.294 H 0 C 19.399,51.294 24.03,41.07 24.03,22.37 24.03,3.321 19.836,-8.563 0,-8.563 h -20.623 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path131" /> + </g> + <g + id="g133" + transform="matrix(0.17820026,0,0,-0.17820026,148.66782,37.88225)"> + <path + d="m 0,0 h 9.525 v -5.156 c 3.145,2.01 9.437,5.068 14.767,6.117 V -8.651 C 18.525,-9.7 12.495,-11.884 9.525,-13.195 V -43.691 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path135" /> + </g> + <g + id="g137" + transform="matrix(0.17820026,0,0,-0.17820026,158.82012,41.183499)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.623 -8.913,11.623 -6.467,0 -9.262,-3.321 -9.35,-11.623 z m -27.875,-3.757 c 0,15.991 6.903,23.244 18.962,23.244 12.233,0 18.35,-6.379 18.35,-20.011 L 8.826,-7.34 h -27.001 c 0,-6.99 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.438 16.166,0.787 l 0.175,-7.165 c -4.281,-0.874 -12.059,-2.01 -17.739,-2.01 -13.107,0 -18.175,6.99 -18.175,22.37" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path139" /> + </g> + <path + d="m 162.1365,37.882325 h 1.69718 v 7.785745 h -1.69718 z m 0,-3.114587 h 1.69718 v 1.80624 h -1.69718 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path141" /> + <g + id="g143" + transform="matrix(0.17820026,0,0,-0.17820026,169.53213,35.00145)"> + <path + d="m 0,0 h 9.787 v -27.002 l 8.826,0.7 L 30.759,0 H 42.032 L 27.264,-30.06 42.643,-59.857 H 31.196 L 18.7,-34.866 9.787,-35.565 V -59.857 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path145" /> + </g> + <path + d="m 182.05127,34.440921 h 1.61948 v 1.775051 h -1.61948 z m 0.94981,7.2875 c 0,-1.790736 -0.37369,-2.569295 -1.74405,-2.569295 -1.35468,0 -1.74387,0.778559 -1.74387,2.569295 0,1.806416 0.31132,2.662667 1.74387,2.662667 1.44823,0 1.74405,-0.856251 1.74405,-2.662667 m -4.21979,-7.2875 h 1.63499 v 1.775051 h -1.63499 z m -0.99667,7.2875 c 0,-2.522605 0.87211,-4.017525 3.47241,-4.017525 2.61616,0 3.47259,1.49492 3.47259,4.017525 0,2.584972 -0.79406,4.110901 -3.47259,4.110901 -2.66267,0 -3.47241,-1.525929 -3.47241,-4.110901" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path147" /> + <g + id="g149" + transform="matrix(0.17820026,0,0,-0.17820026,186.41076,37.88225)"> + <path + d="m 0,0 h 9.525 v -2.709 c 2.709,1.573 7.864,3.67 11.971,3.67 12.146,0 15.117,-6.903 15.117,-21.234 v -23.418 h -9.525 v 23.156 c 0,8.651 -1.048,12.933 -7.689,12.933 -3.67,0 -7.777,-1.224 -9.874,-2.273 V -43.691 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path151" /> + </g> + <path + d="m 194.91234,37.882325 h 1.69735 v 7.785745 h -1.69735 z m 0,-3.114587 h 1.69735 v 1.80624 h -1.69735 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path153" /> + <g + id="g155" + transform="matrix(0.17820026,0,0,-0.17820026,202.97818,40.436023)"> + <path + d="m 0,0 c 0,5.243 -2.272,7.69 -8.127,7.69 -5.592,0 -7.951,-2.447 -7.951,-7.69 0,-5.33 2.359,-7.777 7.951,-7.777 C -2.272,-7.777 0,-5.33 0,0 m 4.456,-35.827 c 0,4.719 -2.184,5.243 -9.262,5.33 -2.009,0 -6.029,0.263 -8.563,0.525 -2.36,-2.01 -3.408,-3.495 -3.408,-6.205 0,-3.932 2.884,-5.592 10.748,-5.592 6.99,0 10.485,1.748 10.485,5.942 m -30.67,-1.223 c 0,4.456 2.183,7.165 6.641,10.573 -1.836,1.224 -2.971,3.67 -2.971,6.379 0,1.486 1.834,4.806 3.232,6.991 -3.32,1.922 -6.291,5.243 -6.291,13.107 0,11.011 7.428,15.205 17.476,15.205 2.885,0 6.817,-0.612 8.914,-1.136 l 13.631,0.349 V 6.729 L 7.078,7.078 C 8.214,5.68 9.438,3.408 9.438,0 c 0,-11.884 -6.117,-15.117 -17.826,-15.117 -0.875,0 -2.971,0.175 -3.846,0.349 -0.524,-1.31 -1.135,-3.32 -1.135,-4.107 0,-2.796 0.874,-3.32 9.349,-3.408 13.807,-0.087 18.089,-2.97 18.089,-13.019 0,-10.312 -8.476,-14.331 -20.186,-14.331 -13.195,0 -20.097,2.621 -20.097,12.583" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path157" /> + </g> + <g + id="g159" + transform="matrix(0.17820026,0,0,-0.17820026,211.46415,41.183499)"> + <path + d="m 0,0 c 0,8.651 -2.534,11.623 -8.913,11.623 -6.467,0 -9.262,-3.321 -9.35,-11.623 z m -27.875,-3.757 c 0,15.991 6.903,23.244 18.962,23.244 12.233,0 18.35,-6.379 18.35,-20.011 L 8.826,-7.34 h -27.001 c 0,-6.99 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.438 16.166,0.787 l 0.175,-7.165 c -4.281,-0.874 -12.059,-2.01 -17.738,-2.01 -13.108,0 -18.176,6.99 -18.176,22.37" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path161" /> + </g> + <g + id="g163" + transform="matrix(0.17820026,0,0,-0.17820026,89.530796,54.818635)"> + <path + d="m 0,0 h 17.04 l 18.088,-51.294 h 1.223 V 0 h 9.787 V -59.857 H 29.448 L 11.01,-8.563 H 9.787 V -59.857 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path165" /> + </g> + <g + id="g167" + transform="matrix(0.17820026,0,0,-0.17820026,104.75915,61.545483)"> + <path + d="m 0,0 c 0,10.049 -2.097,14.418 -9.787,14.418 -7.602,0 -9.787,-4.369 -9.787,-14.418 0,-10.137 1.748,-14.943 9.787,-14.943 C -1.66,-14.943 0,-10.137 0,0 m -29.273,0 c 0,14.156 4.893,22.544 19.486,22.544 C 4.894,22.544 9.7,14.156 9.7,0 c 0,-14.506 -4.457,-23.069 -19.487,-23.069 -14.942,0 -19.486,8.563 -19.486,23.069" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path169" /> + </g> + <g + id="g171" + transform="matrix(0.17820026,0,0,-0.17820026,108.16889,57.699369)"> + <path + d="m 0,0 h 9.525 v -5.156 c 3.145,2.01 9.437,5.068 14.767,6.117 V -8.651 C 18.525,-9.7 12.495,-11.884 9.525,-13.195 V -43.691 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path173" /> + </g> + <g + id="g175" + transform="matrix(0.17820026,0,0,-0.17820026,118.36786,63.756715)"> + <path + d="m 0,0 v 25.778 c -2.097,0.35 -6.379,0.874 -9.263,0.874 -6.466,0 -9.174,-4.631 -9.174,-14.593 0,-11.098 2.971,-14.156 8.301,-14.156 3.582,0 7.952,1.223 10.136,2.097 m -28.137,12.059 c 0,15.816 5.679,22.894 18.176,22.894 2.796,0 7.427,-0.699 9.961,-1.136 v 18.35 H 9.525 V -9.7 H 0.087 v 2.273 c -2.709,-1.399 -7.864,-3.234 -11.709,-3.234 -11.272,0 -16.515,5.942 -16.515,22.72" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path177" /> + </g> + <path + d="m 122.04233,60.502174 h 4.65584 v 1.557112 h -4.65584 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path179" /> + <g + id="g181" + transform="matrix(0.17820026,0,0,-0.17820026,128.87779,54.818635)"> + <path + d="m 0,0 h 17.04 l 18.088,-51.294 h 1.224 V 0 h 9.787 V -59.857 H 29.449 L 11.011,-8.563 H 9.787 V -59.857 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path183" /> + </g> + <g + id="g185" + transform="matrix(0.17820026,0,0,-0.17820026,143.85709,61.000476)"> + <path + d="m 0,0 c 0,8.65 -2.534,11.622 -8.913,11.622 -6.467,0 -9.262,-3.321 -9.35,-11.622 z m -27.875,-3.758 c 0,15.991 6.903,23.244 18.962,23.244 12.233,0 18.35,-6.379 18.35,-20.01 L 8.826,-7.34 h -27.001 c 0,-6.991 2.621,-10.399 9.873,-10.399 5.069,0 12.234,0.437 16.166,0.786 l 0.175,-7.165 c -4.281,-0.874 -12.059,-2.01 -17.739,-2.01 -13.107,0 -18.175,6.991 -18.175,22.37" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path187" /> + </g> + <g + id="g189" + transform="matrix(0.17820026,0,0,-0.17820026,147.09541,61.763545)"> + <path + d="M 0,0 V 22.807 H 9.525 V -0.088 c 0,-9.524 0.698,-13.194 7.339,-13.194 4.02,0 7.953,1.223 9.962,2.272 v 33.817 h 9.525 v -43.692 h -9.437 v 2.71 C 22.632,-20.448 19.137,-21.846 14.156,-21.846 2.621,-21.846 0,-14.506 0,0" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path191" /> + </g> + <g + id="g193" + transform="matrix(0.17820026,0,0,-0.17820026,155.64377,54.460488)"> + <path + d="m 0,0 h 9.525 v -35.739 l 5.505,0.524 10.223,17.04 H 36.002 L 23.419,-38.623 36.613,-61.867 H 25.865 L 15.292,-43.429 9.525,-44.041 V -61.867 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path195" /> + </g> + <path + d="m 167.1507,54.258036 h 1.61948 v 1.775054 h -1.61948 z m 0.94981,7.2875 c 0,-1.790736 -0.37369,-2.569292 -1.74405,-2.569292 -1.35468,0 -1.74387,0.778556 -1.74387,2.569292 0,1.806416 0.31132,2.662667 1.74387,2.662667 1.44805,0 1.74405,-0.856251 1.74405,-2.662667 m -4.21997,-7.2875 h 1.63499 v 1.775054 h -1.63499 z m -0.99649,7.2875 c 0,-2.522601 0.87193,-4.017525 3.47241,-4.017525 2.61616,0 3.47241,1.494924 3.47241,4.017525 0,2.584972 -0.79406,4.110901 -3.47241,4.110901 -2.66267,0 -3.47241,-1.525929 -3.47241,-4.110901" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path197" /> + <path + d="m 171.60374,54.46047 h 1.69736 v 11.024718 h -1.69736 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path199" /> + <path + d="m 175.55854,54.46047 h 1.69736 v 11.024718 h -1.69736 z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1782" + id="path201" /> + <g + id="g203" + transform="matrix(0.17820026,0,0,-0.17820026,179.42,57.699369)"> + <path + d="m 0,0 h 9.525 v -2.709 c 2.709,1.573 7.864,3.67 11.971,3.67 12.146,0 15.117,-6.903 15.117,-21.234 v -23.418 h -9.525 v 23.156 c 0,8.651 -1.049,12.933 -7.689,12.933 -3.67,0 -7.777,-1.224 -9.874,-2.273 V -43.691 H 0 Z" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path205" /> + </g> + </g> + <g + id="logo" + transform="matrix(0.17820026,0,0,-0.17820026,28.796671,47.250631)"> + <path + d="m 0,0 c -1.155,1.213 -1.822,3.039 -1.822,3.039 l -1.012,2.276 c 0,0 -0.93,2.244 0,4.605 1.041,2.641 3.477,5.113 3.477,5.113 0,0 2.448,2.523 3.962,5.161 2.206,3.844 3.904,10.899 3.904,10.899 0,0 -2.242,8.549 -2.725,11.366 -0.269,1.571 -1.199,7.498 -1.287,9.091 -0.117,2.13 0.81,2.449 1.525,2.658 0.339,0.099 1.086,0.123 1.419,0 1.698,-0.624 6.377,-7.795 6.377,-7.795 0,0 1.147,-1.723 1.771,-1.772 0.6,-0.046 1.109,1.226 1.328,1.789 0.419,1.071 0.622,4.235 0.622,4.235 v 4.605 c 0,0 -0.104,2.727 0.607,3.36 0.725,0.649 2.083,0.397 2.897,-0.134 1.498,-0.984 3.215,-4.646 3.215,-4.646 0,0 3.629,-5.79 4.879,-5.864 0.923,-0.055 1.146,3.841 1.146,3.841 l 0.735,5.27 c 0,0 0.639,4.184 2.277,3.822 3.239,-0.715 7.209,-11.531 7.209,-11.531 0,0 1.79,-4.749 2.013,-8.644 0.115,-2.05 1.062,-8.149 1.062,-8.149 0,0 -2.901,-2.124 -2.836,-3.188 0.06,-0.942 2.423,-2.812 2.423,-2.812 0,0 2.502,-1.617 2.537,-2.503 0.093,-2.262 -2.479,-2.834 -2.479,-2.834 l 0.708,-3.543 c 0,0 -2.804,-0.626 -2.834,-1.418 -0.02,-0.517 2.674,-1.085 2.674,-1.085 0,0 -1.179,-3.129 -1.255,-4.228 -0.127,-1.788 0.707,-5.173 1.062,-7.088 0.355,-1.915 0.206,-4.905 0.13,-5.958 -0.076,-1.053 -1.531,-2.901 -2.498,-4.61 -1.486,-2.628 -2.364,-4.465 -3.341,-4.411 -1.2,0.188 -1.78,1.541 -2.005,2.139 -0.336,0.893 -1.6,5.856 -2.368,7.886 -0.339,0.896 -1.153,3.116 -1.964,2.83 -0.839,-0.297 0.049,-2.708 0.353,-3.543 0.621,-1.711 1.172,-3.715 1.064,-4.96 -0.156,-1.778 -4.123,-3.436 -4.123,-3.436 l 0.076,-8.952 c 0,0 -0.132,-4.151 0.504,-5.328 0.538,-0.999 3.543,-2.835 3.543,-2.835 l 5.14,-3.516 c 0,0 7.493,-3.882 10.107,-4.583 1.127,-0.302 3.447,-0.807 4.607,-0.709 0.557,0.047 1.603,0.509 2.125,0.709 1.262,0.478 7.193,2.56 7.193,2.56 0,0 0.811,1.663 1.063,1.772 0.252,0.11 3.668,-0.347 3.866,-0.215 0.197,0.133 -2.4,1.794 -2.592,4.519 -0.055,1.133 -0.062,1.696 0.256,3.109 0.234,1.043 1.094,2.338 1.959,3.045 1.247,1.021 2.193,1.043 3.831,1.104 1.036,0.039 2.429,-0.082 3.898,-1.417 0.674,-0.613 1.519,-1.919 1.771,-3.188 0.252,-1.269 0.309,-2.379 0,-3.543 -0.962,-3.624 -3.519,-3.789 -3.283,-3.986 0.383,-0.319 3.4,-0.171 3.638,-0.267 0.238,-0.095 0.707,-2.124 0.707,-2.124 0,0 9.324,-4.997 9.214,-7.762 -0.048,-1.214 -4.254,-0.743 -4.254,-0.743 l -1.417,-22.32 c 0,0 2.905,-2.942 2.853,-3.95 -0.043,-0.836 -2.498,-0.301 -2.498,-0.301 l -24.801,1.417 -7.087,-11.691 c 0,0 -0.629,-1.744 -3.188,0 -4.347,2.962 -15.675,14.311 -15.675,14.311 l 1.881,-15.544 4.179,-24.621 c 0,0 5.459,-18.017 6.872,-24.567 1.56,-7.231 2.494,-11.187 5.557,-16.48 1.625,-2.807 4.6,-5.494 7.027,-6.388 3.898,-1.436 7.599,-1.899 10.604,-1.47 4.601,0.658 8.054,2.725 12.073,8.432 4.048,5.749 4.505,10.309 6.899,18.589 1.467,5.072 4.14,12.924 5.628,17.161 1.488,4.237 4.785,13.629 4.785,13.629 l 9.245,28.49 9.319,39.045 c 0,0 5.701,18.787 7.543,25.067 0.796,2.711 3.167,8.044 3.105,10.87 -0.028,1.228 -0.956,3.416 -1.553,4.66 -0.597,1.243 -0.874,2.006 -1.511,3.147 -0.638,1.14 -1.801,3.399 -1.801,3.399 0,0 -0.447,0.971 -0.706,1.698 -0.432,1.205 -0.474,2.313 0.251,2.719 0.351,0.291 1.013,0.047 1.774,-0.444 1.11,-0.823 3.259,-1.642 4.359,-2.085 0.503,-0.203 1.677,-0.843 1.998,-0.444 0.497,0.618 -0.43,3.064 -1.01,4.1 -0.34,0.605 -0.702,1.458 -1.298,1.813 -0.286,0.169 -0.999,0.018 -1.332,0 -0.947,-0.056 -3.542,-0.19 -4.703,0 -1.61,0.263 -2.696,0.742 -3.917,1.948 -1.074,1.059 -2.495,3.221 -3.196,4.558 -0.545,1.04 -1.331,3.284 -1.554,4.437 -0.241,1.253 -0.663,3.904 -0.221,5.103 0.635,1.72 1.274,2.359 2.455,3.477 0.799,0.755 3.76,2.704 3.76,2.704 l -0.607,1.094 c -0.757,1.312 -1.517,3.94 -1.721,4.765 -0.26,1.057 -0.631,3.14 -0.631,3.14 0,0 -0.372,1.71 -0.449,3.085 -0.078,1.375 -0.111,2.138 0.077,3.253 0.333,1.972 1.608,6.647 10.335,6.041 1.044,0.011 1.752,-0.278 3.386,-1.249 1.661,-0.987 5.801,-5.015 5.801,-5.015 l 1.553,-1.331 c 0,0 1.65,-1.377 1.998,-1.553 0.347,-0.176 0.78,-0.74 2.082,-0.466 1.302,0.274 1.182,0.99 2.623,1.809 0.904,0.513 1.976,1.162 3.925,1.002 0.669,-0.055 1.294,0.004 3.13,-0.83 1.054,-0.48 1.648,-0.913 1.98,-1.214 0.425,-0.384 1.131,-1.091 1.501,-1.661 0.371,-0.57 1.159,-1.996 1.47,-2.651 0.285,-0.607 0.733,-1.861 0.926,-2.364 0.192,-0.502 0.663,-2.471 0.774,-3.164 0.106,-0.657 0.408,-2.074 0.327,-2.982 -0.221,-2.501 -3.324,-4.395 -2.746,-4.041 0.578,0.354 -1.018,-0.57 -1.22,-1.068 -0.225,-0.555 -0.11,-1.683 0.405,-2.127 0.927,-0.799 1.672,-1.177 2.14,-1.438 0.469,-0.26 0.824,-0.577 1.629,-1.054 0.692,-0.409 1.344,-0.972 1.661,-1.245 0.318,-0.273 0.673,-0.546 0.911,-0.908 0.356,-0.54 -0.005,-1.237 -0.227,-1.5 -0.3,-0.361 -0.637,-0.39 -1.084,-0.645 -0.845,-0.482 -0.461,-1.508 -0.243,-1.847 0.277,-0.431 0.964,-1.597 0.982,-2.11 0.015,-0.392 0.136,-1.004 -0.226,-1.155 -0.359,-0.149 -1.64,0.19 -1.716,-0.191 -0.153,-0.763 1.818,-0.639 1.792,-1.029 -0.114,-1.679 -1.829,0.381 -1.72,-2.615 0.021,-0.523 0.346,-2.644 0.119,-3.485 -0.173,-0.639 -0.919,-0.837 -1.352,-0.912 -0.71,-0.124 -2.082,-0.109 -3.64,-0.148 -1.558,-0.04 -4.232,-0.221 -5.288,-0.754 -1.068,-0.54 -1.18,-1.29 -1.12,-2.266 0.036,-0.577 0.116,-1.436 1.3,-2.195 0.547,-0.351 1.202,-0.765 2.234,-1.205 1.076,-0.458 1.118,-0.575 2.108,-1.07 0.938,-0.469 1.733,-1.293 2.311,-1.94 0.579,-0.647 0.811,-1.046 1.334,-1.996 0.523,-0.951 1.005,-2.446 1.114,-3.139 0.128,-0.814 0,-1.533 -0.176,-1.852 -0.296,-0.538 -0.953,-0.928 -1.554,-1.097 -0.373,-0.104 -1.382,-0.126 -1.382,-0.126 l 2.219,-9.316 c 0,0 0.698,-3.975 0.93,-5.197 0.232,-1.222 0.254,-1.768 0.745,-2.768 0.618,-1.256 9.299,-10.17 12.965,-12.666 1.088,-0.739 4.659,-2.44 4.659,-2.44 0,0 6.294,-3.047 8.537,-3.589 1.24,-0.299 3.216,-0.873 4.757,-1.193 1.341,-0.278 4.968,-1.206 6.612,-0.255 0.731,0.423 1.501,1.629 2.052,2.621 0.609,1.096 1.429,1.882 2.667,2.193 0.721,0.182 2.008,0.106 2.008,0.106 l 0.172,3.959 c 0,0 0.202,2.917 0.415,3.13 0.171,0.172 2.615,-0.129 2.952,0.127 0.338,0.256 0.844,2.984 1.136,3.812 0.203,0.574 1.038,2.527 1.512,3.109 0.474,0.582 1.32,1.831 2.342,1.831 1.022,0 1.889,-1.113 2.342,-1.98 0.454,-0.867 1.039,-2.08 1.299,-3.066 0.127,-0.483 0.32,-1.464 0.415,-2.119 0.097,-0.661 -0.056,-1.789 0.201,-1.975 0.257,-0.186 2.521,0.105 2.899,-0.178 0.212,-0.157 0.02,-4.437 0.02,-4.437 l -0.229,-2.961 c 0,0 2.197,-0.092 2.921,-0.361 1.205,-0.447 2.038,-2.025 2.222,-2.49 0.516,-1.3 0.193,-2.359 -0.167,-2.705 -0.535,-0.513 -0.827,-0.625 -1.829,-1.122 -1.002,-0.497 -1.278,-1.077 -1.552,-1.552 -0.318,-0.548 -0.582,-1.814 -0.665,-2.442 -0.169,-1.263 -0.214,-3.844 0,-5.101 0.252,-1.504 1.888,-7.307 2.247,-9.81 0.078,-0.55 0.102,-2.272 -0.037,-2.808 -1.293,-4.974 -7.138,-4.464 -7.138,-4.464 h -6.803 -5.142 c 0,0 -2.58,-0.159 -3.413,0.146 -0.886,0.325 -2.012,1.529 -2.564,2.294 -0.349,0.485 -0.774,1.632 -0.888,2.219 -0.146,0.761 -0.076,2.334 0,3.105 0.157,1.595 1.774,3.106 1.774,3.106 0,0 -1.794,0.814 -2.44,0.888 0,0 -0.685,-1.171 -0.936,-1.703 -0.317,-0.675 -0.815,-1.993 -1.275,-3.858 -0.392,-1.588 -1.182,-4.266 -1.182,-4.266 l -1.487,-5.48 c 0,0 -0.843,-2.492 -1.109,-3.328 -2.49,-7.829 -4.655,-6.432 -5.188,-6.278 -1.196,0.347 -9.231,9.162 -9.231,9.162 0,0 -3.597,3.898 -4.838,5.168 -0.963,0.986 -2.869,3.261 -4.215,3.549 -0.394,0.085 -0.407,-0.737 -0.407,-0.737 0,0 2.514,-44.23 3.246,-54.344 0.52,-13.266 3.252,-11.359 3.252,-11.359 57.622,37.523 94.251,101.482 94.251,175.372 0,20.096 -2.826,39.528 -8.098,57.926 -3.362,11.736 -13.099,41.683 -36.721,71.786 -0.05,0.065 -0.064,0.092 -0.114,0.096 -0.054,0.004 -0.077,-0.028 -0.125,-0.094 -10.354,-14.111 -25.374,-18.802 -27.624,-19.472 -2.228,-0.662 -7.781,-2.087 -14.476,-2.139 -29.136,-0.229 -52.819,22.966 -53.173,52.1 -0.062,5.084 0.598,10.002 1.883,14.66 0.821,2.98 3.307,10.924 9.601,18.826 0.072,0.09 0.13,0.145 0.121,0.199 -0.008,0.054 -0.13,0.091 -0.261,0.147 0,0 -10.331,4.422 -21.152,7.571 -25.416,7.395 -47.267,8.696 -59.299,8.747 -116.336,0.498 -211.274,-94.016 -211.274,-210.353 0,-38.533 15.195,-83.226 17.173,-83.301 1.978,-0.075 2.297,10.447 2.457,14.193 0.16,3.746 2.349,12.263 3.469,17.842 1.12,5.579 2.185,9.32 2.973,12.389 0.787,3.07 6.444,18.034 6.937,20.815 0.494,2.781 0.075,4.731 0,5.948 -0.075,1.217 -0.28,3.539 0,4.956 0.281,1.417 1.599,1.408 1.984,2.477 0.384,1.069 0.128,1.325 0.469,3.709 0.34,2.385 1.321,3.373 2.789,5.988 1.469,2.615 3.189,8.941 4.156,11.924 0.357,1.101 0.817,3.576 0.918,5.097 0.1,1.521 -1.395,5.497 -1.395,5.497 0,0 -1.258,5.905 -1.398,7.177 -0.141,1.272 0.115,2.581 1.398,2.733 0.576,0.117 2.145,-0.962 2.145,-0.962 0,0 4.461,5.183 5.786,6.414 1.326,1.231 2.728,2.377 4.2,3.18 1.786,0.973 3.162,1.277 5.015,1.661 1.05,0.217 2.516,0.168 4.165,0.116 1.648,-0.053 3.66,-0.556 4.954,-0.879 1.293,-0.323 4.328,-1.758 4.328,-1.758 0,0 1.893,0.785 2.862,0.612 1.049,-0.184 1.729,-1.751 2.002,-2.505 0.704,-1.955 3.166,-6.577 2.7,-8.599 -0.147,-0.634 -1.24,-1.296 -1.567,-2.114 -0.581,-1.449 -0.529,-1.865 -0.184,-3.303 0.353,-1.475 1.181,-2.619 1.852,-3.258 0.773,-0.735 2.553,-1.579 3.509,-2.432 0.675,-0.602 0.555,-1.554 0.358,-2.031 -0.338,-0.827 -2.757,-1.647 -3.242,-2.4 -0.267,-0.415 -0.473,-0.848 -0.252,-1.292 0.306,-0.616 3.015,-3.062 0.751,-4.429 -1.641,-0.993 -0.247,-2.287 -0.135,-2.999 0.115,-0.744 0.448,-2.111 -0.682,-3.474 -0.729,-0.88 -3.539,-1.859 -5.014,-1.995 -1.476,-0.136 -2.604,-0.041 -5.342,0.019 -2.737,0.06 -6.419,-3.423 -6.154,-7.218 0.265,-3.795 6.353,-23.977 7.185,-27.258 0.831,-3.281 6.037,-1.948 8.011,-1.764 2.009,0.185 5.983,0.96 7.929,1.487 1.779,0.479 5.246,1.755 6.939,2.477 2.294,0.979 8.87,3.334 8.87,3.334 0,0 -0.969,0.863 -0.214,1.959 0.8,1.16 1.555,1.798 3.195,2.811 1.538,0.95 3.33,1.73 2.555,3.151 -1.141,2.093 -3.109,3.109 -2.896,5.409 0.2,2.166 7.618,10.035 12.095,10.05 1.826,0.006 9.858,-6.443 10.51,-10.081 0.224,-1.257 -2.47,-4.168 -2.713,-5.335 -0.515,-2.47 5.122,-4.205 5.149,-6.047 0.042,-2.896 -2.436,-5.964 -2.436,-5.964 v -4.956 c 0,0 3.357,-5.017 2.757,-6.39 -0.47,-1.079 -4.741,-0.548 -4.741,-0.548 0,0 1.807,-5.702 0.353,-6.348 -3.383,-1.505 -19.959,0.634 -19.959,0.634 l -0.93,-4.791 c 0,0 -0.827,-5.322 -2.3,-10.306 -1.325,-4.485 -5.597,-14.166 -8.026,-15.624 -1.88,-1.127 -3.796,-0.503 -4.888,-0.25 -1.84,0.425 -15.294,9.427 -15.294,9.427 l 0.494,-6.441 1.983,-13.382 c 0,0 5.868,-48.899 4.523,-37.695 -1.344,11.205 0.767,-10.987 2.556,-22.996 1.788,-12.01 2.242,-14.734 5.11,-20.442 1.713,-3.41 3.76,-7.106 7.027,-10.604 3.906,-4.182 11.69,-8.815 17.97,-8.695 0,0 5.985,0.072 7.709,9.59 1.276,7.038 3.372,15.293 3.372,15.293 l 2.889,9.492 3.257,12.393 c 0,0 3.99,13.198 4.672,17.574 0.886,5.678 4.08,20.689 4.08,20.689 l 4.791,18.334 c 1.639,5.366 1.744,14.728 4.016,20.207" + style="fill:#191919;fill-opacity:1;fill-rule:nonzero;stroke:none" + id="path209" /> + </g> +</svg> diff --git a/src/components/MainText/MainText.stories.tsx b/src/components/MainText/MainText.stories.tsx new file mode 100644 index 0000000..4e796ff --- /dev/null +++ b/src/components/MainText/MainText.stories.tsx @@ -0,0 +1,16 @@ +import { Meta, StoryObj } from '@storybook/react' +import { MainText } from './MainText' + +const meta: Meta<typeof MainText> = { + component: MainText, +} + +type Story = StoryObj<typeof MainText> +export default meta + +export const Default: Story = { + args: { + text: 'Wir begrüßen Sie herzlich in unserer Pfarrei Hl. Drei Könige und im bunten Neukölln mit einer Vielfalt von Kulturen und Nationalitäten. \n' + + 'Wie die drei Weisen aus dem Morgenland wollen wir uns immer wieder neu auf den Weg machen.', + }, +} diff --git a/src/components/MainText/MainText.tsx b/src/components/MainText/MainText.tsx new file mode 100644 index 0000000..b87d102 --- /dev/null +++ b/src/components/MainText/MainText.tsx @@ -0,0 +1,13 @@ +import styles from "./styles.module.scss" + +type MainTextProps = { + text: string; +} + +export const MainText = ({text}: MainTextProps) => { + return ( + <div className={styles.mainText}> + {text} + </div> + ) +} \ No newline at end of file diff --git a/src/components/MainText/styles.module.scss b/src/components/MainText/styles.module.scss new file mode 100644 index 0000000..7c05600 --- /dev/null +++ b/src/components/MainText/styles.module.scss @@ -0,0 +1,11 @@ +.mainText { + line-height: 168%; + font-size: 36px; + text-align: center; +} + +@media screen and (max-width: 576px) { + .mainText { + font-size: 24px; + } +} \ No newline at end of file diff --git a/src/components/MassTable/MassTable.stories.ts b/src/components/MassTable/MassTable.stories.ts index f43fecf..7c17626 100644 --- a/src/components/MassTable/MassTable.stories.ts +++ b/src/components/MassTable/MassTable.stories.ts @@ -10,11 +10,11 @@ type Story = StoryObj<typeof meta> export const Default: Story = { args: { - date: '2024-08-04', + location: 'St. Clara', masses: [ { id: '1', - date: '10:00', + date: '2024-08-21T15:00:00.000Z', location: 'St. Christopherus', type: 'MASS', cancelled: false, @@ -23,7 +23,7 @@ export const Default: Story = { }, { id: '1', - date: '10:00', + date: '2024-08-23T18:00:00.000Z', location: 'St. Christopherus', type: 'MASS', cancelled: false, @@ -32,19 +32,19 @@ export const Default: Story = { }, { id: '1', - date: '10:00', + date: '2024-08-24T09:00:00.000Z', location: 'St. Christopherus', - type: 'MASS', + type: 'WORD', cancelled: false, updatedAt: '', createdAt: '', }, { id: '1', - date: '10:00', + date: '2024-08-26T15:00:00.000Z', location: 'St. Christopherus', type: 'MASS', - cancelled: false, + cancelled: true, updatedAt: '', createdAt: '', }, diff --git a/src/components/MassTable/MassTable.tsx b/src/components/MassTable/MassTable.tsx index 8dba21a..14d5fb4 100644 --- a/src/components/MassTable/MassTable.tsx +++ b/src/components/MassTable/MassTable.tsx @@ -6,30 +6,22 @@ import { Worship } from '@/payload-types' import { useCompactDate } from '@/hooks/useCompactDate' type MassTableProps = { - date: string + location: string masses: Worship[] } -export const MassTable = ({ date, masses }: MassTableProps) => { - let dateObj = useMemo(() => new Date(date), [date]) - let compactDate = useCompactDate(date) +export const MassTable = ({ location, masses }: MassTableProps) => { return ( <div className={styles.table}> <h3 className={faustina.className}> - {dateObj.toLocaleDateString('de-DE', { weekday: 'long' })}{' '} - <small>{compactDate}</small> + {location} </h3> {masses.map((mass) => ( <MassTableRow key={mass.id} id={mass.id} - locationName={ - typeof mass.location == 'string' - ? mass.location - : mass.location.name - } date={mass.date} type={mass.type} cancelled={mass.cancelled} diff --git a/src/components/MassTable/MassTableRow.stories.ts b/src/components/MassTable/MassTableRow.stories.ts index 4ed7dba..15186a6 100644 --- a/src/components/MassTable/MassTableRow.stories.ts +++ b/src/components/MassTable/MassTableRow.stories.ts @@ -11,7 +11,6 @@ type Story = StoryObj<typeof meta> export const Default: Story = { args: { id: '1', - locationName: 'St. Clara', date: '2024-08-23T15:00:00.000Z', type: 'MASS', cancelled: false, @@ -21,7 +20,6 @@ export const Default: Story = { export const FamilyMass: Story = { args: { id: '1', - locationName: 'St. Christopherus', date: '2024-08-23T15:00:00.000Z', type: 'FAMILY', cancelled: false, @@ -31,7 +29,6 @@ export const FamilyMass: Story = { export const LiturgyOfTheWord: Story = { args: { id: '1', - locationName: 'St. Richard', date: '2024-08-23T15:00:00.000Z', type: 'WORD', cancelled: false, @@ -41,7 +38,6 @@ export const LiturgyOfTheWord: Story = { export const Cancelled: Story = { args: { id: '1', - locationName: 'St. Richard', date: '2024-08-23T15:00:00.000Z', type: 'WORD', cancelled: true, diff --git a/src/components/MassTable/MassTableRow.tsx b/src/components/MassTable/MassTableRow.tsx index 4184f84..ca27770 100644 --- a/src/components/MassTable/MassTableRow.tsx +++ b/src/components/MassTable/MassTableRow.tsx @@ -8,10 +8,10 @@ import { useState } from 'react' import Link from 'next/link' import classNames from 'classnames' import { useTime } from '@/hooks/useTime' +import { useCompactDate, useShortDayName } from '@/hooks/useCompactDate' export type MassTableRowProps = { id: string - locationName: string date: string type: 'MASS' | 'FAMILY' | 'WORD' cancelled: boolean @@ -19,13 +19,15 @@ export type MassTableRowProps = { export const MassTableRow = ({ id, - locationName, date, type, cancelled, }: MassTableRowProps) => { const [symbol, setSymbol] = useState('-') const time = useTime(date) + const compactDate = useCompactDate(date) + const day = useShortDayName(date) + return ( <Link href={`/worship/${id}`} @@ -36,10 +38,10 @@ export const MassTableRow = ({ onMouseEnter={() => setSymbol('†')} onMouseLeave={() => setSymbol('-')} > - <div className={styles.time}>{time}</div> + <div className={styles.time}>{day} {compactDate}</div> <div className={styles.symbol}>{symbol}</div> - <div>{locationName}</div> - <div> + <div>{time}</div> + {type === 'FAMILY' && ( <Image src={family} width={18} height={18} alt={'Familien Messe'} /> )} @@ -47,7 +49,6 @@ export const MassTableRow = ({ {type === 'WORD' && ( <Image src={bible} width={18} height={18} alt={'Wortgottesfeier'} /> )} - </div> </div> </Link> ) diff --git a/src/components/MassTable/bible.svg b/src/components/MassTable/bible.svg index a8ebdac..68b2c89 100644 --- a/src/components/MassTable/bible.svg +++ b/src/components/MassTable/bible.svg @@ -1,2 +1,2 @@ <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --> -<svg fill="#000000" width="800px" height="800px" viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M448 358.4V25.6c0-16-9.6-25.6-25.6-25.6H96C41.6 0 0 41.6 0 96v320c0 54.4 41.6 96 96 96h326.4c12.8 0 25.6-9.6 25.6-25.6v-16c0-6.4-3.2-12.8-9.6-19.2-3.2-16-3.2-60.8 0-73.6 6.4-3.2 9.6-9.6 9.6-19.2zM144 144c0-8.84 7.16-16 16-16h48V80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v48h48c8.84 0 16 7.16 16 16v32c0 8.84-7.16 16-16 16h-48v112c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16V192h-48c-8.84 0-16-7.16-16-16v-32zm236.8 304H96c-19.2 0-32-12.8-32-32s16-32 32-32h284.8v64z"/></svg> \ No newline at end of file +<svg fill="#728F8D" width="800px" height="800px" viewBox="-32 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M448 358.4V25.6c0-16-9.6-25.6-25.6-25.6H96C41.6 0 0 41.6 0 96v320c0 54.4 41.6 96 96 96h326.4c12.8 0 25.6-9.6 25.6-25.6v-16c0-6.4-3.2-12.8-9.6-19.2-3.2-16-3.2-60.8 0-73.6 6.4-3.2 9.6-9.6 9.6-19.2zM144 144c0-8.84 7.16-16 16-16h48V80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v48h48c8.84 0 16 7.16 16 16v32c0 8.84-7.16 16-16 16h-48v112c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16V192h-48c-8.84 0-16-7.16-16-16v-32zm236.8 304H96c-19.2 0-32-12.8-32-32s16-32 32-32h284.8v64z"/></svg> \ No newline at end of file diff --git a/src/components/MassTable/family.svg b/src/components/MassTable/family.svg index 5c32659..448c2ee 100644 --- a/src/components/MassTable/family.svg +++ b/src/components/MassTable/family.svg @@ -2,7 +2,7 @@ <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --> <svg - fill="#000000" + fill="#728F8D" width="800px" height="800px" viewBox="-1 0 19 19" diff --git a/src/components/MassTable/styles.module.css b/src/components/MassTable/styles.module.css index 153bdba..05a62ac 100644 --- a/src/components/MassTable/styles.module.css +++ b/src/components/MassTable/styles.module.css @@ -3,6 +3,7 @@ gap: 10px; height: 24px; cursor: pointer; + align-items: center; } .link { @@ -20,9 +21,10 @@ } .time { - width: 40px; + width: 70px; } .table { - width: 300px; + width: 200px; + text-align: center; } diff --git a/src/components/MassTimerTooltip/MassTimerTooltip.stories.ts b/src/components/MassTimerTooltip/MassTimerTooltip.stories.ts deleted file mode 100644 index f38fc66..0000000 --- a/src/components/MassTimerTooltip/MassTimerTooltip.stories.ts +++ /dev/null @@ -1,13 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/react' -import { MassTimerTooltip } from './MassTimerTooltip' - -const meta: Meta<typeof MassTimerTooltip> = { - component: MassTimerTooltip, -} - -type Story = StoryObj<typeof MassTimerTooltip> -export default meta - -export const Default: Story = { - args: {}, -} diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx index 1408065..c8aac89 100644 --- a/src/components/Menu/Menu.tsx +++ b/src/components/Menu/Menu.tsx @@ -1,20 +1,12 @@ -import { MassTimer } from '@/components/MassTimer/MassTimer' -import styles from './styles.module.css' +import styles from './styles.module.scss' import MenuIcon from './menu.svg' import Image from 'next/image' -import { Worship } from '@/payload-types' -import { MenuBaseLayer } from '@/components/MenuBaseLayer/MenuBaseLayer' import classNames from 'classnames' -type MenuProps = { - starClick?: () => void - nextMass?: Worship -} -export const Menu = (props: MenuProps) => { +export const Menu = () => { return ( - <nav className={classNames(styles.nav, {[styles.white]: typeof props.starClick !== 'undefined'})}> - <MenuBaseLayer /> + <nav className={classNames(styles.nav)}> <div className={styles.navMobile}> <Image src={MenuIcon} width={25} height={25} alt={'Menu'} /> </div> @@ -42,10 +34,6 @@ export const Menu = (props: MenuProps) => { <div> <button className={styles.button}>Neu hier?</button> </div> - - {props.nextMass && ( - <MassTimer nextMass={props.nextMass} onStarClick={props.starClick} /> - )} </div> </nav> ) diff --git a/src/components/Menu/styles.module.css b/src/components/Menu/styles.module.scss similarity index 77% rename from src/components/Menu/styles.module.css rename to src/components/Menu/styles.module.scss index df51614..e283214 100644 --- a/src/components/Menu/styles.module.css +++ b/src/components/Menu/styles.module.scss @@ -1,15 +1,19 @@ +@import "template.scss"; + .nav { display: flex; align-items: center; gap: 20px; - color: #1f1f1f; - padding: 15px; - border-bottom: 1px solid rgba(255, 255, 255, 0.67); - margin-bottom: 2.5em; -} - -.white { - color: #eeeeee; + color: $base-color; + padding: 15px 45px; + background: rgba(245, 245, 245, 0.65); + position: fixed; + left: 0; + top: 0; + width: 100%; + box-sizing: border-box; + z-index: 1; + backdrop-filter: blur(8px); } .navMobile { diff --git a/src/components/Section/Section.stories.tsx b/src/components/Section/Section.stories.tsx new file mode 100644 index 0000000..925be59 --- /dev/null +++ b/src/components/Section/Section.stories.tsx @@ -0,0 +1,22 @@ +import { Meta, StoryObj } from '@storybook/react' +import { Section } from './Section' + +const meta: Meta<typeof Section> = { + component: Section, +} + +type Story = StoryObj<typeof Section> +export default meta + +export const Default: Story = { + args: { + children: 'Default', + }, +} + +export const SoftBackground: Story = { + args: { + children: "some content", + backgroundColor: "soft" + } +} diff --git a/src/components/Section/Section.tsx b/src/components/Section/Section.tsx new file mode 100644 index 0000000..ea5b17b --- /dev/null +++ b/src/components/Section/Section.tsx @@ -0,0 +1,20 @@ +import classNames from 'classnames' +import styles from "./styles.module.scss" + +export type BackgroundColor = "soft" | undefined + +type SectionProps = { + backgroundColor?: BackgroundColor + children: React.ReactNode; +} + +export const Section = ({ children, backgroundColor }: SectionProps) => { + return ( + <section className={classNames({ + [styles.section]: true, + [styles.shade2]: backgroundColor === "soft" + })}> + {children} + </section> + ) +} \ No newline at end of file diff --git a/src/components/Section/styles.module.scss b/src/components/Section/styles.module.scss new file mode 100644 index 0000000..8fc4914 --- /dev/null +++ b/src/components/Section/styles.module.scss @@ -0,0 +1,15 @@ +@import "template.scss"; + +.section { + padding: 130px 0; +} + +.shade2 { + background-color: $shade2; +} + +@media screen and (max-width: 576px) { + .section { + padding: 70px 0; + } +} \ No newline at end of file diff --git a/src/components/SideSlider/SideSlider.stories.tsx b/src/components/SideSlider/SideSlider.stories.tsx new file mode 100644 index 0000000..673532a --- /dev/null +++ b/src/components/SideSlider/SideSlider.stories.tsx @@ -0,0 +1,13 @@ +import { Meta, StoryObj } from '@storybook/react' +import { SideSlider } from './SideSlider' + +const meta: Meta<typeof SideSlider> = { + component: SideSlider, +} + +type Story = StoryObj<typeof SideSlider>; +export default meta + +export const Default: Story = { + args: {}, +} \ No newline at end of file diff --git a/src/components/SideSlider/SideSlider.tsx b/src/components/SideSlider/SideSlider.tsx new file mode 100644 index 0000000..386a210 --- /dev/null +++ b/src/components/SideSlider/SideSlider.tsx @@ -0,0 +1,22 @@ +import styles from "./styles.module.scss" + +type SideSliderProps = { + children: React.ReactNode; +} + +export const SideSlider = ({ children }: SideSliderProps) => { + return ( + <div className={styles.wrapper}> + <div className={styles.container}> + <div className={styles.icon}> + + </div> + <div className={styles.content}> + <div className={styles.padding}> + {children} + </div> + </div> + </div> + </div> + ) +} \ No newline at end of file diff --git a/src/components/SideSlider/styles.module.scss b/src/components/SideSlider/styles.module.scss new file mode 100644 index 0000000..16ee302 --- /dev/null +++ b/src/components/SideSlider/styles.module.scss @@ -0,0 +1,65 @@ +@import "template.scss"; + +$width: 700px; +$iconSize: 150px; + +.wrapper { + overflow: hidden; + display: flex; + justify-content: flex-end; +} + +.container { + width: $width; + min-height: 450px; + transform: translate(calc($width - $iconSize), 0); + transition: 300ms all ease-in; + position: relative; +} + +.container:hover { + transform: translate(0, 0); +} + +.icon { + position: absolute; + height: $iconSize; + width: $iconSize; + border-radius: 50%; + background-color: $shade1; + top: calc(50% - $iconSize/2); +} + +.content { + position: absolute; + border-top-left-radius: $border-radius; + border-bottom-left-radius: $border-radius; + background-color: $shade1; + left: $iconSize/2; + padding-left: $iconSize/2; + min-height: 450px; + width: $width; +} + +.padding { + padding: 30px 0; +} + +@media screen and (max-width: $width) { + .icon { + display: none; + } + + .container { + transform: none; + width: 100%; + } + + .content { + border-radius: 0; + width: 100%; + position: relative; + left: 0; + + } +} \ No newline at end of file diff --git a/src/components/Title/Title.stories.tsx b/src/components/Title/Title.stories.tsx new file mode 100644 index 0000000..c9dce00 --- /dev/null +++ b/src/components/Title/Title.stories.tsx @@ -0,0 +1,40 @@ +import { Meta, StoryObj } from '@storybook/react' +import { Title } from './Title' + +const meta: Meta<typeof Title> = { + component: Title, +} + +type Story = StoryObj<typeof Title> +export default meta + +export const Default: Story = { + args: { + title: 'Aktuelles', + }, +} + +export const BigTitle: Story = { + args: { + title: 'Veranstaltungen', + size: 'xl', + fontStyle: 'serif' + } +} + +export const Centered: Story = { + args: { + title: 'Nächste Gottesdienste', + align: 'center' + }, +} + +export const sansSerifMedium: Story = { + args: { + title: 'Erntedankfest', + align: 'left', + fontStyle: 'sans-serif', + size: 'md' + } +} + diff --git a/src/components/Title/Title.tsx b/src/components/Title/Title.tsx new file mode 100644 index 0000000..2a58ce6 --- /dev/null +++ b/src/components/Title/Title.tsx @@ -0,0 +1,24 @@ +import styles from "./styles.module.scss"; +import classNames from 'classnames' +import { faustina } from '@/app/fonts' + +type TitleProps = { + title: string; + align?: 'left' | 'center'; + size?: 'xl' | 'lg' | 'md'; + fontStyle?: 'serif' | 'sans-serif' +} + +export const Title = ({title, align = "left", size = "lg", fontStyle = "serif"}: TitleProps) => { + return ( + <h2 className={classNames({ + [styles.title]: true, + [styles.extraLarge]: size === "xl", + [styles.large]: size === "lg", + [styles.medium]: size === "md", + [styles.left]: align === "left", + [styles.center]: align === "center", + [faustina.className]: fontStyle == "serif", + })}>{title}</h2> + ) +} \ No newline at end of file diff --git a/src/components/Title/styles.module.scss b/src/components/Title/styles.module.scss new file mode 100644 index 0000000..fd84a2f --- /dev/null +++ b/src/components/Title/styles.module.scss @@ -0,0 +1,43 @@ +@import "template.scss"; + +.title { + color: $base-color; + margin-top: 20px; +} + +.extraLarge { + font-size: 90px; + font-weight: 800; +} + +.large { + font-size: 60px; + font-weight: 800; +} + +.medium { + font-size: 40px; + font-weight: 700; +} + +.left { + text-align: left; +} + +.center { + text-align: center; +} + +@media screen and (max-width: 576px) { + .extraLarge { + font-size: 60px; + } + + .large { + font-size: 40px; + } + + .medium { + font-size: 24px; + } +} \ No newline at end of file diff --git a/src/components/TwoColumnText/TwoColumnText.stories.tsx b/src/components/TwoColumnText/TwoColumnText.stories.tsx new file mode 100644 index 0000000..5c6e10f --- /dev/null +++ b/src/components/TwoColumnText/TwoColumnText.stories.tsx @@ -0,0 +1,19 @@ +import { Meta, StoryObj } from '@storybook/react' +import { TwoColumnText } from './TwoColumnText' + +const meta: Meta<typeof TwoColumnText> = { + component: TwoColumnText, +} + +type Story = StoryObj<typeof TwoColumnText>; +export default meta + +export const Default: Story = { + args: { + text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consequat porttitor volutpat. Mauris fermentum mi auctor porttitor sagittis. Proin quis congue elit. Nunc blandit auctor risus, in vestibulum nulla convallis id. Suspendisse potenti. Vestibulum tellus justo, imperdiet id ultrices quis, fringilla eget mauris. Sed sit amet nisl sed lectus tempus dapibus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris pulvinar ex ligula, sit amet tristique nunc varius sit amet.\n" + + "\n" + + "Curabitur sollicitudin, nulla nec sodales bibendum, nisi magna consequat arcu, non mollis est ligula pharetra mauris. Integer vehicula dolor urna, pharetra ultrices lectus maximus ac. Aliquam a lacus ut tortor fringilla dignissim. Curabitur sapien neque, ullamcorper ut lobortis sed, lobortis interdum lectus. Fusce pharetra maximus quam sed porta. Sed fermentum nibh vel elit lacinia malesuada. Suspendisse potenti. Suspendisse a dictum dui. Nulla rhoncus a nisi eu lacinia. Vestibulum at porta augue. Aliquam fermentum, nulla et aliquet maximus, dui nisi bibendum justo, eget placerat massa nulla et risus. Phasellus eleifend ante facilisis hendrerit lacinia. Aliquam eget dignissim nisi, in vehicula ligula.\n" + + "\n" + + "Curabitur at urna ornare, pretium nisl vel, ornare lacus. Morbi ante odio, bibendum at nunc vitae, scelerisque eleifend nisi. Quisque finibus imperdiet nulla sed suscipit. Phasellus ex libero, elementum vitae mollis et, faucibus vel magna. Proin vitae quam quis ipsum rhoncus vehicula. Ut porta ligula rutrum orci posuere, nec consequat est semper. Suspendisse potenti. Donec cursus erat sit amet auctor iaculis. Quisque sit amet rhoncus ex. Morbi placerat tincidunt condimentum. Aenean auctor, arcu elementum dictum sagittis, nibh tellus varius nulla, non mollis dui metus at leo. Ut porta, tellus at convallis commodo, orci odio faucibus purus, et mollis sapien lacus ut arcu. Fusce eget nisi finibus, interdum leo non, pulvinar mauris. Phasellus egestas finibus libero, non porttitor eros accumsan ut. Morbi elementum lorem ac lorem malesuada, quis dictum lorem efficitur." + }, +} \ No newline at end of file diff --git a/src/components/TwoColumnText/TwoColumnText.tsx b/src/components/TwoColumnText/TwoColumnText.tsx new file mode 100644 index 0000000..0357885 --- /dev/null +++ b/src/components/TwoColumnText/TwoColumnText.tsx @@ -0,0 +1,13 @@ +import styles from "./styles.module.scss" + +type TwoColumnTextProps = { + text: string; +} + +export const TwoColumnText = ({text}: TwoColumnTextProps) => { + return ( + <div className={styles.columns}> + {text} + </div> + ) +} \ No newline at end of file diff --git a/src/components/TwoColumnText/styles.module.scss b/src/components/TwoColumnText/styles.module.scss new file mode 100644 index 0000000..0d1c333 --- /dev/null +++ b/src/components/TwoColumnText/styles.module.scss @@ -0,0 +1,20 @@ +@import "template.scss"; + +.columns { + column-count: 2; + white-space: preserve; + column-gap: 80px; + column-rule: $shade2 1px solid; +} + +@media screen and (max-width: 900px) { + .columns { + column-gap: 40px; + } +} + +@media screen and (max-width: 576px) { + .columns { + column-count: 1; + } +} \ No newline at end of file diff --git a/src/components/BannerText/BannerText.stories.ts b/src/components/archive/BannerText/BannerText.stories.ts similarity index 100% rename from src/components/BannerText/BannerText.stories.ts rename to src/components/archive/BannerText/BannerText.stories.ts diff --git a/src/components/BannerText/BannerText.tsx b/src/components/archive/BannerText/BannerText.tsx similarity index 76% rename from src/components/BannerText/BannerText.tsx rename to src/components/archive/BannerText/BannerText.tsx index 943f708..3162c12 100644 --- a/src/components/BannerText/BannerText.tsx +++ b/src/components/archive/BannerText/BannerText.tsx @@ -1,5 +1,5 @@ import styles from './bannerText.module.css' -import { faustina, lato } from '@/app/fonts' +import { faustina, defaultFont } from '@/app/fonts' export const BannerText = () => { return ( @@ -10,7 +10,7 @@ export const BannerText = () => { HEILIGE <br /> DREI KÖNIGE <br /> </div> - <div className={styles.berlin + ' ' + lato.className}> + <div className={styles.berlin + ' ' + defaultFont.className}> Berlin Nord-Neukölln </div> </div> diff --git a/src/components/BannerText/bannerText.module.css b/src/components/archive/BannerText/bannerText.module.css similarity index 97% rename from src/components/BannerText/bannerText.module.css rename to src/components/archive/BannerText/bannerText.module.css index 6cf278c..a0b8426 100644 --- a/src/components/BannerText/bannerText.module.css +++ b/src/components/archive/BannerText/bannerText.module.css @@ -11,6 +11,7 @@ .container { position: absolute; bottom: 100px; + color: #ffffff; } .name { diff --git a/src/components/Card/Card.stories.tsx b/src/components/archive/Card/Card.stories.tsx similarity index 100% rename from src/components/Card/Card.stories.tsx rename to src/components/archive/Card/Card.stories.tsx diff --git a/src/components/Card/Card.tsx b/src/components/archive/Card/Card.tsx similarity index 100% rename from src/components/Card/Card.tsx rename to src/components/archive/Card/Card.tsx diff --git a/src/components/Card/styles.module.css b/src/components/archive/Card/styles.module.css similarity index 100% rename from src/components/Card/styles.module.css rename to src/components/archive/Card/styles.module.css diff --git a/src/components/HomeBanner/HomeBanner.css b/src/components/archive/HomeBanner/HomeBanner.css similarity index 100% rename from src/components/HomeBanner/HomeBanner.css rename to src/components/archive/HomeBanner/HomeBanner.css diff --git a/src/components/HomeBanner/HomeBanner.stories.ts b/src/components/archive/HomeBanner/HomeBanner.stories.ts similarity index 77% rename from src/components/HomeBanner/HomeBanner.stories.ts rename to src/components/archive/HomeBanner/HomeBanner.stories.ts index 2968071..a65f163 100644 --- a/src/components/HomeBanner/HomeBanner.stories.ts +++ b/src/components/archive/HomeBanner/HomeBanner.stories.ts @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from '@storybook/react' -import { HomeBanner } from '@/components/HomeBanner/HomeBanner' +import { HomeBanner } from '@/components/archive/HomeBanner/HomeBanner' const meta: Meta<typeof HomeBanner> = { component: HomeBanner, diff --git a/src/components/HomeBanner/HomeBanner.tsx b/src/components/archive/HomeBanner/HomeBanner.tsx similarity index 100% rename from src/components/HomeBanner/HomeBanner.tsx rename to src/components/archive/HomeBanner/HomeBanner.tsx diff --git a/src/components/HomeBanner/bg.svg b/src/components/archive/HomeBanner/bg.svg similarity index 100% rename from src/components/HomeBanner/bg.svg rename to src/components/archive/HomeBanner/bg.svg diff --git a/src/components/MassTimer/MassTimer.stories.ts b/src/components/archive/MassTimer/MassTimer.stories.ts similarity index 67% rename from src/components/MassTimer/MassTimer.stories.ts rename to src/components/archive/MassTimer/MassTimer.stories.ts index 6ec86af..92c05ab 100644 --- a/src/components/MassTimer/MassTimer.stories.ts +++ b/src/components/archive/MassTimer/MassTimer.stories.ts @@ -13,7 +13,13 @@ export const OneDay: Story = { args: { nextMass: { id: '1', - location: '231234', + location: { + id: "d", + name: "St. Richard", + address: "Wegstraße 12", + updatedAt: "2025-08-23T15:00:00.000Z", + createdAt: '2025-08-23T15:00:00.000Z', + }, date: '2025-08-23T15:00:00.000Z', type: 'WORD', cancelled: false, @@ -28,7 +34,13 @@ export const TimeOut: Story = { args: { nextMass: { id: '1', - location: '231234', + location: { + id: "d", + name: "St. Richard", + address: "Wegstraße 12", + updatedAt: "2025-08-23T15:00:00.000Z", + createdAt: '2025-08-23T15:00:00.000Z', + }, date: '2025-08-23T15:00:00.000Z', type: 'WORD', cancelled: false, diff --git a/src/components/MassTimer/MassTimer.tsx b/src/components/archive/MassTimer/MassTimer.tsx similarity index 88% rename from src/components/MassTimer/MassTimer.tsx rename to src/components/archive/MassTimer/MassTimer.tsx index 22bb870..b4e5b11 100644 --- a/src/components/MassTimer/MassTimer.tsx +++ b/src/components/archive/MassTimer/MassTimer.tsx @@ -1,9 +1,9 @@ 'use client' -import { useCountdown } from '@/components/MassTimer/useCountdown' +import { useCountdown } from '@/components/archive/MassTimer/useCountdown' import styles from './masstimer.module.css' import { useState } from 'react' -import { MassTimerTooltip } from '@/components/MassTimerTooltip/MassTimerTooltip' +import { MassTimerTooltip } from '@/components/archive/MassTimerTooltip/MassTimerTooltip' import { Worship } from '@/payload-types' type MassTimerProps = { diff --git a/src/components/MassTimer/masstimer.module.css b/src/components/archive/MassTimer/masstimer.module.css similarity index 100% rename from src/components/MassTimer/masstimer.module.css rename to src/components/archive/MassTimer/masstimer.module.css diff --git a/src/components/MassTimer/useCountdown.ts b/src/components/archive/MassTimer/useCountdown.ts similarity index 100% rename from src/components/MassTimer/useCountdown.ts rename to src/components/archive/MassTimer/useCountdown.ts diff --git a/src/components/archive/MassTimerTooltip/MassTimerTooltip.stories.ts b/src/components/archive/MassTimerTooltip/MassTimerTooltip.stories.ts new file mode 100644 index 0000000..e3936cc --- /dev/null +++ b/src/components/archive/MassTimerTooltip/MassTimerTooltip.stories.ts @@ -0,0 +1,29 @@ +import type { Meta, StoryObj } from '@storybook/react' +import { MassTimerTooltip } from './MassTimerTooltip' + +const meta: Meta<typeof MassTimerTooltip> = { + component: MassTimerTooltip, +} + +type Story = StoryObj<typeof MassTimerTooltip> +export default meta + +export const Default: Story = { + args: { + nextMass: { + id: "12", + date: '2024-08-23T15:00:00.000Z', + location: { + id: "d", + name: "St. Richard", + address: "Wegstraße 12", + updatedAt: "2025-08-23T15:00:00.000Z", + createdAt: '2025-08-23T15:00:00.000Z', + }, + type: "MASS", + cancelled: false, + updatedAt: '2025-08-23T15:00:00.000Z', + createdAt: '2025-08-23T15:00:00.000Z' + } + }, +} diff --git a/src/components/MassTimerTooltip/MassTimerTooltip.tsx b/src/components/archive/MassTimerTooltip/MassTimerTooltip.tsx similarity index 100% rename from src/components/MassTimerTooltip/MassTimerTooltip.tsx rename to src/components/archive/MassTimerTooltip/MassTimerTooltip.tsx diff --git a/src/components/MassTimerTooltip/clara.svg b/src/components/archive/MassTimerTooltip/clara.svg similarity index 100% rename from src/components/MassTimerTooltip/clara.svg rename to src/components/archive/MassTimerTooltip/clara.svg diff --git a/src/components/MassTimerTooltip/massTimerTooltip.module.css b/src/components/archive/MassTimerTooltip/massTimerTooltip.module.css similarity index 97% rename from src/components/MassTimerTooltip/massTimerTooltip.module.css rename to src/components/archive/MassTimerTooltip/massTimerTooltip.module.css index fa89f78..94b2365 100644 --- a/src/components/MassTimerTooltip/massTimerTooltip.module.css +++ b/src/components/archive/MassTimerTooltip/massTimerTooltip.module.css @@ -1,5 +1,5 @@ .tooltip { - width: 300px; + width: 310px; padding: 20px; color: #4d4d4d; background: rgb(244, 244, 244); diff --git a/src/components/MassTitle/MassTitle.stories.tsx b/src/components/archive/MassTitle/MassTitle.stories.tsx similarity index 100% rename from src/components/MassTitle/MassTitle.stories.tsx rename to src/components/archive/MassTitle/MassTitle.stories.tsx diff --git a/src/components/MassTitle/MassTitle.tsx b/src/components/archive/MassTitle/MassTitle.tsx similarity index 100% rename from src/components/MassTitle/MassTitle.tsx rename to src/components/archive/MassTitle/MassTitle.tsx diff --git a/src/components/MassTitle/styles.module.css b/src/components/archive/MassTitle/styles.module.css similarity index 100% rename from src/components/MassTitle/styles.module.css rename to src/components/archive/MassTitle/styles.module.css diff --git a/src/components/MenuBaseLayer/MenuBaseLayer.stories.tsx b/src/components/archive/MenuBaseLayer/MenuBaseLayer.stories.tsx similarity index 74% rename from src/components/MenuBaseLayer/MenuBaseLayer.stories.tsx rename to src/components/archive/MenuBaseLayer/MenuBaseLayer.stories.tsx index 6bfeff1..9176bf3 100644 --- a/src/components/MenuBaseLayer/MenuBaseLayer.stories.tsx +++ b/src/components/archive/MenuBaseLayer/MenuBaseLayer.stories.tsx @@ -1,5 +1,5 @@ import { Meta, StoryObj } from '@storybook/react' -import { MenuBaseLayer } from '@/components/MenuBaseLayer/MenuBaseLayer' +import { MenuBaseLayer } from '@/components/archive/MenuBaseLayer/MenuBaseLayer' const meta: Meta<typeof MenuBaseLayer> = { component: MenuBaseLayer, diff --git a/src/components/MenuBaseLayer/MenuBaseLayer.tsx b/src/components/archive/MenuBaseLayer/MenuBaseLayer.tsx similarity index 100% rename from src/components/MenuBaseLayer/MenuBaseLayer.tsx rename to src/components/archive/MenuBaseLayer/MenuBaseLayer.tsx diff --git a/src/components/MenuBaseLayer/bg.svg b/src/components/archive/MenuBaseLayer/bg.svg similarity index 100% rename from src/components/MenuBaseLayer/bg.svg rename to src/components/archive/MenuBaseLayer/bg.svg diff --git a/src/components/MenuBaseLayer/style.module.css b/src/components/archive/MenuBaseLayer/style.module.css similarity index 78% rename from src/components/MenuBaseLayer/style.module.css rename to src/components/archive/MenuBaseLayer/style.module.css index 3d36c91..dcd360b 100644 --- a/src/components/MenuBaseLayer/style.module.css +++ b/src/components/archive/MenuBaseLayer/style.module.css @@ -1,7 +1,7 @@ .background { width: 100%; height: 340px; - background-image: url('./bg.svg'); + background-image: url('bg.svg'); background-size: 100% 100%; position: absolute; top: 0; diff --git a/src/compositions/ContactForm/ContactForm.stories.tsx b/src/compositions/ContactForm/ContactForm.stories.tsx new file mode 100644 index 0000000..964a2bf --- /dev/null +++ b/src/compositions/ContactForm/ContactForm.stories.tsx @@ -0,0 +1,13 @@ +import { Meta, StoryObj } from '@storybook/react' +import { ContactForm } from './ContactForm' + +const meta: Meta<typeof ContactForm> = { + component: ContactForm, +} + +type Story = StoryObj<typeof ContactForm>; +export default meta + +export const Default: Story = { + args: {}, +} \ No newline at end of file diff --git a/src/compositions/ContactForm/ContactForm.tsx b/src/compositions/ContactForm/ContactForm.tsx new file mode 100644 index 0000000..db190eb --- /dev/null +++ b/src/compositions/ContactForm/ContactForm.tsx @@ -0,0 +1,24 @@ +import { Input } from '@/components/Input/Input' +import { Button } from '@/components/Button/Button' +import styles from "./styles.module.scss" +import classNames from 'classnames' + +export const ContactForm = () => { + return ( + <form> + <div className={classNames(styles.row, styles.firsRow)}> + <Input name={"name"} type={"text"} placeholder={"Name"} /> + <Input name={"email"} type={"email"} placeholder={"E-Mail Adresse"} /> + </div> + <div className={styles.row}> + <Input name={"subject"} type={"text"} placeholder={"Thema"} /> + </div> + <div className={styles.row}> + <Input name={"message"} type={"textarea"} placeholder={"Ihre Nachricht"} /> + </div> + <div className={styles.row}> + <Button size={"lg"} type={"submit"}>Abschicken</Button> + </div> + </form> + ) +} \ No newline at end of file diff --git a/src/compositions/ContactForm/styles.module.scss b/src/compositions/ContactForm/styles.module.scss new file mode 100644 index 0000000..de4ae2d --- /dev/null +++ b/src/compositions/ContactForm/styles.module.scss @@ -0,0 +1,8 @@ +.firsRow { + display: flex; + gap: 20px; +} + +.row { + margin-top: 15px; +} \ No newline at end of file diff --git a/src/compositions/ContactSection/ContactSection.stories.tsx b/src/compositions/ContactSection/ContactSection.stories.tsx new file mode 100644 index 0000000..48bf914 --- /dev/null +++ b/src/compositions/ContactSection/ContactSection.stories.tsx @@ -0,0 +1,13 @@ +import { Meta, StoryObj } from '@storybook/react' +import { ContactSection } from './ContactSection' + +const meta: Meta<typeof ContactSection> = { + component: ContactSection, +} + +type Story = StoryObj<typeof ContactSection>; +export default meta + +export const Default: Story = { + args: {}, +} \ No newline at end of file diff --git a/src/compositions/ContactSection/ContactSection.tsx b/src/compositions/ContactSection/ContactSection.tsx new file mode 100644 index 0000000..f1ff111 --- /dev/null +++ b/src/compositions/ContactSection/ContactSection.tsx @@ -0,0 +1,31 @@ +import { Section } from '@/components/Section/Section' +import { Container } from '@/components/Container/Container' +import { ContactForm } from '@/compositions/ContactForm/ContactForm' +import { Title } from '@/components/Title/Title' + +type Col50Props = { + children?: React.ReactNode +} + +const Col50 = ({children}: Col50Props) => { + return <div>{children}</div> +} + +export const ContactSection = () => { + return ( + <Section> + <Container flex={true}> + <Col50> + <Title title="Kontakt" size={"lg"} /> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lacinia efficitur sapien, vel molestie ligula fermentum rutrum. Maecenas vel mattis leo. Donec dictum convallis mi ac fermentum. Praesent imperdiet dictum arcu, vel lacinia est accumsan ut. Mauris ultrices leo ut mi eleifend, at porttitor mauris condimentum. Quisque a viverra tellus. Cras eu euismod augue. Morbi tristique a nisi vitae tincidunt. Nullam eget dignissim risus, ut tempor nulla. Proin suscipit mi sed leo posuere scelerisque. Sed vel semper ligula. + </p> + + </Col50> + <Col50> + <ContactForm /> + </Col50> + </Container> + </Section> + ) +} \ No newline at end of file diff --git a/src/compositions/ContentWithSlider/ContentWithSlider.stories.tsx b/src/compositions/ContentWithSlider/ContentWithSlider.stories.tsx new file mode 100644 index 0000000..7cbb01e --- /dev/null +++ b/src/compositions/ContentWithSlider/ContentWithSlider.stories.tsx @@ -0,0 +1,46 @@ +import { Meta, StoryObj } from '@storybook/react' +import { ContentWithSlider } from './ContentWithSlider' +import { Title } from '@/components/Title/Title' + +const meta: Meta<typeof ContentWithSlider> = { + component: ContentWithSlider, +} + +type Story = StoryObj<typeof ContentWithSlider>; +export default meta + +export const Default: Story = { + args: { + slider: "This is some content", + children: <> + <Title title={"This is some title"} /> + + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in vehicula ex, vel auctor sapien. Vestibulum ac + luctus sem. Proin ut pharetra nisl. Fusce id rutrum metus, in molestie nulla. Duis cursus mi nulla, vitae mollis + ex pellentesque sed. Nullam placerat, urna rhoncus aliquet vestibulum, metus lectus volutpat velit, ut molestie + est nisi lobortis sem. Mauris fermentum consectetur leo quis rutrum. Etiam non nisl convallis, volutpat lacus + vel, pharetra enim. Morbi sollicitudin molestie lorem et finibus. Pellentesque vitae convallis ligula, vitae + malesuada lectus. Nulla eleifend lacus commodo, condimentum magna sit amet, tempor nulla. + </p> + + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in vehicula ex, vel auctor sapien. Vestibulum ac + luctus sem. Proin ut pharetra nisl. Fusce id rutrum metus, in molestie nulla. Duis cursus mi nulla, vitae mollis + ex pellentesque sed. Nullam placerat, urna rhoncus aliquet vestibulum, metus lectus volutpat velit, ut molestie + est nisi lobortis sem. Mauris fermentum consectetur leo quis rutrum. Etiam non nisl convallis, volutpat lacus + vel, pharetra enim. Morbi sollicitudin molestie lorem et finibus. Pellentesque vitae convallis ligula, vitae + malesuada lectus. Nulla eleifend lacus commodo, condimentum magna sit amet, tempor nulla. + </p> + + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in vehicula ex, vel auctor sapien. Vestibulum ac + luctus sem. Proin ut pharetra nisl. Fusce id rutrum metus, in molestie nulla. Duis cursus mi nulla, vitae mollis + ex pellentesque sed. Nullam placerat, urna rhoncus aliquet vestibulum, metus lectus volutpat velit, ut molestie + est nisi lobortis sem. Mauris fermentum consectetur leo quis rutrum. Etiam non nisl convallis, volutpat lacus + vel, pharetra enim. Morbi sollicitudin molestie lorem et finibus. Pellentesque vitae convallis ligula, vitae + malesuada lectus. Nulla eleifend lacus commodo, condimentum magna sit amet, tempor nulla. + </p> + </> + }, +} \ No newline at end of file diff --git a/src/compositions/ContentWithSlider/ContentWithSlider.tsx b/src/compositions/ContentWithSlider/ContentWithSlider.tsx new file mode 100644 index 0000000..a45f5b4 --- /dev/null +++ b/src/compositions/ContentWithSlider/ContentWithSlider.tsx @@ -0,0 +1,22 @@ +import styles from "./styles.module.scss" +import { SideSlider } from '@/components/SideSlider/SideSlider' + +type ContentWithSliderProps = { + children: React.ReactNode; + slider: React.ReactNode; +} + +export const ContentWithSlider = ({children, slider}: ContentWithSliderProps) => { + return ( + <div className={styles.container}> + <div className={styles.content}> + {children} + </div> + <div className={styles.slider}> + <SideSlider> + {slider} + </SideSlider> + </div> + </div> + ) +} \ No newline at end of file diff --git a/src/compositions/ContentWithSlider/styles.module.scss b/src/compositions/ContentWithSlider/styles.module.scss new file mode 100644 index 0000000..b2e1603 --- /dev/null +++ b/src/compositions/ContentWithSlider/styles.module.scss @@ -0,0 +1,32 @@ +.container { + position: relative; +} + +.content { + max-width: 1100px; +} + +.slider { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); +} + +@media screen and (max-width: 1350px) { + .content { + max-width: calc(100vw - 250px); + } +} + +@media screen and (max-width: 700px) { + .content { + max-width: 100%; + } + + .slider { + position: relative; + top: 20px; + transform: none; + } +} \ No newline at end of file diff --git a/src/compositions/Footer/Footer.stories.tsx b/src/compositions/Footer/Footer.stories.tsx new file mode 100644 index 0000000..85f6a6e --- /dev/null +++ b/src/compositions/Footer/Footer.stories.tsx @@ -0,0 +1,13 @@ +import { Meta, StoryObj } from '@storybook/react' +import { Footer } from './Footer' + +const meta: Meta<typeof Footer> = { + component: Footer, +} + +type Story = StoryObj<typeof Footer>; +export default meta + +export const Default: Story = { + args: {}, +} \ No newline at end of file diff --git a/src/compositions/Footer/Footer.tsx b/src/compositions/Footer/Footer.tsx new file mode 100644 index 0000000..84d96c7 --- /dev/null +++ b/src/compositions/Footer/Footer.tsx @@ -0,0 +1,31 @@ +import { Section } from '@/components/Section/Section' +import { Container } from '@/components/Container/Container' +import { Logo } from '@/components/Logo/Logo' +import styles from "./styles.module.scss" + + +export const Footer = () => { + return ( + <Section backgroundColor="soft"> + <Container flex={true}> + <Logo + color={"#ffffff"} + textColor={"#426156"} + withText={true} + height={120} + /> + <div className={styles.container}> + <p> + Briesestraße 17 <br/> + 12053 Berlin-Neukölln + </p> + + <p> + T: 030-6889120 <br/> + E: pfarrer@dreikoenige.berlin + </p> + </div> + </Container> + </Section> + ); +} \ No newline at end of file diff --git a/src/compositions/Footer/styles.module.scss b/src/compositions/Footer/styles.module.scss new file mode 100644 index 0000000..f54a87d --- /dev/null +++ b/src/compositions/Footer/styles.module.scss @@ -0,0 +1,10 @@ +@import "template.scss"; + + +.logo { + width: 200px; +} + +.container { + color: $base-color; +} \ No newline at end of file diff --git a/src/compositions/ImageCardSlider/ImageCardSlider.stories.tsx b/src/compositions/ImageCardSlider/ImageCardSlider.stories.tsx new file mode 100644 index 0000000..1d8d528 --- /dev/null +++ b/src/compositions/ImageCardSlider/ImageCardSlider.stories.tsx @@ -0,0 +1,38 @@ +import { Meta, StoryObj } from '@storybook/react' +import { ImageCardSlider } from './ImageCardSlider' +import { Container } from '@/components/Container/Container' + +const meta: Meta<typeof ImageCardSlider> = { + component: ImageCardSlider, + decorators: [(Story) => <Container> + <Story /> + </Container>] +} + +type Story = StoryObj<typeof ImageCardSlider>; +export default meta + +export const Default: Story = { + args: { + slides: [ + { + id: "id1", + src: "https://www.sfcatholic.org/bishopsbulletin/wp-content/uploads/sites/3/2022/04/monstrance2-insta-1024x1024.jpg", + title: "Anbetung in Oktober", + href: "https://somelink" + }, + { + id: "id2", + src: "https://www.dioezese-linz.at/img/ab/91/03938ac624e84d1cda12/Allerheiligen-Pfarre_miteinander_2_.png", + title: "Allerseelen", + href: "https://somelink" + }, + { + id: "id3", + src: "https://i1.sndcdn.com/artworks-6CIZtxsNOaYIm98h-mL41yA-t500x500.jpg", + title: "Erntedankfest", + href: "https://somelink" + } + ] + }, +} \ No newline at end of file diff --git a/src/compositions/ImageCardSlider/ImageCardSlider.tsx b/src/compositions/ImageCardSlider/ImageCardSlider.tsx new file mode 100644 index 0000000..2f087ab --- /dev/null +++ b/src/compositions/ImageCardSlider/ImageCardSlider.tsx @@ -0,0 +1,36 @@ +import { ImageCard } from '@/components/ImageCard/ImageCard' +import styles from "./styles.module.scss" +import { StaticImageData } from 'next/image' +import { Arrow } from '@/components/Arrow/Arrow' + +type Slide = { + id: string, + src: string | StaticImageData, + title: string, + href: string, +} + +type ImageCardSliderProps = { + slides: Slide[] +} + +export const ImageCardSlider = ({slides}: ImageCardSliderProps) => { + return ( + <div className={styles.wrapper}> + <div className={styles.arrowLeft}> + <Arrow direction={"left"} /> + </div> + <div className={styles.container}> + { + slides.map(slide => <div key={slide.id} className={styles.item}> + <ImageCard src={slide.src} title={slide.title} href={slide.href} /> + </div>) + } + </div> + <div className={styles.arrowRight}> + <Arrow direction={"right"} /> + </div> + </div> + + ) +} \ No newline at end of file diff --git a/src/compositions/ImageCardSlider/styles.module.scss b/src/compositions/ImageCardSlider/styles.module.scss new file mode 100644 index 0000000..205ff91 --- /dev/null +++ b/src/compositions/ImageCardSlider/styles.module.scss @@ -0,0 +1,40 @@ +@import "template.scss"; + +.wrapper { + position: relative; +} + +.arrowLeft { + position: absolute; + top: calc(50% - 25px); + left: -50px; +} + +.arrowRight { + position: absolute; + right: -50px; + top: calc(50% - 25px); +} + +.container { + display: flex; + gap: 20px; + align-items: center; + flex-wrap: wrap; +} + +.item { + flex: 1 1 calc(33.333% - 20px); + aspect-ratio: 1 / 1; +} + +@media screen and (max-width: 576px) { + .item { + flex: 0 0 100%; + margin-bottom: 20px; + } + + .arrowLeft, .arrowRight { + display: none; + } +} \ No newline at end of file diff --git a/src/compositions/ImageWithText/ImageWithText.stories.tsx b/src/compositions/ImageWithText/ImageWithText.stories.tsx new file mode 100644 index 0000000..200f764 --- /dev/null +++ b/src/compositions/ImageWithText/ImageWithText.stories.tsx @@ -0,0 +1,33 @@ +import { Meta, StoryObj } from '@storybook/react' +import forest from "./forest.jpeg" +import chris from "./christophorus.jpeg" +import { ImageWithText } from './ImageWithText' +import { Button } from '@/components/Button/Button' + +const meta: Meta<typeof ImageWithText> = { + component: ImageWithText, +} + +type Story = StoryObj<typeof ImageWithText>; +export default meta + +export const AboutUs: Story = { + args: { + image: forest, + backgroundColor: "soft", + title: 'Über uns', + text: 'Wir begrüßen Sie herzlich in unserer Pfarrei Hl. Drei Könige und im bunten Neukölln mit einer Vielfalt von Kulturen und Nationalitäten.\n' + + '\n' + + 'Unsere Pfarrei Hl. Drei Könige wurde am 01.01.2020 gegründet. Am 12.01.2020 feierte Erzbischof Dr. Heiner Koch mit den Gemeinden die Gründung in einer feierlichen Hl. Messe in der katholischen Marienschule. Anwesende Gäste waren Bürgermeister Martin Hikel, Christian Nottmeier, der Superintendent des evangelischen Kirchenkreises Neukölln und vielen Akteuren aus Kiez und Ökumene. Die Vielfalt der Glaubenswege in unserer Pfarrei sehen wir als Schatz. Wie die drei Weisen aus dem Morgenland wollen wir uns immer wieder neu auf den Weg machen.', + link: <Button size={"lg"}>Mehr erfahren...</Button> + }, +} + +export const Christophorus: Story = { + args: { + image: chris, + backgroundColor: undefined, + title: 'St. Christhoporus', + text: 'Die St. Christophorus Kirche in Berlin-Neukölln ist ein bedeutendes Beispiel für modernen Kirchenbau in der Hauptstadt. Erbaut in den 1960er Jahren, spiegelt das Gebäude die Architektur und künstlerische Gestaltung dieser Zeit wider und zeichnet sich durch schlichte, klare Linien und einen funktionalen Stil aus. Die Kirche ist nach dem heiligen Christophorus benannt, dem Schutzpatron der Reisenden, und bietet den Gemeindemitgliedern und Besuchern einen Ort der Ruhe und Besinnung im lebhaften Stadtteil Neukölln. Neben Gottesdiensten finden hier regelmäßig kulturelle Veranstaltungen und soziale Projekte statt, die die Kirche zu einem wichtigen Treffpunkt im Kiez machen.', + }, +} \ No newline at end of file diff --git a/src/compositions/ImageWithText/ImageWithText.tsx b/src/compositions/ImageWithText/ImageWithText.tsx new file mode 100644 index 0000000..8383dfb --- /dev/null +++ b/src/compositions/ImageWithText/ImageWithText.tsx @@ -0,0 +1,42 @@ +import { BackgroundColor, Section } from '@/components/Section/Section' +import { Title } from '@/components/Title/Title' +import { Button } from '@/components/Button/Button' +import { Container } from '@/components/Container/Container' +import Image, { StaticImageData } from 'next/image' +import styles from "./styles.module.scss" +import classNames from 'classnames' + +type ImageWithTextProps = { + backgroundColor?: BackgroundColor, + title: string, + image: StaticImageData | string, + text: string + link?: React.ReactNode +} + +export const ImageWithText = ({backgroundColor, title, image, text, link}: ImageWithTextProps) => { + return ( + <Section backgroundColor={backgroundColor}> + <Container flex={true}> + <div className={classNames(styles.col, styles.imageCol)}> + <Image className={styles.image} src={image} objectFit={"cover"} alt={""} /> + </div> + <div className={styles.col}> + <Title title={title} size={"lg"} /> + + <Image className={styles.imageMobile} src={image} objectFit={"cover"} alt={""} /> + + <div> + {text} + </div> + + {link && + <div className={styles.right}> + {link} + </div> + } + </div> + </Container> + </Section> + ) +} \ No newline at end of file diff --git a/src/compositions/ImageWithText/christophorus.jpeg b/src/compositions/ImageWithText/christophorus.jpeg new file mode 100644 index 0000000..fa0c9a7 Binary files /dev/null and b/src/compositions/ImageWithText/christophorus.jpeg differ diff --git a/src/compositions/ImageWithText/forest.jpeg b/src/compositions/ImageWithText/forest.jpeg new file mode 100644 index 0000000..75ea1c0 Binary files /dev/null and b/src/compositions/ImageWithText/forest.jpeg differ diff --git a/src/compositions/ImageWithText/styles.module.scss b/src/compositions/ImageWithText/styles.module.scss new file mode 100644 index 0000000..7dccf61 --- /dev/null +++ b/src/compositions/ImageWithText/styles.module.scss @@ -0,0 +1,44 @@ +.right { + margin-top: 90px; + text-align: right; +} + +.image { + border-radius: 13px; + opacity: 0.6; + transition: opacity 3s; + width: 100%; + height: 100%; +} + +.image:hover { + opacity: 1; +} + +.imageMobile { + display: none; + width: 70vw; + height: 100%; + border-radius: 13px; + opacity: 0.6; + margin-bottom: 40px; +} + +.col { + width: calc(50% - 40px); +} + +@media screen and (max-width: 750px) { + .imageMobile { + display: block; + } + + .imageCol { + display: none; + } + + .col { + width: 100%; + } +} + diff --git a/src/hooks/useCompactDate.ts b/src/hooks/useCompactDate.ts index d421cb4..17d2df5 100644 --- a/src/hooks/useCompactDate.ts +++ b/src/hooks/useCompactDate.ts @@ -18,3 +18,18 @@ export const useDate = (date: string) => { date.substring(0, 4) ) } + +export const useShortDayName = (date: string) => { + const day = new Date(date); + const days = [ + "So", + "Mo", + "Di", + "Mi", + "Do", + "Fr", + "Sa" + ] + + return days[day.getDay()] +} diff --git a/yarn.lock b/yarn.lock index ffe723c..86d517c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3664,10 +3664,10 @@ __metadata: languageName: node linkType: hard -"@next/env@npm:15.0.0-canary.123": - version: 15.0.0-canary.123 - resolution: "@next/env@npm:15.0.0-canary.123" - checksum: 10c0/cf2ed377ce98532bfa7c473fa7e6363a6b5f0b7b5b3c808fb311bd80155d00e42b608232b3cf7193ffb5adb81fcec36f72f4f646b66bf8a048931befd7da4075 +"@next/env@npm:15.0.2": + version: 15.0.2 + resolution: "@next/env@npm:15.0.2" + checksum: 10c0/9c8eb08d6221ba2e2ccbfc887239aed83e62c18be7ff796b9b7c894e0be1a976a717e17eaf1be1fd61a919f7083112b2ffec5c0d071a4ac9b3881b439813a2e7 languageName: node linkType: hard @@ -3687,65 +3687,58 @@ __metadata: languageName: node linkType: hard -"@next/swc-darwin-arm64@npm:15.0.0-canary.123": - version: 15.0.0-canary.123 - resolution: "@next/swc-darwin-arm64@npm:15.0.0-canary.123" +"@next/swc-darwin-arm64@npm:15.0.2": + version: 15.0.2 + resolution: "@next/swc-darwin-arm64@npm:15.0.2" conditions: os=darwin & cpu=arm64 languageName: node linkType: hard -"@next/swc-darwin-x64@npm:15.0.0-canary.123": - version: 15.0.0-canary.123 - resolution: "@next/swc-darwin-x64@npm:15.0.0-canary.123" +"@next/swc-darwin-x64@npm:15.0.2": + version: 15.0.2 + resolution: "@next/swc-darwin-x64@npm:15.0.2" conditions: os=darwin & cpu=x64 languageName: node linkType: hard -"@next/swc-linux-arm64-gnu@npm:15.0.0-canary.123": - version: 15.0.0-canary.123 - resolution: "@next/swc-linux-arm64-gnu@npm:15.0.0-canary.123" +"@next/swc-linux-arm64-gnu@npm:15.0.2": + version: 15.0.2 + resolution: "@next/swc-linux-arm64-gnu@npm:15.0.2" conditions: os=linux & cpu=arm64 & libc=glibc languageName: node linkType: hard -"@next/swc-linux-arm64-musl@npm:15.0.0-canary.123": - version: 15.0.0-canary.123 - resolution: "@next/swc-linux-arm64-musl@npm:15.0.0-canary.123" +"@next/swc-linux-arm64-musl@npm:15.0.2": + version: 15.0.2 + resolution: "@next/swc-linux-arm64-musl@npm:15.0.2" conditions: os=linux & cpu=arm64 & libc=musl languageName: node linkType: hard -"@next/swc-linux-x64-gnu@npm:15.0.0-canary.123": - version: 15.0.0-canary.123 - resolution: "@next/swc-linux-x64-gnu@npm:15.0.0-canary.123" +"@next/swc-linux-x64-gnu@npm:15.0.2": + version: 15.0.2 + resolution: "@next/swc-linux-x64-gnu@npm:15.0.2" conditions: os=linux & cpu=x64 & libc=glibc languageName: node linkType: hard -"@next/swc-linux-x64-musl@npm:15.0.0-canary.123": - version: 15.0.0-canary.123 - resolution: "@next/swc-linux-x64-musl@npm:15.0.0-canary.123" +"@next/swc-linux-x64-musl@npm:15.0.2": + version: 15.0.2 + resolution: "@next/swc-linux-x64-musl@npm:15.0.2" conditions: os=linux & cpu=x64 & libc=musl languageName: node linkType: hard -"@next/swc-win32-arm64-msvc@npm:15.0.0-canary.123": - version: 15.0.0-canary.123 - resolution: "@next/swc-win32-arm64-msvc@npm:15.0.0-canary.123" +"@next/swc-win32-arm64-msvc@npm:15.0.2": + version: 15.0.2 + resolution: "@next/swc-win32-arm64-msvc@npm:15.0.2" conditions: os=win32 & cpu=arm64 languageName: node linkType: hard -"@next/swc-win32-ia32-msvc@npm:15.0.0-canary.123": - version: 15.0.0-canary.123 - resolution: "@next/swc-win32-ia32-msvc@npm:15.0.0-canary.123" - conditions: os=win32 & cpu=ia32 - languageName: node - linkType: hard - -"@next/swc-win32-x64-msvc@npm:15.0.0-canary.123": - version: 15.0.0-canary.123 - resolution: "@next/swc-win32-x64-msvc@npm:15.0.0-canary.123" +"@next/swc-win32-x64-msvc@npm:15.0.2": + version: 15.0.2 + resolution: "@next/swc-win32-x64-msvc@npm:15.0.2" conditions: os=win32 & cpu=x64 languageName: node linkType: hard @@ -5413,12 +5406,12 @@ __metadata: languageName: node linkType: hard -"@swc/helpers@npm:0.5.12": - version: 0.5.12 - resolution: "@swc/helpers@npm:0.5.12" +"@swc/helpers@npm:0.5.13": + version: 0.5.13 + resolution: "@swc/helpers@npm:0.5.13" dependencies: tslib: "npm:^2.4.0" - checksum: 10c0/44693c0f34d772d63f3a6fb461964ec583055549a96df9790afec125b2ba06929a63cf9a165a9aaf22317779f460f8caafa94458b70d5cb2bc057b6ba9b5d02c + checksum: 10c0/b9df578401fc62405da9a6c31e79e447a2fd90f68b25b1daee12f2caf2821991bb89106f0397bc1acb4c4d84a8ce079d04b60b65f534496952e3bf8c9a52f40f languageName: node linkType: hard @@ -7511,6 +7504,25 @@ __metadata: languageName: node linkType: hard +"chromatic@npm:^11.12.0": + version: 11.12.0 + resolution: "chromatic@npm:11.12.0" + peerDependencies: + "@chromatic-com/cypress": ^0.*.* || ^1.0.0 + "@chromatic-com/playwright": ^0.*.* || ^1.0.0 + peerDependenciesMeta: + "@chromatic-com/cypress": + optional: true + "@chromatic-com/playwright": + optional: true + bin: + chroma: dist/bin.js + chromatic: dist/bin.js + chromatic-cli: dist/bin.js + checksum: 10c0/78c2985d260617701ccf1dc7a91959621c9e26636adf4a21dcef3380fd35b7fc8b5442620326d20d8e7f008e228e59b48b2cc8f9205af38287979ea5a0007caa + languageName: node + linkType: hard + "chromatic@npm:^11.4.0": version: 11.7.1 resolution: "chromatic@npm:11.7.1" @@ -8569,6 +8581,7 @@ __metadata: "@types/node": "npm:^20.12.12" "@types/react": "npm:types-react@19.0.0-rc.0" "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0" + chromatic: "npm:^11.12.0" classnames: "npm:^2.5.1" cross-env: "npm:^7.0.3" eslint: "npm:^8" @@ -8577,7 +8590,7 @@ __metadata: eslint-plugin-storybook: "npm:^0.8.0" graphql: "npm:^16.8.1" mapbox-gl: "npm:^3.5.2" - next: "npm:15.0.0-canary.123" + next: "npm:^15.0.2" payload: "npm:3.0.0-beta.99" react: "npm:19.0.0-rc-f65ac7bd-20240826" react-dom: "npm:19.0.0-rc-f65ac7bd-20240826" @@ -12510,34 +12523,32 @@ __metadata: languageName: node linkType: hard -"next@npm:15.0.0-canary.123": - version: 15.0.0-canary.123 - resolution: "next@npm:15.0.0-canary.123" +"next@npm:^15.0.2": + version: 15.0.2 + resolution: "next@npm:15.0.2" dependencies: - "@next/env": "npm:15.0.0-canary.123" - "@next/swc-darwin-arm64": "npm:15.0.0-canary.123" - "@next/swc-darwin-x64": "npm:15.0.0-canary.123" - "@next/swc-linux-arm64-gnu": "npm:15.0.0-canary.123" - "@next/swc-linux-arm64-musl": "npm:15.0.0-canary.123" - "@next/swc-linux-x64-gnu": "npm:15.0.0-canary.123" - "@next/swc-linux-x64-musl": "npm:15.0.0-canary.123" - "@next/swc-win32-arm64-msvc": "npm:15.0.0-canary.123" - "@next/swc-win32-ia32-msvc": "npm:15.0.0-canary.123" - "@next/swc-win32-x64-msvc": "npm:15.0.0-canary.123" + "@next/env": "npm:15.0.2" + "@next/swc-darwin-arm64": "npm:15.0.2" + "@next/swc-darwin-x64": "npm:15.0.2" + "@next/swc-linux-arm64-gnu": "npm:15.0.2" + "@next/swc-linux-arm64-musl": "npm:15.0.2" + "@next/swc-linux-x64-gnu": "npm:15.0.2" + "@next/swc-linux-x64-musl": "npm:15.0.2" + "@next/swc-win32-arm64-msvc": "npm:15.0.2" + "@next/swc-win32-x64-msvc": "npm:15.0.2" "@swc/counter": "npm:0.1.3" - "@swc/helpers": "npm:0.5.12" + "@swc/helpers": "npm:0.5.13" busboy: "npm:1.6.0" caniuse-lite: "npm:^1.0.30001579" - graceful-fs: "npm:^4.2.11" postcss: "npm:8.4.31" - sharp: "npm:^0.33.4" + sharp: "npm:^0.33.5" styled-jsx: "npm:5.1.6" peerDependencies: "@opentelemetry/api": ^1.1.0 "@playwright/test": ^1.41.2 babel-plugin-react-compiler: "*" - react: 19.0.0-rc-1eaccd82-20240816 - react-dom: 19.0.0-rc-1eaccd82-20240816 + react: ^18.2.0 || 19.0.0-rc-02c0e824-20241028 + react-dom: ^18.2.0 || 19.0.0-rc-02c0e824-20241028 sass: ^1.3.0 dependenciesMeta: "@next/swc-darwin-arm64": @@ -12554,8 +12565,6 @@ __metadata: optional: true "@next/swc-win32-arm64-msvc": optional: true - "@next/swc-win32-ia32-msvc": - optional: true "@next/swc-win32-x64-msvc": optional: true sharp: @@ -12571,7 +12580,7 @@ __metadata: optional: true bin: next: dist/bin/next - checksum: 10c0/fe6185c1413d6da42b51ae18609d0abeeb0d0730efaf607c25fca48926c59742526f0c37064da8b4c840eeaef3222bffda46c2a8fa9de265a9d68fbab41e006a + checksum: 10c0/3bfbecda05bbd537260d21466dc91c6cc53e25318eef22748164ad9a3bcb0ac662327c68b0a8d7322808fefeed306402b79e53c46fbec342de600fd9dd977549 languageName: node linkType: hard @@ -15068,7 +15077,7 @@ __metadata: languageName: node linkType: hard -"sharp@npm:^0.33.3, sharp@npm:^0.33.4": +"sharp@npm:^0.33.3, sharp@npm:^0.33.5": version: 0.33.5 resolution: "sharp@npm:0.33.5" dependencies: