fix: new church icons
Some checks are pending
Deploy / deploy (push) Waiting to run

This commit is contained in:
Benno Tielen 2026-03-14 14:13:14 +01:00
parent f564641518
commit 3a626f8189
22 changed files with 253 additions and 43 deletions

View file

@ -22,7 +22,7 @@ const cairo = Cairo({
const faustina = Faustina({ subsets: ['latin'], display: 'swap' })
const lato = Lato({
subsets: ['latin'],
weight: ['300', '400', '900'],
weight: ['300', '400', '700', '900'],
display: 'swap'
})
const merriweather = Merriweather({

View file

@ -56,4 +56,67 @@ export const StAnna: Story = {
stroke: 3,
color: "#426156",
},
}
export const StJoseph: Story = {
args: {
church: "joseph",
style: "outline",
stroke: 3,
color: "#426156",
},
}
export const StFranziskus: Story = {
args: {
church: "franziskus",
style: "outline",
stroke: 3,
color: "#426156",
},
}
export const StAntonius: Story = {
args: {
church: "antonius",
style: "outline",
stroke: 3,
color: "#426156",
},
}
export const StMarien: Story = {
args: {
church: "marien",
style: "outline",
stroke: 3,
color: "#426156",
},
}
export const StMaria: Story = {
args: {
church: "maria",
style: "outline",
stroke: 3,
color: "#426156",
},
}
export const StAntoniusFalkenberg: Story = {
args: {
church: "antoniusFalkenberg",
style: "outline",
stroke: 3,
color: "#426156",
},
}
export const StJohannesNepomuk: Story = {
args: {
church: "johannesNepomuk",
style: "outline",
stroke: 3,
color: "#426156",
},
}

View file

@ -1,5 +1,17 @@
export type Church = "clara" | "christophorus" | "richard" | "eduard" | "anna"
export type Church =
| 'clara'
| 'christophorus'
| 'richard'
| 'eduard'
| 'anna'
| 'joseph'
| 'franziskus'
| 'antonius'
| 'marien'
| 'maria'
| 'antoniusFalkenberg'
| 'johannesNepomuk'
type ChurchIconProps = {
church: Church
@ -45,6 +57,124 @@ export const ChurchIcon = ({church, style, stroke, color}: ChurchIconProps) => {
</svg>
}
if (church === 'joseph') {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 243.78 243.78">
<g
fill={style === 'outline' ? '#ffffff' : color}
stroke={color}
strokeWidth={stroke}
strokeMiterlimit={10}
>
<path d="M146.38,160.38c0,6.94,3.11,12.38,7.09,12.38s7.09-5.44,7.09-12.38-3.11-12.38-7.09-12.38-7.09,5.44-7.09,12.38ZM153.47,150.48c2.18,0,4.61,4.07,4.61,9.9s-2.43,9.9-4.61,9.9-4.61-4.07-4.61-9.9,2.43-9.9,4.61-9.9Z" />
<path d="M175.61,75.38l-19.75-44.65v-9.17h2.99v-2.48h-2.99v-4.92h-2.48v4.92h-2.99v2.48h2.99v9.2l-16.95,43.7v45.87l-77.66,13.62v91.58h110.15v-52.78h6.69v-97.38ZM138.92,76.13l19.17-7.81v22.98l-19.17,6.79v-21.96ZM160.57,68.74l12.57,8.01v24.6l-12.57-9.77v-22.84ZM160.16,65.54l-9.21-21.47,3.75-9.8,16.9,38.57-11.44-7.29ZM149.69,47.37l7.99,18.43-17.83,7.27,9.83-25.7ZM61.25,136.04l88.3-15.49-4.73,5.68-7.82,9.38-75.76,14.12v-13.69ZM136.43,223.06H61.25v-70.8l55.46-10.34,19.72-3.68v84.81ZM166.44,223.06h-27.53v-85.86l8.11-9.73,5.41-6.49,14.01,27.36v74.71ZM168.92,170.28v-22.53l-14.77-28.84-.79-1.54-1.35.24-13.1,2.3v-19.17l20.18-7.16,14.03,10.91v65.8h-4.21Z" />
</g>
</svg>
)
}
if (church === 'franziskus') {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 291.97 291.97">
<g
fill={style === 'outline' ? '#ffffff' : color}
stroke={color}
strokeWidth={stroke}
strokeMiterlimit={10}
>
<path d="M195.93,130.1v-51.2l-32.17-17.31v-7.08h4.6v-3.3h-4.6v-4.54h-3.3v4.54h-4.57v3.3h4.57v86.42l-41.6,4.88v13.59l-50.03,6.51v7.85l-39.86,3.82v32.41h39.43v3.82h50.46v5.51h78.77v-6.36h39.01v-88.78l-40.7,5.94ZM192.63,91.86l-28.87-15.68v-10.84l28.87,15.54v10.98ZM163.76,79.93l28.87,15.68v41.54l-28.87,3.39v-60.61ZM71.7,210.5v-10.38h-3.3v6.56h-36.13v-18.72l21.82-2.06.11-3.34-21.93,2.07v-4.07l36.55-3.5v8.04h3.3v-8.48l21.4-2.59.11-3.34-21.52,2.61v-4.5l46.73-6.08v47.77h-47.15ZM197.63,209.65v-11.23h-3.3v17.59h-72.17v-67.26l70.47-8.26v3.45l-25.25,3.14-.08,3.09,25.33-2.89v21.77h3.3v-35.6l37.4-5.45v3.76l-24.4,3.8v3.34s24.4-3.8,24.4-3.8v74.56h-35.71Z" />
</g>
</svg>
)
}
if (church === 'antonius') {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 226.77 226.77">
<g
fill={style === 'outline' ? '#ffffff' : color}
stroke={color}
strokeWidth={stroke}
strokeMiterlimit={10}
>
<path d="M102.08,85.55v-28.46L62.97,23.42v-10.6h3.68v-3h-3.68v-4.21h-3v4.21h-3.68v3h3.68v75.51l-24.92,23.7v95.05l39.92,6.65v.23h116.51V58.26l-89.4,27.29ZM38.05,204.54v-91.22l24.92-23.7V27.38l36.11,31.09v28l-8,2.44v-19.78c0-4.63-3.62-8.39-8.06-8.39s-8.06,3.77-8.06,8.39v141.57l-36.92-6.15ZM88.08,89.82l-10.12,3.09v-23.79c0-2.97,2.27-5.39,5.06-5.39s5.06,2.42,5.06,5.39v20.7ZM77.96,174.36h6.36v6.86h60.31v29.73h-66.67v-36.6ZM188.48,210.96h-40.85v-32.73h-60.31v-6.86h-9.36v-75.31l110.51-33.74v148.65Z" />
<path d="M60.08,109.28c-4.44,0-8.06,3.77-8.06,8.39v46.88h16.12v-46.88c0-4.63-3.62-8.39-8.06-8.39ZM65.14,161.55h-10.12v-43.88c0-2.97,2.27-5.39,5.06-5.39s5.06,2.42,5.06,5.39v43.88Z" />
<path d="M102.08,108.25c0-5.42-3.62-9.83-8.06-9.83s-8.06,4.41-8.06,9.83v56.31h16.12v-56.31ZM99.08,161.55h-10.12v-53.31c0-3.76,2.27-6.83,5.06-6.83s5.06,3.06,5.06,6.83v53.31Z" />
<path d="M121.26,108.25c0-5.42-3.62-9.83-8.06-9.83s-8.06,4.41-8.06,9.83v56.31h16.12v-56.31ZM118.26,161.55h-10.12v-53.31c0-3.76,2.27-6.83,5.06-6.83s5.06,3.06,5.06,6.83v53.31Z" />
<path d="M141.28,108.25c0-5.42-3.62-9.83-8.06-9.83s-8.06,4.41-8.06,9.83v56.31h16.12v-56.31ZM138.28,161.55h-10.12v-53.31c0-3.76,2.27-6.83,5.06-6.83s5.06,3.06,5.06,6.83v53.31Z" />
</g>
</svg>
)
}
if (church === 'marien') {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 291.97 291.97">
<g
fill={style === 'outline' ? '#ffffff' : color}
stroke={color}
strokeWidth={stroke}
strokeMiterlimit={10}
>
<path d="M168.14,140.78v-18.24l15.03-1.52v-13.2l-21.59,2.16v-12.04h3.86v-2.35h-3.86v-5.61h-2.35v5.61h-3.86v2.35h3.86v12.27l-137.61,13.75v14.25l9.46-.93v89.07h137.07v-7.47h97.31v-65.39l-97.31-12.71ZM263.1,155.56v5.01l-94.96-12.16v-5.25l94.96,12.4ZM23.97,126.1l156.85-15.67v8.47l-12.68,1.28h0s-1.21.12-1.21.12h-.08s0,0,0,0l-133.16,14.36-9.72.95v-9.52ZM63.87,133.78v90.22h-15.19v-88.58l15.19-1.64ZM33.43,137.07l12.9-1.39v88.33h-12.9v-86.94ZM165.79,224h-99.56v-90.47l99.56-10.73v101.21ZM263.1,216.53h-94.96v-44.12h94.96v44.12ZM168.14,170.05v-19.27l94.96,12.16v7.11h-94.96Z" />
<path d="M110.33,137.9h-30.64v26.95h30.64v-26.95ZM107.98,162.49h-25.93v-22.24h25.93v22.24Z" />
<path d="M110.33,210.97v-26.95h-30.64v26.95h30.64ZM82.05,186.38h25.93v22.24h-25.93v-22.24Z" />
<path d="M155.67,184.02h-30.64v26.95h30.64v-26.95ZM153.31,208.61h-25.93v-22.24h25.93v22.24Z" />
</g>
</svg>
)
}
if (church === 'maria') {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 291.97 291.97">
<g
fill={style === 'outline' ? '#ffffff' : color}
stroke={color}
strokeWidth={stroke}
strokeMiterlimit={10}
>
<path d="M282.56,165.1l-37.59-10.56-22.88,3.88v-5.99l3.06-.31.05-2.12-3.11.31v-3.62h-2.1v3.89l-3.32.3.07,2.11,3.25-.29v6.07l-115.27,19.78v3.44l-93.29,2.82-1.02.03v45.05l65.2,1.31h0s22.19.45,22.19.45h0s28.99.57,28.99.57l13.69,1.26v.03l.94.06h.01s0,0,0,0l104.48,6.7v-.4l28.75-11.07v-57.02l7.9,2.15v-8.84ZM175.97,204.72v28.98l-4.7-.3v-28.66l4.7-.02ZM178.08,204.71l20.22-.08v30.49l-20.22-1.3v-29.12ZM200.4,204.62l5.32-.02v31l-5.32-.34v-30.64ZM207.82,204.6l23.34-.09v32.72l-23.34-1.5v-31.14ZM233.26,204.5l6.38-.02v33.3l-6.38-.41v-32.87ZM142.57,202.74v-4.97l101.23-2.3v6.89l-101.23.38ZM233.26,193.6v-27.52l6.38-1.04v28.42l-6.38.15ZM231.16,193.65l-23.34.53v-23.95l23.34-3.81v27.23ZM205.72,194.23l-5.32.12v-22.91l5.32-.87v23.65ZM198.3,194.4l-20.22.46v-19.77l20.22-3.3v22.61ZM175.97,194.9l-4.7.11v-18.82l4.7-.77v19.48ZM169.17,195.06l-26.59.61v-9.65l-11.06-3.33,37.65-6.14v18.52ZM245.9,195.65l26.65,4.8v5.73l-26.65-3.68v-6.85ZM272.55,198.31l-26.65-4.8v-29.04l26.65,6.76v27.07ZM243.8,193.36l-2.05.05v-28.71l2.05-.34v29ZM106.82,180.34l136.95-23.5.02,5.39-116.85,19.08-1.12.06-19,.57v-1.6ZM95.69,229.52l-17.98-.36v-23.16h17.98v23.52ZM75.61,203.89v25.22l-63.09-1.27v-40.95l113.31-3.43v46.66l-28.03-.56v-25.67h-22.19ZM127.93,230.24v-46.44l12.54,3.78v43.81l-12.54-1.15ZM142.57,204.84l26.59-.1v28.52l-26.59-1.7v-26.71ZM241.75,237.91v-33.44h2.05s0,33.57,0,33.57l-2.05-.13ZM245.9,237.63v-33.02l26.65,3.68v19.08l-26.65,10.26ZM280.46,171.19l-5.8-1.58h0s-28.76-7.31-28.76-7.31l-.02-5.32,34.58,9.72v4.49Z" />
</g>
</svg>
)
}
if (church === 'antoniusFalkenberg') {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240.94 240.94">
<g
fill={style === 'outline' ? '#ffffff' : color}
stroke={color}
strokeWidth={stroke}
strokeMiterlimit={10}
>
<path d="M139.66,58.07c-4.06,0-7.36,3.3-7.36,7.36v31.72h14.72v-31.72c0-4.06-3.3-7.36-7.36-7.36ZM144.82,94.96h-10.33v-29.52c0-2.85,2.32-5.16,5.16-5.16s5.16,2.32,5.16,5.16v29.52Z" />
<path d="M78.21,170.99h-25.57v17.85h25.57v-17.85ZM76.02,186.64h-21.18v-13.45h21.18v13.45Z" />
<path d="M128.52,170.99h-25.57v17.85h25.57v-17.85ZM126.32,186.64h-21.18v-13.45h21.18v13.45Z" />
<path d="M157.25,105.18v-59.28h-5.43v-16.57h4.33v-2.2h-4.33v-7.27h-2.2v7.27h-4.35v2.2h4.35v16.57h-3.83l.13,4.67h-22.96v25.79l-63.87-.63v23.61h-21.4v110.75h119.56v-.66l29-30.48v-33.29l-29-40.48ZM155.05,207.89H39.88v-43.97h115.17v43.97ZM155.05,161.73H39.88v-60.2h21.4v-23.59l63.87.63v-25.81h23.02l-.13-4.67h7.01v113.64ZM184.06,178.07l-26.81,28.18v-97.3l26.81,37.42v31.71Z" />
</g>
</svg>
)
}
if (church === 'johannesNepomuk') {
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340.16 340.16">
<g
fill={style === 'outline' ? '#ffffff' : color}
stroke={color}
strokeWidth={stroke}
strokeMiterlimit={10}
>
<polygon points="126.83 186.79 128.83 186.79 128.83 178.02 131.13 178.02 131.13 176.02 128.83 176.02 128.83 173.63 126.83 173.63 126.83 176.02 124.53 176.02 124.53 178.02 126.83 178.02 126.83 186.79" />
<path d="M269.06,100.09c-3.4,0-6.16,2.76-6.16,6.16v60.54h12.33v-60.54c0-3.4-2.77-6.16-6.16-6.16ZM273.23,164.8h-8.33v-58.54c0-2.3,1.87-4.16,4.16-4.16s4.16,1.87,4.16,4.16v58.54Z" />
<path d="M292.87,221.86c-.23-8.98-2.01-79.99-1.59-103.42.15-8.37-2.06-14.68-6.58-18.77-5.25-4.75-11.99-5.05-14.64-4.96v-7.68c2.13-.41,3.8-2.08,4.21-4.21h2.02v-2h-2.02c-.41-2.13-2.08-3.81-4.21-4.21v-11.57h-2v11.57c-2.13.41-3.81,2.08-4.21,4.21h-2.02v2h2.02c.41,2.13,2.09,3.81,4.21,4.21v7.79c-6.03.44-10.95,4.82-10.95,9.96l-.56,51.84v8.23l-121.62-15.61-49.35,41.76-16.01,1.19v4.85l4.65.16v3.41l-16.19,13.13v70.19l31.69,1.2v.07l11.38.36,2.57.1h0s12.4.47,12.4.47h0s13.77.52,13.77.52l.88.03h0s12.59.48,12.59.48l1.21.05h0s35.05,1.33,35.05,1.33l1.04.04v-.1l34.9-2.33h0s9.11-.61,9.11-.61l13.04-.87h0s10.82-.72,10.82-.72h0s11.17-.74,11.17-.74h0s10.82-.72,10.82-.72h0s11.6-.77,11.6-.77h0s10.82-.72,10.82-.72v-59.13h-.02ZM289.28,118.41c-.42,23.36,1.35,93.87,1.59,103.38l-8.79-.31h0s0,0,0,0l-1.58-116.62c0-2.82-1.32-5.36-3.44-7.2,2.11.65,4.35,1.72,6.32,3.51,4.06,3.68,6.05,9.48,5.91,17.24ZM284.08,279.58v-56.02l6.82.24v55.33l-6.82.45ZM270.06,84.97v-2.14h2.14c-.33,1.02-1.12,1.82-2.14,2.14ZM272.2,80.83h-2.14v-2.14c1.02.33,1.82,1.12,2.14,2.14ZM268.06,78.68v2.14h-2.14c.33-1.02,1.12-1.82,2.14-2.14ZM265.92,82.83h2.14v2.14c-1.02-.33-1.82-1.12-2.14-2.14ZM258.55,156.64l.56-51.84c0-4.07,4.01-7.55,8.95-7.97l1.04-.04c5.18.02,9.39,3.64,9.39,8.09l1.55,115.17-21.5-20.35v-43.06ZM256.55,166.87v33.69l21.98,20.81-8.06-.28h0s-8.1-.28-8.1-.28l-36.03-1.25v-.03l-10.82-.36v.02l-35.34-1.23-43.43-65.96,119.81,14.88ZM264.2,280.9l-2.54.17v-58.29l.76.03,6.06.21v57.6l-4.28.29ZM246.49,282.08l-2.32.15-4.5.3v-60.5l6.82.23v59.82ZM221.52,283.75l-4,.27v-62.77l6.82.24v62.07l-2.82.19ZM201.62,285.07l-6.82.45v-64.99l6.82.23v64.31ZM134.5,152.23l43.23,65.64-30.06-1.04,12.92-19.46v-4.42l-34.07-5.27-37.52,3.05,45.5-38.5ZM157.59,197.75l-10.71,16.62v-15.26l10.71-1.36ZM157.94,196.13l-13.24,1.41-72.82-2.39v-1.53l54.55-3.93,31.5,4.67v1.77ZM135.72,199.26l6.82.23v85.65l-6.82-.27v-85.61ZM76.23,282.56v-85.3l6.82.23v85.33l-6.82-.26ZM74.23,203.23v11.07l-12.57-.43,12.57-10.63ZM60.04,215.81l14.19.49v66.25l-14.19-.54v-66.2ZM100.13,283.53l-8.4-.32v-19.62l8.4.27v19.67ZM114.08,284.06l-3.67-.14-4.73-.18v-19.77l8.4.22v19.86ZM120.33,284.28v-20.06l8.4.2v20.19l-8.4-.33ZM118.33,262.17v22.04l-2.25-.09v-21.89l-12.4-.33v21.75l-1.55-.06v-21.68l-12.4-.39v21.6l-1.8-.07v-85.41l45.78,1.54v85.61l-2.98-.11v-22.22l-12.4-.3ZM178.63,286.5l-31.75-1.2v-66.5l31.75,1.1v66.61ZM180.63,219.97l12.17.42v65.27l-12.17.81v-66.51ZM203.62,284.94v-64.18l11.9.41v62.97l-11.9.79ZM226.34,283.43v-61.87l11.33.39v60.72l-11.33.76ZM248.49,281.95v-59.63l11.17.39v58.49l-11.17.74ZM270.48,280.48v-57.4l10.25.36,1.35,1.28v54.99l-11.6.77Z" />
</g>
</svg>
)
}
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 223.94 276.25">
<g fill={style === "outline" ? "#ffffff" : color} stroke={color} strokeWidth={stroke}>

