feature: newsletter
This commit is contained in:
Benno Tielen
parent
5541d5623d
commit
c8202d3737
10 changed files with 404 additions and 272 deletions
|
|
@ -19,6 +19,7 @@
|
||||||
"test": "vitest"
|
"test": "vitest"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@nyariv/sandboxjs": "^0.8.23",
|
||||||
"@payloadcms/db-postgres": "^3.22.0",
|
"@payloadcms/db-postgres": "^3.22.0",
|
||||||
"@payloadcms/next": "^3.22.0",
|
"@payloadcms/next": "^3.22.0",
|
||||||
"@payloadcms/richtext-lexical": "^3.22.0",
|
"@payloadcms/richtext-lexical": "^3.22.0",
|
||||||
|
|
|
||||||
|
|
@ -19,283 +19,283 @@ export default function RootLayout({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<html lang="de" className={defaultFont.className}>
|
<html lang="de" className={defaultFont.className}>
|
||||||
<body>
|
<body>
|
||||||
<div dangerouslySetInnerHTML={{ __html: comment }}></div>
|
<div dangerouslySetInnerHTML={{ __html: comment }}></div>
|
||||||
<Menu menu={{
|
<Menu menu={{
|
||||||
leftItems: [
|
leftItems: [
|
||||||
{
|
{
|
||||||
text: 'Home',
|
text: 'Home',
|
||||||
href: '/'
|
href: '/'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: 'Gemeinschaft finden',
|
text: 'Gemeinschaft finden',
|
||||||
megaMenu: {
|
megaMenu: {
|
||||||
text: {
|
text: {
|
||||||
quote: '„Denn wo zwei oder drei in meinem Namen versammelt sind, da bin ich mitten unter ihnen.“',
|
quote: '„Denn wo zwei oder drei in meinem Namen versammelt sind, da bin ich mitten unter ihnen.“',
|
||||||
source: 'Matt 18,20'
|
source: 'Matt 18,20'
|
||||||
|
},
|
||||||
|
groups: [
|
||||||
|
{
|
||||||
|
title: "Gemeinden",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: "St. Richard",
|
||||||
|
description: "Mehr informationen",
|
||||||
|
href: "/gemeinde/st-richard"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "St. Christophorus",
|
||||||
|
description: "Mehr informationen",
|
||||||
|
href: "/gemeinde/st-christophorus"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "St. Clara",
|
||||||
|
description: "Mehr informationen",
|
||||||
|
href: "/gemeinde/st-clara"
|
||||||
|
},
|
||||||
|
]
|
||||||
},
|
},
|
||||||
groups: [
|
{
|
||||||
{
|
title: "Gruppen",
|
||||||
title: "Gemeinden",
|
items: [
|
||||||
items: [
|
{
|
||||||
{
|
title: "Kathoccino",
|
||||||
title: "St. Richard",
|
description: "Brunchgruppe für junge Erwachsene",
|
||||||
description: "Mehr informationen",
|
href: "/gruppe/kathocchino"
|
||||||
href: "/gemeinde/st-richard"
|
},
|
||||||
},
|
{
|
||||||
{
|
title: "Credo & Agape",
|
||||||
title: "St. Christophorus",
|
description: "Gesprächskreis für Erwachsene ab 45 Jahren",
|
||||||
description: "Mehr informationen",
|
href: "/gruppe/credo-agape"
|
||||||
href: "/gemeinde/st-christophorus"
|
},
|
||||||
},
|
{
|
||||||
{
|
title: "Gemeinsam Kultur erleben",
|
||||||
title: "St. Clara",
|
description: "Monatliche Entdeckungstouren",
|
||||||
description: "Mehr informationen",
|
href: "/gruppe/gemeinsam-kultur-erleben"
|
||||||
href: "/gemeinde/st-clara"
|
},
|
||||||
},
|
{
|
||||||
]
|
title: "Reisen",
|
||||||
},
|
description: "Gemeinsam Zeit verbringen",
|
||||||
{
|
href: "/gruppe/reisen"
|
||||||
title: "Gruppen",
|
}
|
||||||
items: [
|
]
|
||||||
{
|
|
||||||
title: "Kathoccino",
|
|
||||||
description: "Brunchgruppe für junge Erwachsene",
|
|
||||||
href: "/gruppe/kathocchino"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Credo & Agape",
|
|
||||||
description: "Gesprächskreis für Erwachsene ab 45 Jahren",
|
|
||||||
href: "/gruppe/credo-agape"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Gemeinsam Kultur erleben",
|
|
||||||
description: "Monatliche Entdeckungstouren",
|
|
||||||
href: "/gruppe/gemeinsam-kultur-erleben"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Reisen",
|
|
||||||
description: "Gemeinsam Zeit verbringen",
|
|
||||||
href: "/gruppe/reisen"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Kinder & Jugend",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
title: "Mädelsgruppe",
|
|
||||||
description: "Zusammen die Welt entdecken",
|
|
||||||
href: "/gruppe/maedchen"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: 'Ministranten',
|
|
||||||
description: "Am Altar Gottes dienen",
|
|
||||||
href: "/gruppe/ministranten"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Unsere Kitas",
|
|
||||||
description: "Geborgenheit und Glaube",
|
|
||||||
href: "/gruppe/kitas"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Musik",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
title: "Kirchenchor",
|
|
||||||
description: "Singen und mitgestalten",
|
|
||||||
href: "/gruppe/kirchenchor"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Little Richards",
|
|
||||||
description: "Band von St. Richard",
|
|
||||||
href: "/gruppe/little-richards"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Kindergruppe",
|
|
||||||
description: "Jeden Freitag singen und spielen",
|
|
||||||
href: "/gruppe/kinder-musik"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Glauben feiern',
|
|
||||||
megaMenu: {
|
|
||||||
text: {
|
|
||||||
quote: '"Freut euch im Herrn zu jeder Zeit! Noch einmal sage ich: Freut euch!"',
|
|
||||||
source: 'Phil 4,4'
|
|
||||||
},
|
},
|
||||||
groups: [
|
{
|
||||||
{
|
title: "Kinder & Jugend",
|
||||||
title: "Sakramente",
|
items: [
|
||||||
items: [
|
{
|
||||||
{
|
title: "Mädelsgruppe",
|
||||||
title: "Taufe",
|
description: "Zusammen die Welt entdecken",
|
||||||
description: "Neues Leben in Christus",
|
href: "/gruppe/maedchen"
|
||||||
href: "/sakramente/taufe"
|
},
|
||||||
},
|
{
|
||||||
{
|
title: 'Ministranten',
|
||||||
title: "Eucharistie",
|
description: "Am Altar Gottes dienen",
|
||||||
description: "Gemeinschaft durch Brot und Wein",
|
href: "/gruppe/ministranten"
|
||||||
href: "/sakramente/eucharistie"
|
},
|
||||||
},
|
{
|
||||||
{
|
title: "Unsere Kitas",
|
||||||
title: "Firmung",
|
description: "Geborgenheit und Glaube",
|
||||||
description: "Stärkung im Heiligen Geist",
|
href: "/gruppe/kitas"
|
||||||
href: "/sakramente/firmung"
|
}
|
||||||
},
|
]
|
||||||
{
|
|
||||||
title: "Ehe",
|
|
||||||
description: "Bund in Liebe und Treue",
|
|
||||||
href: "/sakramente/ehe"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Beichte",
|
|
||||||
description: "Sündenbekenntnis, Vergebung und Neuanfang mit Gottes Gnade",
|
|
||||||
href: "/sakramente/beichte"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Krankensalbung",
|
|
||||||
description: "Stärkung und Gottes Beistand",
|
|
||||||
href: "/sakramente/krankensalbung"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Gebet",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
title: "Gottesdienste",
|
|
||||||
description: "Begegnung mit Gott",
|
|
||||||
href: "/gottesdienst"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Rosenkranz",
|
|
||||||
description: "Gebet der Meditation",
|
|
||||||
href: "/gruppe/rosenkranz"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Anbetung",
|
|
||||||
description: "Stille Begegnung mit Gott",
|
|
||||||
href: "/gruppe/eucharistische-anbetung"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Gebetsanliegen des Papstes",
|
|
||||||
description: "Vereint im Gebet mit dem Papst",
|
|
||||||
href: `/gebetsanliegen-des-papstes/${date.getFullYear()}/${(date.getUTCMonth() + 1).toString(10).padStart(2, '0')}`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Holy Hour",
|
|
||||||
description: "Dank, Ehre und Freude",
|
|
||||||
href: "/gruppe/lobpreis"
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Glaubenswachstum",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
title: "Alphakurs",
|
|
||||||
description: "Freude am Glauben entdecken",
|
|
||||||
href: "/gruppe/alphakurs"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Bibel & Exerzitien",
|
|
||||||
description: "Zeit für Gott",
|
|
||||||
href: "/gruppe/exerzitien"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Wallfahrt",
|
|
||||||
description: "Gott näher kommen",
|
|
||||||
href: "/gruppe/wallfahrt"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Nächstenliebe leben',
|
|
||||||
megaMenu: {
|
|
||||||
text: {
|
|
||||||
quote: '"Die Liebe ist langmütig, die Liebe ist gütig."',
|
|
||||||
source: '1. Kor 13-4'
|
|
||||||
},
|
},
|
||||||
groups: [
|
{
|
||||||
{
|
title: "Musik",
|
||||||
title: "Soziales Engagement",
|
items: [
|
||||||
items: [
|
{
|
||||||
{
|
title: "Kirchenchor",
|
||||||
href: '/gruppe/waermestube',
|
description: "Singen und mitgestalten",
|
||||||
title: 'Wärmestube',
|
href: "/gruppe/kirchenchor"
|
||||||
description: 'Kälteschutz für Bedürftige',
|
},
|
||||||
},
|
{
|
||||||
{
|
title: "Little Richards",
|
||||||
href: '/gruppe/essen-ist-fertig',
|
description: "Band von St. Richard",
|
||||||
title: 'Essen ist fertig',
|
href: "/gruppe/little-richards"
|
||||||
description: 'Essensausgabe Neukölln',
|
},
|
||||||
},
|
{
|
||||||
{
|
title: "Kindergruppe",
|
||||||
title: "Dicke Linda",
|
description: "Jeden Freitag singen und spielen",
|
||||||
description: "Marktstand auf dem Kranoldplatz",
|
href: "/gruppe/kinder-musik"
|
||||||
href: "/gruppe/dicke-linda"
|
}
|
||||||
}
|
]
|
||||||
]
|
}
|
||||||
},
|
]
|
||||||
{
|
|
||||||
title: "Mitmachen",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
title: 'Liturgische Dienste',
|
|
||||||
description: "Deine Talente für die Gemeinde",
|
|
||||||
href: "/gruppe/liturgische-dienste"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
href: '/gruppe/die-unterstuetzer',
|
|
||||||
title: 'Anpacken & Gutes tun',
|
|
||||||
description: 'Hilfe bei Kirchenreinigung und anderem',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
href: '/mithelfen/kleinanzeigen',
|
|
||||||
title: 'Kleinanzeigen',
|
|
||||||
description: 'Gemeinsam erreichen wir mehr'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Veranstaltungen',
|
|
||||||
href: '/veranstaltungen'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: 'Kontakt',
|
|
||||||
href: '/kontakt'
|
|
||||||
}
|
}
|
||||||
],
|
},
|
||||||
rightItems: [
|
{
|
||||||
{
|
text: 'Glauben feiern',
|
||||||
text: 'Mithelfen',
|
megaMenu: {
|
||||||
href: '/mithelfen',
|
text: {
|
||||||
},
|
quote: '"Freut euch im Herrn zu jeder Zeit! Noch einmal sage ich: Freut euch!"',
|
||||||
{
|
source: 'Phil 4,4'
|
||||||
text: 'Neu hier?',
|
},
|
||||||
href: '/neu-in-der-gemeinde',
|
groups: [
|
||||||
display: "button"
|
{
|
||||||
|
title: "Sakramente",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: "Taufe",
|
||||||
|
description: "Neues Leben in Christus",
|
||||||
|
href: "/sakramente/taufe"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Eucharistie",
|
||||||
|
description: "Gemeinschaft durch Brot und Wein",
|
||||||
|
href: "/sakramente/eucharistie"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Firmung",
|
||||||
|
description: "Stärkung im Heiligen Geist",
|
||||||
|
href: "/sakramente/firmung"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Ehe",
|
||||||
|
description: "Bund in Liebe und Treue",
|
||||||
|
href: "/sakramente/ehe"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Beichte",
|
||||||
|
description: "Sündenbekenntnis, Vergebung und Neuanfang mit Gottes Gnade",
|
||||||
|
href: "/sakramente/beichte"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Krankensalbung",
|
||||||
|
description: "Stärkung und Gottes Beistand",
|
||||||
|
href: "/sakramente/krankensalbung"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gebet",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: "Gottesdienste",
|
||||||
|
description: "Begegnung mit Gott",
|
||||||
|
href: "/gottesdienst"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Rosenkranz",
|
||||||
|
description: "Gebet der Meditation",
|
||||||
|
href: "/gruppe/rosenkranz"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Anbetung",
|
||||||
|
description: "Stille Begegnung mit Gott",
|
||||||
|
href: "/gruppe/eucharistische-anbetung"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gebetsanliegen des Papstes",
|
||||||
|
description: "Vereint im Gebet mit dem Papst",
|
||||||
|
href: `/gebetsanliegen-des-papstes/${date.getFullYear()}/${(date.getUTCMonth() + 1).toString(10).padStart(2, '0')}`
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Holy Hour",
|
||||||
|
description: "Dank, Ehre und Freude",
|
||||||
|
href: "/gruppe/lobpreis"
|
||||||
|
},
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Glaubenswachstum",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: "Alphakurs",
|
||||||
|
description: "Freude am Glauben entdecken",
|
||||||
|
href: "/gruppe/alphakurs"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Bibel & Exerzitien",
|
||||||
|
description: "Zeit für Gott",
|
||||||
|
href: "/gruppe/exerzitien"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Wallfahrt",
|
||||||
|
description: "Gott näher kommen",
|
||||||
|
href: "/gruppe/wallfahrt"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
},
|
||||||
}} />
|
{
|
||||||
<main className={"mainContent"}>
|
text: 'Nächstenliebe leben',
|
||||||
{children}
|
megaMenu: {
|
||||||
</main>
|
text: {
|
||||||
<Footer />
|
quote: '"Die Liebe ist langmütig, die Liebe ist gütig."',
|
||||||
</body>
|
source: '1. Kor 13-4'
|
||||||
|
},
|
||||||
|
groups: [
|
||||||
|
{
|
||||||
|
title: "Soziales Engagement",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
href: '/gruppe/waermestube',
|
||||||
|
title: 'Wärmestube',
|
||||||
|
description: 'Kälteschutz für Bedürftige',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
href: '/gruppe/essen-ist-fertig',
|
||||||
|
title: 'Essen ist fertig',
|
||||||
|
description: 'Essensausgabe Neukölln',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Dicke Linda",
|
||||||
|
description: "Marktstand auf dem Kranoldplatz",
|
||||||
|
href: "/gruppe/dicke-linda"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Mitmachen",
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: 'Liturgische Dienste',
|
||||||
|
description: "Deine Talente für die Gemeinde",
|
||||||
|
href: "/gruppe/liturgische-dienste"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
href: '/gruppe/die-unterstuetzer',
|
||||||
|
title: 'Anpacken & Gutes tun',
|
||||||
|
description: 'Hilfe bei Kirchenreinigung und anderem',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
href: '/mithelfen/kleinanzeigen',
|
||||||
|
title: 'Kleinanzeigen',
|
||||||
|
description: 'Gemeinsam erreichen wir mehr'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: 'Veranstaltungen',
|
||||||
|
href: '/veranstaltungen'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: 'Kontakt',
|
||||||
|
href: '/kontakt'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
rightItems: [
|
||||||
|
{
|
||||||
|
text: 'Mithelfen',
|
||||||
|
href: '/mithelfen',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: 'Neu hier?',
|
||||||
|
href: '/neu-in-der-gemeinde',
|
||||||
|
display: "button"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}} />
|
||||||
|
<main className={"mainContent"}>
|
||||||
|
{children}
|
||||||
|
</main>
|
||||||
|
<Footer />
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
22
src/compositions/PublicationAndNewsletter/NewsletterItem.tsx
Normal file
22
src/compositions/PublicationAndNewsletter/NewsletterItem.tsx
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
import styles from "./newsletteritem.module.scss"
|
||||||
|
|
||||||
|
type NewsletterItemProps = {
|
||||||
|
title: string;
|
||||||
|
pubDate: string;
|
||||||
|
link: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export const NewsletterItem = ({title, pubDate, link}: NewsletterItemProps) => {
|
||||||
|
const date = new Date(pubDate);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<div className={styles.date}>{date.toLocaleDateString()}</div>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
className={styles.title}
|
||||||
|
href={link} target={"_blank"}>{title}</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,79 @@
|
||||||
|
import { Section } from '@/components/Section/Section'
|
||||||
|
import { Container } from '@/components/Container/Container'
|
||||||
|
import { Row } from '@/components/Flex/Row'
|
||||||
|
import { Col } from '@/components/Flex/Col'
|
||||||
|
import { Title } from '@/components/Title/Title'
|
||||||
|
import { NewsletterItem } from '@/compositions/PublicationAndNewsletter/NewsletterItem'
|
||||||
|
import styles from "./styles.module.scss"
|
||||||
|
import Image from 'next/image'
|
||||||
|
import nordlicht from "./nordlicht.png"
|
||||||
|
import envelope from "./envelope.svg"
|
||||||
|
import Sandbox from '@nyariv/sandboxjs'
|
||||||
|
|
||||||
|
type NewsletterData = {
|
||||||
|
guid: string,
|
||||||
|
title: string,
|
||||||
|
link: string,
|
||||||
|
pubDate: string,
|
||||||
|
}
|
||||||
|
|
||||||
|
export const PublicationAndNewsletter = async () => {
|
||||||
|
|
||||||
|
let archiveData: NewsletterData[] = []
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch(
|
||||||
|
'https://s3-eu-west-1.amazonaws.com/files.crsend.com/37000/37866/rss/mailings.js',
|
||||||
|
{ cache: "force-cache", next: { revalidate: 3600 }}
|
||||||
|
);
|
||||||
|
const jsContent = await response.text();
|
||||||
|
|
||||||
|
// safe (?) alternative to `eval()`
|
||||||
|
const sandbox = new Sandbox();
|
||||||
|
const scope: {cr_archive: NewsletterData[] } = { cr_archive: [] };
|
||||||
|
const exec = sandbox.compile(jsContent);
|
||||||
|
exec(scope).run();
|
||||||
|
|
||||||
|
archiveData = scope.cr_archive.slice(0, 3);
|
||||||
|
|
||||||
|
} catch {
|
||||||
|
console.error("Could not fetch newsletters. Please check PublicationAndNewsletter component")
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Section backgroundColor={"off-white"}>
|
||||||
|
<Container>
|
||||||
|
<Row alignItems={"center"}>
|
||||||
|
<Col>
|
||||||
|
<a href={"https://storage.googleapis.com/dreikoenige/documents/nordlicht76-web.pdf"} target={"_blank"}>
|
||||||
|
<Image
|
||||||
|
className={styles.image}
|
||||||
|
src={nordlicht}
|
||||||
|
height={500}
|
||||||
|
alt={"Pfarreimagazin Ausgabe 67"}
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</Col>
|
||||||
|
<Col>
|
||||||
|
<div className={styles.titleContainer}>
|
||||||
|
<Image src={envelope} alt={"Newsletter icon"}/>
|
||||||
|
<Title
|
||||||
|
title={"Newsletter aus dem Bistum"}
|
||||||
|
size={"md"}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{archiveData.map((item) => (
|
||||||
|
<NewsletterItem
|
||||||
|
key={item.guid}
|
||||||
|
title={item.title}
|
||||||
|
link={item.link}
|
||||||
|
pubDate={item.pubDate}>
|
||||||
|
</NewsletterItem>
|
||||||
|
))}
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
</Container>
|
||||||
|
</Section>
|
||||||
|
)
|
||||||
|
}
|
||||||
1
src/compositions/PublicationAndNewsletter/envelope.svg
Normal file
1
src/compositions/PublicationAndNewsletter/envelope.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg fill="#728F8D" height="50px" width="50px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 382.117 382.117" xml:space="preserve" stroke="#4d4d4d"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M336.764,45.945H45.354C20.346,45.945,0,65.484,0,89.5v203.117c0,24.016,20.346,43.555,45.354,43.555h291.41 c25.008,0,45.353-19.539,45.353-43.555V89.5C382.117,65.484,361.772,45.945,336.764,45.945z M336.764,297.72H45.354 c-3.676,0-6.9-2.384-6.9-5.103V116.359l131.797,111.27c2.702,2.282,6.138,3.538,9.676,3.538l22.259,0.001 c3.536,0,6.974-1.257,9.677-3.539l131.803-111.274v176.264C343.664,295.336,340.439,297.72,336.764,297.72z M191.059,192.987 L62.87,84.397h256.378L191.059,192.987z"></path> </g></svg>
|
||||||
|
After Width: | Height: | Size: 883 B |
|
|
@ -0,0 +1,8 @@
|
||||||
|
.date {
|
||||||
|
font-size: 16px;
|
||||||
|
margin-top: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
BIN
src/compositions/PublicationAndNewsletter/nordlicht.png
Normal file
BIN
src/compositions/PublicationAndNewsletter/nordlicht.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 420 KiB |
10
src/compositions/PublicationAndNewsletter/styles.module.scss
Normal file
10
src/compositions/PublicationAndNewsletter/styles.module.scss
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
.image {
|
||||||
|
border: 30px solid #f8f8f8;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titleContainer {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
@ -20,6 +20,7 @@ import { CollapsibleImageWithText } from '@/compositions/CollapsibleImageWithTex
|
||||||
import { MoreInformation } from '@/pageComponents/Home/MoreInformation'
|
import { MoreInformation } from '@/pageComponents/Home/MoreInformation'
|
||||||
import { Button } from '@/components/Button/Button'
|
import { Button } from '@/components/Button/Button'
|
||||||
import styles from "./styles.module.scss"
|
import styles from "./styles.module.scss"
|
||||||
|
import { PublicationAndNewsletter } from '@/compositions/PublicationAndNewsletter/PublicationAndNewsletter'
|
||||||
|
|
||||||
type HomeProps = {
|
type HomeProps = {
|
||||||
events: Event[],
|
events: Event[],
|
||||||
|
|
@ -155,6 +156,8 @@ export const Home = ({
|
||||||
</Section>
|
</Section>
|
||||||
</ContentWithSlider>
|
</ContentWithSlider>
|
||||||
|
|
||||||
|
<PublicationAndNewsletter />
|
||||||
|
|
||||||
<ContactSection
|
<ContactSection
|
||||||
title={'Kontakt'}
|
title={'Kontakt'}
|
||||||
description={'Haben Sie Fragen zum Glauben, zu den Sakramenten oder unseren Angeboten? Benötigen Sie Hilfe in einer schwierigen Situation oder möchten Sie einfach Ihre Gedanken mit uns teilen?\n' +
|
description={'Haben Sie Fragen zum Glauben, zu den Sakramenten oder unseren Angeboten? Benötigen Sie Hilfe in einer schwierigen Situation oder möchten Sie einfach Ihre Gedanken mit uns teilen?\n' +
|
||||||
|
|
|
||||||
|
|
@ -3582,6 +3582,13 @@ __metadata:
|
||||||
languageName: node
|
languageName: node
|
||||||
linkType: hard
|
linkType: hard
|
||||||
|
|
||||||
|
"@nyariv/sandboxjs@npm:^0.8.23":
|
||||||
|
version: 0.8.23
|
||||||
|
resolution: "@nyariv/sandboxjs@npm:0.8.23"
|
||||||
|
checksum: 10c0/b0b7513a950c72e087fa90d779dd14f05158334be3961d6af3b10f29f9f94f52543a7d0879b180247f43144d31a80b11ae53c1e225c9de2fd653a915dec55b23
|
||||||
|
languageName: node
|
||||||
|
linkType: hard
|
||||||
|
|
||||||
"@one-ini/wasm@npm:0.1.1":
|
"@one-ini/wasm@npm:0.1.1":
|
||||||
version: 0.1.1
|
version: 0.1.1
|
||||||
resolution: "@one-ini/wasm@npm:0.1.1"
|
resolution: "@one-ini/wasm@npm:0.1.1"
|
||||||
|
|
@ -8198,6 +8205,7 @@ __metadata:
|
||||||
resolution: "drei-koenige-v3@workspace:."
|
resolution: "drei-koenige-v3@workspace:."
|
||||||
dependencies:
|
dependencies:
|
||||||
"@chromatic-com/storybook": "npm:^1.6.1"
|
"@chromatic-com/storybook": "npm:^1.6.1"
|
||||||
|
"@nyariv/sandboxjs": "npm:^0.8.23"
|
||||||
"@payloadcms/db-postgres": "npm:^3.22.0"
|
"@payloadcms/db-postgres": "npm:^3.22.0"
|
||||||
"@payloadcms/next": "npm:^3.22.0"
|
"@payloadcms/next": "npm:^3.22.0"
|
||||||
"@payloadcms/richtext-lexical": "npm:^3.22.0"
|
"@payloadcms/richtext-lexical": "npm:^3.22.0"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue