diff --git a/docs/changelog.md b/docs/changelog.md
index 695d2e4f3fa1a76aadf3b9a0d01e39b21922e83c..579be20ac3e7e353fd79e4aaecc8830cac0a1484 100644
--- a/docs/changelog.md
+++ b/docs/changelog.md
@@ -5,6 +5,14 @@ Das Format dieser Datei basiert auf [Keep a Changelog](https://keepachangelog.co
Das hier veröffentlichte Changelog bezieht sich auf die [Testinstanz von FIT-Connect](https://docs.fitko.de/fit-connect/docs/getting-started/get-started#testing).
+## 2022-10-07
+
+### Dokumentation
+
+- Der Menüpunkt "Termine" wurde in die Hauptnavigation eingefügt. Dieser Menüpunkt führt zu einer Seite, die die Beschreibung der Online-Veranstaltungen der FITKO enthält.
+
+
+
## 2022-09-12
### Dokumentation
@@ -33,6 +41,7 @@ Das hier veröffentlichte Changelog bezieht sich auf die [Testinstanz von FIT-Co
- Die Menüpunkte "Versand von Einreichung" und "Abruf von Einreichungen" befinden sich jetzt unterhalb des Menüpunkts "Grundlagen für Entwickler:innen".
+
## 2022-07-26
### Zustelldienst 1.8.1
diff --git a/docusaurus.config.js b/docusaurus.config.js
index 32d48e0fbe8261088b2df0e81c74d95bc08813ed..bcfd32f4a3de7e1a876915ee7ad79fa6d128b293 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -105,6 +105,7 @@ module.exports = {
]
},
*/
+ {to: '/termine', label: 'Termine'},
{to: '/contact', label: 'Kontakt'},
{
type: 'dropdown',
diff --git a/src/components/BannerTermine.jsx b/src/components/BannerTermine.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..2ab1af76c79ac7d2b96eca5ea8eb0273299d7e7e
--- /dev/null
+++ b/src/components/BannerTermine.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import useBaseUrl from '@docusaurus/useBaseUrl'
+
+export default function BannerTermine({children}) {
+ const bgSource = useBaseUrl('/images/banner.svg')
+
+ return <div className={'flex'}>
+ <div className={'w-screen bg-repeat-x bg-yellow-400 max-w-screen'}
+ style={{backgroundImage: `url('${bgSource}')`, margin: '0 -9999rem', padding: '2rem 9999rem'}}>
+ </div>
+ <div className={'flex p-8 gap-8'} style={{ width: "100%" }}>
+ {children}
+ </div>
+ </div>
+}
\ No newline at end of file
diff --git a/src/components/CardTermine.jsx b/src/components/CardTermine.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..7ee40bc1b0887e552f39a889664a5ff285ff6d69
--- /dev/null
+++ b/src/components/CardTermine.jsx
@@ -0,0 +1,23 @@
+import React, {useEffect, useState} from 'react';
+
+// <p className="text-gray-600 text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+export default function Card({title, icon, children}) {
+
+ const [svgData, setSvgData] = useState(undefined)
+
+ useEffect(async () => {
+ if (icon) {
+ const svgData = (await import(`@icons/${icon}.svg`)).default
+ setSvgData(svgData);
+ }
+ }, [icon])
+
+ return <div className="p-6 bg-white rounded shadow-xl text-center">
+ {svgData && <img className="w-16 h-16 mb-2" src={svgData}/>}
+ <br/>
+ <h4 className="text-xl font-bold leading-snug mb-1 text-center fitko-termine-heading-h4" >FIT-Connect</h4>
+ <h3 className="text-xl font-bold leading-snug mb-1 text-center fitko-termine-heading-h3" >für {title}</h3>
+ {children}
+ </div>
+}
diff --git a/src/components/MailToButtonTermine.jsx b/src/components/MailToButtonTermine.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..40ff5aada3453d5b51768918318a1569eed10b98
--- /dev/null
+++ b/src/components/MailToButtonTermine.jsx
@@ -0,0 +1,8 @@
+import React from 'react'
+
+export default function MailToButtonTermine({ recipient, label, subject, body }) {
+ return <a className={'btn border border-yellow-400 text-gray-800 hover:text-yellow-600 hover:border-yellow-600 cursor-pointer'} target={'_blank'} onClick={(e) => {
+ window.open(`mailto:${recipient}?subject=${subject}&body=${body}`, '_blank')
+ e.preventDefault()
+ }}>{label}</a>
+}
diff --git a/src/css/style.scss b/src/css/style.scss
index 4798e733d900cafaa295aecd55f688311fbfb474..9a072b2075e009ffb95232a896f25ab91403f2f8 100644
--- a/src/css/style.scss
+++ b/src/css/style.scss
@@ -111,6 +111,7 @@ img {
display: none !important;
}
+
@media (min-width: 997px) {
.navbar__items--right [class^="searchBox"] {
position: right;
diff --git a/src/css/termine.css b/src/css/termine.css
new file mode 100644
index 0000000000000000000000000000000000000000..e335818374fbc29d2c7e722997a2e99b5e60b670
--- /dev/null
+++ b/src/css/termine.css
@@ -0,0 +1,61 @@
+
+.fitko-termine {
+ text-align: center;
+ min-height: 500px;
+ }
+
+ .fitko-termine-heading-h3 {
+ text-align: center;
+ height: 50px;
+ font-size: 1.40em;
+ }
+
+ .fitko-termine-heading-h4 {
+ text-align: center;
+ height: 30px;
+ }
+
+
+ .fitko-termine-before-button {
+ text-align: center;
+ min-height: 120px;
+
+ }
+
+
+ .fitko-termine-after-button {
+ text-align: center;
+ min-height: 280px;
+ margin-top: 25px;
+
+ }
+
+
+ @media screen and (max-width: 900px){
+ .fitko-termine {
+ text-align: center;
+ min-height: 500px;
+ }
+ }
+
+ @media screen and (max-width: 900px){
+
+ .fitko-termine-before-button {
+
+
+ height: 210px !important;
+
+ }
+
+ }
+
+ @media screen and (max-width: 900px){
+
+ .fitko-termine-after-button {
+
+
+ height: 600px !important;
+
+ }
+
+ }
\ No newline at end of file
diff --git a/src/pages/docs/responsibilities/routing.js b/src/pages/docs/responsibilities/routing.js
index e2ca8664a3456b4a948df0ac816ca0a16faa7737..3d33d20942bb4d5f8926055683e987684b5d58f8 100644
--- a/src/pages/docs/responsibilities/routing.js
+++ b/src/pages/docs/responsibilities/routing.js
@@ -4,7 +4,7 @@ import {Redirect} from '@docusaurus/router';
export default function routing() {
return (
<p>
- <Redirect to="../../../docs/organisation-tasks/publish_destination#signierte-adressierungsinformationen" />
+ <Redirect to="../../../docs/organisation-tasks/subscriber#Redaktionssysteme" />
</p>
);
diff --git a/src/pages/termine.mdx b/src/pages/termine.mdx
new file mode 100644
index 0000000000000000000000000000000000000000..f2914f9d9832f75ad177f651ebef1ca232722edc
--- /dev/null
+++ b/src/pages/termine.mdx
@@ -0,0 +1,69 @@
+---
+hide_table_of_contents: true
+
+---
+import MailToButtonTermine from '@components/MailToButtonTermine'
+import BannerTermine from '@components/BannerTermine'
+import CardTermine from '@components/CardTermine'
+import MailToButton from '@components/MailToButton'
+import '../css/termine.css';
+
+<header className="max-w-3xl mx-auto text-center pb-16">
+ <h1 className="h1 mb-4">Termine</h1>
+
+ <h3 className="h3 mb-4">Veranstaltungen</h3>
+
+ <p className="wtext-xl text-gray-600">Möchten Sie mehr über FIT-Connect erfahren? Sprechen Sie mit uns in Online-Veranstaltungen, die regelmäßig stattfinden. Die folgenden Themen stehen zur Auswahl:</p>
+</header>
+<BannerTermine>
+ <div style={{ width: "33%" }} >
+ <CardTermine title="Interessierte" icon={'Send'}>
+ <br/>
+ <div className="fitko-termine" >
+ <p className="fitko-termine-before-button" >
+ Diese Veranstaltungen richten sich an alle, die mehr über die Anbindung an FIT-Connect erfahren wollen.
+ </p>
+ <MailToButtonTermine label={'Anmelden'} recipient={'fit-connect@fitko.de'} subject={'Anfrage%20Teilnahme%20an%20der%20Online-Veranstaltung%20Anbindungsinteressent%3Ainnenkreis&body=Liebes%20FIT-Connect-Team%2C%0D%0A%0D%0Aber%C3%BCcksichtigen%20Sie%20mich%20bitte%20f%C3%BCr%20die%20n%C3%A4chste%20Online-Veranstaltung%20%E2%80%9EFIT-Connect%20Anbindungsinteressent%3Ainnenkreis%E2%80%9C.%0D%0A%0D%0AIch%20interessiere%20mich%20f%C3%BCr%20FIT-Connect%20und%20m%C3%B6chte%20mehr%20%C3%BCber%20die%20Anbindung%20an%20FIT-Connect%20erfahren.%0D%0A%0D%0A%0D%0A%0D%0A%0D%0A'} />
+ <br/>
+ <p className="fitko-termine-after-button" >
+ Zum Anmelden per E-Mail klicken Sie auf die Schaltfläche oben. <br/>
+ Bei diesen Veranstaltungen erhalten Verantwortliche für die Umsetzung des Onlinezugangsgesetzes (OZG) und Entwickler:innen Informationen darüber, wie sie Onlinedienste und Fachverfahren an FIT-Connect anbinden können.
+ </p>
+ </div>
+ </CardTermine>
+ </div>
+ <div style={{ width: "33%" }} >
+ <CardTermine title={'Verantwortliche'} icon={'Support'}>
+ <br/>
+ <div className="fitko-termine" >
+ <p className="fitko-termine-before-button" >
+ Diese Veranstaltungen richten sich an Verantwortliche, die ihre Systeme anbinden oder angebunden haben.
+ </p>
+ <MailToButtonTermine label={'Anmelden'} recipient={'fit-connect@fitko.de'} subject={'Anfrage%20Teilnahme%20an%20der%20Online-Veranstaltung%20Nutzer%3Ainnenkreis&body=Liebes%20FIT-Connect-Team%2C%0D%0A%0D%0Aber%C3%BCcksichtigen%20Sie%20mich%20bitte%20f%C3%BCr%20die%20n%C3%A4chste%20Online-Veranstaltung%20%E2%80%9EFIT-Connect%20Nutzer%3Ainnenkreis%E2%80%9C.%0D%0A%0D%0AWir%20nutzen%20FIT-Connect%20und%20haben%20bereits%20ein%20System%20an%20FIT-Connect%20angebunden%20bzw.%20sind%20gerade%20dabei%2C%20an%20FIT-Connect%20anzubinden.%0D%0A%0D%0A%0D%0A'} />
+ <br/>
+ <p className="fitko-termine-after-button" >
+ Zum Anmelden per E-Mail klicken Sie auf die Schaltfläche oben. <br/>
+ Diese Veranstaltungen finden monatlich statt. Bei diesen Veranstaltungen erfahren Verantwortliche für die Umsetzung Informationen zu Themen wie die Feature-Roadmap, konzeptionelle Überlegungen, anstehende Upgrades und individuelle Themen.
+ </p>
+ </div>
+ </CardTermine>
+ </div>
+ <div style={{ width: "33%" }} >
+ <CardTermine title={'Entwickler:innen'} icon={'Bug'}>
+ <br/>
+ <div className="fitko-termine" >
+ <p className="fitko-termine-before-button" >
+ Diese Veranstaltungen richten sich an Entwickler:innen, die ihre Systeme anbinden oder angebunden haben.
+ </p>
+ <MailToButtonTermine label={'Anmelden'} recipient={'fit-connect@fitko.de'} subject={'Anfrage%20Teilnahme%20an%20der%20Online-Veranstaltung%20%22FIT-Connect%20Austausch%20zur%20Technik%22&body=Liebes%20FIT-Connect-Team%2C%0D%0A%0D%0Aber%C3%BCcksichtigen%20Sie%20mich%20bitte%20f%C3%BCr%20die%20n%C3%A4chste%20Online-Veranstaltung%20%E2%80%9EFIT-Connect%20Austausch%20zur%20Technik%E2%80%9C.%0D%0A%0D%0AWir%20nutzen%20bereits%20FIT-Connect%20und%20m%C3%B6chten%20uns%20aktiv%20in%20die%20Weiterentwicklung%20von%20FIT-Connect%20einbringen.%0D%0A%0D%0A%0D%0A'} />
+ <br/>
+ <p className="fitko-termine-after-button" >
+ Zum Anmelden per E-Mail klicken Sie auf die Schaltfläche oben. <br/>
+ Diese Veranstaltungen finden monatlich statt. Schwerpunkte sind die Feature-Roadmap, konzeptionelle Überlegungen, Upgrades. Teilnehmer sind Entwwickler:innen, die mit FIT-Connect arbeiten und sich in die Weiterentwicklung einbringen möchten.
+ </p>
+ </div>
+ </CardTermine>
+ </div>
+</BannerTermine>
+
+