View file

Before

Width:  |  Height:  |  Size: 479 B

After

Width:  |  Height:  |  Size: 479 B

View file

Before

Width:  |  Height:  |  Size: 456 B

After

Width:  |  Height:  |  Size: 456 B

View file

Before

Width:  |  Height:  |  Size: 563 B

After

Width:  |  Height:  |  Size: 563 B

View file

Before

Width:  |  Height:  |  Size: 452 B

After

Width:  |  Height:  |  Size: 452 B

View file

Before

Width:  |  Height:  |  Size: 236 B

After

Width:  |  Height:  |  Size: 236 B

View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Ebene_4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240.94 240.94"><defs><style>.cls-1{fill:none;stroke:#181715;stroke-miterlimit:10;stroke-width:.25px;}</style></defs><path class="cls-1" d="M139.66,58.07c-4.06,0-7.36,3.3-7.36,7.36v31.72h14.72v-31.72c0-4.06-3.3-7.36-7.36-7.36ZM144.82,94.96h-10.33v-29.52c0-2.85,2.32-5.16,5.16-5.16s5.16,2.32,5.16,5.16v29.52Z"/><path class="cls-1" d="M78.21,170.99h-25.57v17.85h25.57v-17.85ZM76.02,186.64h-21.18v-13.45h21.18v13.45Z"/><path class="cls-1" d="M128.52,170.99h-25.57v17.85h25.57v-17.85ZM126.32,186.64h-21.18v-13.45h21.18v13.45Z"/><path class="cls-1" d="M157.25,105.18v-59.28h-5.43v-16.57h4.33v-2.2h-4.33v-7.27h-2.2v7.27h-4.35v2.2h4.35v16.57h-3.83l.13,4.67h-22.96v25.79l-63.87-.63v23.61h-21.4v110.75h119.56v-.66l29-30.48v-33.29l-29-40.48ZM155.05,207.89H39.88v-43.97h115.17v43.97ZM155.05,161.73H39.88v-60.2h21.4v-23.59l63.87.63v-25.81h23.02l-.13-4.67h7.01v113.64ZM184.06,178.07l-26.81,28.18v-97.3l26.81,37.42v31.71Z"/></svg>

After

Width:  |  Height:  |  Size: 1,019 B

View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Ebene_4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 226.77 226.77"><defs><style>.cls-1{fill:none;stroke:#181715;stroke-miterlimit:10;stroke-width:.25px;}</style></defs><path class="cls-1" d="M102.08,85.55v-28.46L62.97,23.42v-10.6h3.68v-3h-3.68v-4.21h-3v4.21h-3.68v3h3.68v75.51l-24.92,23.7v95.05l39.92,6.65v.23h116.51V58.26l-89.4,27.29ZM38.05,204.54v-91.22l24.92-23.7V27.38l36.11,31.09v28l-8,2.44v-19.78c0-4.63-3.62-8.39-8.06-8.39s-8.06,3.77-8.06,8.39v141.57l-36.92-6.15ZM88.08,89.82l-10.12,3.09v-23.79c0-2.97,2.27-5.39,5.06-5.39s5.06,2.42,5.06,5.39v20.7ZM77.96,174.36h6.36v6.86h60.31v29.73h-66.67v-36.6ZM188.48,210.96h-40.85v-32.73h-60.31v-6.86h-9.36v-75.31l110.51-33.74v148.65Z"/><path class="cls-1" d="M60.08,109.28c-4.44,0-8.06,3.77-8.06,8.39v46.88h16.12v-46.88c0-4.63-3.62-8.39-8.06-8.39ZM65.14,161.55h-10.12v-43.88c0-2.97,2.27-5.39,5.06-5.39s5.06,2.42,5.06,5.39v43.88Z"/><path class="cls-1" d="M102.08,108.25c0-5.42-3.62-9.83-8.06-9.83s-8.06,4.41-8.06,9.83v56.31h16.12v-56.31ZM99.08,161.55h-10.12v-53.31c0-3.76,2.27-6.83,5.06-6.83s5.06,3.06,5.06,6.83v53.31Z"/><path class="cls-1" d="M121.26,108.25c0-5.42-3.62-9.83-8.06-9.83s-8.06,4.41-8.06,9.83v56.31h16.12v-56.31ZM118.26,161.55h-10.12v-53.31c0-3.76,2.27-6.83,5.06-6.83s5.06,3.06,5.06,6.83v53.31Z"/><path class="cls-1" d="M141.28,108.25c0-5.42-3.62-9.83-8.06-9.83s-8.06,4.41-8.06,9.83v56.31h16.12v-56.31ZM138.28,161.55h-10.12v-53.31c0-3.76,2.27-6.83,5.06-6.83s5.06,3.06,5.06,6.83v53.31Z"/></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Ebene_4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 291.97 291.97"><defs><style>.cls-1{fill:none;stroke:#181715;stroke-miterlimit:10;stroke-width:.25px;}</style></defs><path class="cls-1" d="M195.93,130.1v-51.2l-32.17-17.31v-7.08h4.6v-3.3h-4.6v-4.54h-3.3v4.54h-4.57v3.3h4.57v86.42l-41.6,4.88v13.59l-50.03,6.51v7.85l-39.86,3.82v32.41h39.43v3.82h50.46v5.51h78.77v-6.36h39.01v-88.78l-40.7,5.94ZM192.63,91.86l-28.87-15.68v-10.84l28.87,15.54v10.98ZM163.76,79.93l28.87,15.68v41.54l-28.87,3.39v-60.61ZM71.7,210.5v-10.38h-3.3v6.56h-36.13v-18.72l21.82-2.06.11-3.34-21.93,2.07v-4.07l36.55-3.5v8.04h3.3v-8.48l21.4-2.59.11-3.34-21.52,2.61v-4.5l46.73-6.08v47.77h-47.15ZM197.63,209.65v-11.23h-3.3v17.59h-72.17v-67.26l70.47-8.26v3.45l-25.25,3.14-.08,3.09,25.33-2.89v21.77h3.3v-35.6l37.4-5.45v3.76l-24.4,3.8v3.34s24.4-3.8,24.4-3.8v74.56h-35.71Z"/></svg>

After

Width:  |  Height:  |  Size: 889 B

View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Ebene_4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340.16 340.16"><defs><style>.cls-1{fill:none;stroke:#181715;stroke-miterlimit:10;stroke-width:.25px;}</style></defs><polygon class="cls-1" points="126.83 186.79 128.83 186.79 128.83 178.02 131.13 178.02 131.13 176.02 128.83 176.02 128.83 173.63 126.83 173.63 126.83 176.02 124.53 176.02 124.53 178.02 126.83 178.02 126.83 186.79"/><path class="cls-1" d="M269.06,100.09c-3.4,0-6.16,2.76-6.16,6.16v60.54h12.33v-60.54c0-3.4-2.77-6.16-6.16-6.16ZM273.23,164.8h-8.33v-58.54c0-2.3,1.87-4.16,4.16-4.16s4.16,1.87,4.16,4.16v58.54Z"/><path class="cls-1" d="M292.87,221.86c-.23-8.98-2.01-79.99-1.59-103.42.15-8.37-2.06-14.68-6.58-18.77-5.25-4.75-11.99-5.05-14.64-4.96v-7.68c2.13-.41,3.8-2.08,4.21-4.21h2.02v-2h-2.02c-.41-2.13-2.08-3.81-4.21-4.21v-11.57h-2v11.57c-2.13.41-3.81,2.08-4.21,4.21h-2.02v2h2.02c.41,2.13,2.09,3.81,4.21,4.21v7.79c-6.03.44-10.95,4.82-10.95,9.96l-.56,51.84v8.23l-121.62-15.61-49.35,41.76-16.01,1.19v4.85l4.65.16v3.41l-16.19,13.13v70.19l31.69,1.2v.07l11.38.36,2.57.1h0s12.4.47,12.4.47h0s13.77.52,13.77.52l.88.03h0s12.59.48,12.59.48l1.21.05h0s35.05,1.33,35.05,1.33l1.04.04v-.1l34.9-2.33h0s9.11-.61,9.11-.61l13.04-.87h0s10.82-.72,10.82-.72h0s11.17-.74,11.17-.74h0s10.82-.72,10.82-.72h0s11.6-.77,11.6-.77h0s10.82-.72,10.82-.72v-59.13h-.02ZM289.28,118.41c-.42,23.36,1.35,93.87,1.59,103.38l-8.79-.31h0s0,0,0,0l-1.58-116.62c0-2.82-1.32-5.36-3.44-7.2,2.11.65,4.35,1.72,6.32,3.51,4.06,3.68,6.05,9.48,5.91,17.24ZM284.08,279.58v-56.02l6.82.24v55.33l-6.82.45ZM270.06,84.97v-2.14h2.14c-.33,1.02-1.12,1.82-2.14,2.14ZM272.2,80.83h-2.14v-2.14c1.02.33,1.82,1.12,2.14,2.14ZM268.06,78.68v2.14h-2.14c.33-1.02,1.12-1.82,2.14-2.14ZM265.92,82.83h2.14v2.14c-1.02-.33-1.82-1.12-2.14-2.14ZM258.55,156.64l.56-51.84c0-4.07,4.01-7.55,8.95-7.97l1.04-.04c5.18.02,9.39,3.64,9.39,8.09l1.55,115.17-21.5-20.35v-43.06ZM256.55,166.87v33.69l21.98,20.81-8.06-.28h0s-8.1-.28-8.1-.28l-36.03-1.25v-.03l-10.82-.36v.02l-35.34-1.23-43.43-65.96,119.81,14.88ZM264.2,280.9l-2.54.17v-58.29l.76.03,6.06.21v57.6l-4.28.29ZM246.49,282.08l-2.32.15-4.5.3v-60.5l6.82.23v59.82ZM221.52,283.75l-4,.27v-62.77l6.82.24v62.07l-2.82.19ZM201.62,285.07l-6.82.45v-64.99l6.82.23v64.31ZM134.5,152.23l43.23,65.64-30.06-1.04,12.92-19.46v-4.42l-34.07-5.27-37.52,3.05,45.5-38.5ZM157.59,197.75l-10.71,16.62v-15.26l10.71-1.36ZM157.94,196.13l-13.24,1.41-72.82-2.39v-1.53l54.55-3.93,31.5,4.67v1.77ZM135.72,199.26l6.82.23v85.65l-6.82-.27v-85.61ZM76.23,282.56v-85.3l6.82.23v85.33l-6.82-.26ZM74.23,203.23v11.07l-12.57-.43,12.57-10.63ZM60.04,215.81l14.19.49v66.25l-14.19-.54v-66.2ZM100.13,283.53l-8.4-.32v-19.62l8.4.27v19.67ZM114.08,284.06l-3.67-.14-4.73-.18v-19.77l8.4.22v19.86ZM120.33,284.28v-20.06l8.4.2v20.19l-8.4-.33ZM118.33,262.17v22.04l-2.25-.09v-21.89l-12.4-.33v21.75l-1.55-.06v-21.68l-12.4-.39v21.6l-1.8-.07v-85.41l45.78,1.54v85.61l-2.98-.11v-22.22l-12.4-.3ZM178.63,286.5l-31.75-1.2v-66.5l31.75,1.1v66.61ZM180.63,219.97l12.17.42v65.27l-12.17.81v-66.51ZM203.62,284.94v-64.18l11.9.41v62.97l-11.9.79ZM226.34,283.43v-61.87l11.33.39v60.72l-11.33.76ZM248.49,281.95v-59.63l11.17.39v58.49l-11.17.74ZM270.48,280.48v-57.4l10.25.36,1.35,1.28v54.99l-11.6.77Z"/></svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Ebene_4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 243.78 243.78"><defs><style>.cls-1{fill:none;stroke:#181715;stroke-miterlimit:10;stroke-width:.25px;}</style></defs><path class="cls-1" d="M146.38,160.38c0,6.94,3.11,12.38,7.09,12.38s7.09-5.44,7.09-12.38-3.11-12.38-7.09-12.38-7.09,5.44-7.09,12.38ZM153.47,150.48c2.18,0,4.61,4.07,4.61,9.9s-2.43,9.9-4.61,9.9-4.61-4.07-4.61-9.9,2.43-9.9,4.61-9.9Z"/><path class="cls-1" d="M175.61,75.38l-19.75-44.65v-9.17h2.99v-2.48h-2.99v-4.92h-2.48v4.92h-2.99v2.48h2.99v9.2l-16.95,43.7v45.87l-77.66,13.62v91.58h110.15v-52.78h6.69v-97.38ZM138.92,76.13l19.17-7.81v22.98l-19.17,6.79v-21.96ZM160.57,68.74l12.57,8.01v24.6l-12.57-9.77v-22.84ZM160.16,65.54l-9.21-21.47,3.75-9.8,16.9,38.57-11.44-7.29ZM149.69,47.37l7.99,18.43-17.83,7.27,9.83-25.7ZM61.25,136.04l88.3-15.49-4.73,5.68-7.82,9.38-75.76,14.12v-13.69ZM136.43,223.06H61.25v-70.8l55.46-10.34,19.72-3.68v84.81ZM166.44,223.06h-27.53v-85.86l8.11-9.73,5.41-6.49,14.01,27.36v74.71ZM168.92,170.28v-22.53l-14.77-28.84-.79-1.54-1.35.24-13.1,2.3v-19.17l20.18-7.16,14.03,10.91v65.8h-4.21Z"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Ebene_4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 291.97 291.97"><defs><style>.cls-1{fill:none;stroke:#181715;stroke-miterlimit:10;stroke-width:.25px;}</style></defs><path class="cls-1" d="M282.56,165.1l-37.59-10.56-22.88,3.88v-5.99l3.06-.31.05-2.12-3.11.31v-3.62h-2.1v3.89l-3.32.3.07,2.11,3.25-.29v6.07l-115.27,19.78v3.44l-93.29,2.82-1.02.03v45.05l65.2,1.31h0s22.19.45,22.19.45h0s28.99.57,28.99.57l13.69,1.26v.03l.94.06h.01s0,0,0,0l104.48,6.7v-.4l28.75-11.07v-57.02l7.9,2.15v-8.84ZM175.97,204.72v28.98l-4.7-.3v-28.66l4.7-.02ZM178.08,204.71l20.22-.08v30.49l-20.22-1.3v-29.12ZM200.4,204.62l5.32-.02v31l-5.32-.34v-30.64ZM207.82,204.6l23.34-.09v32.72l-23.34-1.5v-31.14ZM233.26,204.5l6.38-.02v33.3l-6.38-.41v-32.87ZM142.57,202.74v-4.97l101.23-2.3v6.89l-101.23.38ZM233.26,193.6v-27.52l6.38-1.04v28.42l-6.38.15ZM231.16,193.65l-23.34.53v-23.95l23.34-3.81v27.23ZM205.72,194.23l-5.32.12v-22.91l5.32-.87v23.65ZM198.3,194.4l-20.22.46v-19.77l20.22-3.3v22.61ZM175.97,194.9l-4.7.11v-18.82l4.7-.77v19.48ZM169.17,195.06l-26.59.61v-9.65l-11.06-3.33,37.65-6.14v18.52ZM245.9,195.65l26.65,4.8v5.73l-26.65-3.68v-6.85ZM272.55,198.31l-26.65-4.8v-29.04l26.65,6.76v27.07ZM243.8,193.36l-2.05.05v-28.71l2.05-.34v29ZM106.82,180.34l136.95-23.5.02,5.39-116.85,19.08-1.12.06-19,.57v-1.6ZM95.69,229.52l-17.98-.36v-23.16h17.98v23.52ZM75.61,203.89v25.22l-63.09-1.27v-40.95l113.31-3.43v46.66l-28.03-.56v-25.67h-22.19ZM127.93,230.24v-46.44l12.54,3.78v43.81l-12.54-1.15ZM142.57,204.84l26.59-.1v28.52l-26.59-1.7v-26.71ZM241.75,237.91v-33.44h2.05s0,33.57,0,33.57l-2.05-.13ZM245.9,237.63v-33.02l26.65,3.68v19.08l-26.65,10.26ZM280.46,171.19l-5.8-1.58h0s-28.76-7.31-28.76-7.31l-.02-5.32,34.58,9.72v4.49Z"/></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Ebene_4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 291.97 291.97"><defs><style>.cls-1{fill:none;stroke:#181715;stroke-miterlimit:10;stroke-width:.25px;}</style></defs><path class="cls-1" d="M168.14,140.78v-18.24l15.03-1.52v-13.2l-21.59,2.16v-12.04h3.86v-2.35h-3.86v-5.61h-2.35v5.61h-3.86v2.35h3.86v12.27l-137.61,13.75v14.25l9.46-.93v89.07h137.07v-7.47h97.31v-65.39l-97.31-12.71ZM263.1,155.56v5.01l-94.96-12.16v-5.25l94.96,12.4ZM23.97,126.1l156.85-15.67v8.47l-12.68,1.28h0s-1.21.12-1.21.12h-.08s0,0,0,0l-133.16,14.36-9.72.95v-9.52ZM63.87,133.78v90.22h-15.19v-88.58l15.19-1.64ZM33.43,137.07l12.9-1.39v88.33h-12.9v-86.94ZM165.79,224h-99.56v-90.47l99.56-10.73v101.21ZM263.1,216.53h-94.96v-44.12h94.96v44.12ZM168.14,170.05v-19.27l94.96,12.16v7.11h-94.96Z"/><path class="cls-1" d="M110.33,137.9h-30.64v26.95h30.64v-26.95ZM107.98,162.49h-25.93v-22.24h25.93v22.24Z"/><path class="cls-1" d="M110.33,210.97v-26.95h-30.64v26.95h30.64ZM82.05,186.38h25.93v22.24h-25.93v-22.24Z"/><path class="cls-1" d="M155.67,184.02h-30.64v26.95h30.64v-26.95ZM153.31,208.61h-25.93v-22.24h25.93v22.24Z"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View file

@ -1,13 +0,0 @@
import styles from "./massrow.module.scss"
type MassRowProps = {
children: React.ReactNode;
}
export const MassRow = ({children}: MassRowProps) => {
return (
<div className={styles.row}>
{children}
</div>
)
}

View file

@ -18,7 +18,7 @@ export const MassTable = ({ location, masses }: MassTableProps) => {
{location}
</div>
<div className={styles.church}>
<div>
<ChurchCard church={church(location)} backgroundColor={"#ffffff"} width={200} />
</div>

View file

@ -1,6 +0,0 @@
.row {
display: flex;
gap: 30px;
justify-content: center;
flex-wrap: wrap;
}

View file

@ -17,8 +17,7 @@
.location {
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
font-weight: 700;
}
.cancelled {
@ -44,11 +43,8 @@
.table {
width: 200px;
display: flex;
flex-direction: column;
align-items: center;
}
.church {
margin-bottom: 20px;
display: grid;
grid-row: span 3;
grid-template-rows: subgrid;
justify-items: center;
}

View file

@ -5,7 +5,7 @@ import { fetchLastCalendars } from '@/fetch/calendar'
import { perParish } from '@/utils/dto/perParish'
import { Section } from '@/components/Section/Section'
import { Title } from '@/components/Title/Title'
import { MassRow } from '@/components/MassTable/MassRow'
import { MassGrid } from '@/components/MassTable/MassGrid'
import { MassTable } from '@/components/MassTable/MassTable'
import { PopupButton } from '@/components/PopupButton/PopupButton'
import { Button } from '@/components/Button/Button'
@ -67,7 +67,7 @@ export async function MassTimesBlock({
/>
<Section padding={'small'}>
<MassRow>
<MassGrid>
{worshipPerLocation.map((value) => (
<MassTable
key={value[0]}
@ -75,7 +75,7 @@ export async function MassTimesBlock({
masses={value[1]}
/>
))}
</MassRow>
</MassGrid>
</Section>
<Section padding={'small'}>

View file

@ -5,7 +5,7 @@ import { Section } from '@/components/Section/Section'
import { MainText } from '@/components/MainText/MainText'
import { HR } from '@/components/HorizontalRule/HorizontalRule'
import { Title } from '@/components/Title/Title'
import { MassRow } from '@/components/MassTable/MassRow'
import { MassGrid } from '@/components/MassTable/MassGrid'
import { MassTable } from '@/components/MassTable/MassTable'
import { ImageCardSlider } from '@/compositions/ImageCardSlider/ImageCardSlider'
import { blogToSlides } from '@/utils/dto/blog'
@ -109,9 +109,9 @@ export const Home = ({
/>
<Section padding={'small'}>
<MassRow>
<MassGrid>
{worshipPerLocation.map(value => <MassTable key={value[0]} location={value[0]} masses={value[1]} />)}
</MassRow>
</MassGrid>
</Section>
<Section padding={'small'}>

View file

@ -2,27 +2,60 @@
* Convert string to a church
* @param s
*/
export const church = (s: string) : "anna" | "christophorus" | "richard" | "eduard" | "clara" => {
export const church = (s: string) : "anna" | "christophorus" | "richard" | "eduard" | "clara" | "joseph" | "franziskus" | "antonius" | "marien" | "maria" | "antoniusFalkenberg" | "johannesNepomuk" => {
const lower = s.toLowerCase()
if (s.toLowerCase().includes("anna")) {
// Berlin - Heilige drei Koenige
if (lower.includes("anna")) {
return "anna"
}
if (s.toLowerCase().includes("christophorus")) {
if (lower.includes("christophorus")) {
return "christophorus"
}
if (s.toLowerCase().includes("richard")) {
if (lower.includes("richard")) {
return "richard"
}
if (s.toLowerCase().includes("eduard")) {
if (lower.includes("eduard")) {
return "eduard"
}
if (s.toLowerCase().includes("clara")) {
if (lower.includes("clara")) {
return "clara"
}
// Chemnitz
if (lower.includes("joseph")) {
return "joseph"
}
if (lower.includes("franziskus")) {
return "franziskus"
}
if (lower.includes("falkenberg")) {
return "antoniusFalkenberg"
}
if (lower.includes("antonius")) {
return "antonius"
}
if (lower.includes("marien")) {
return "marien"
}
if (lower.includes("maria")) {
return "maria"
}
if (lower.includes("johannes") || lower.includes("nepomuk")) {
return "johannesNepomuk"
}
return "clara";
}