Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • fit-connect/docs
1 result
Show changes
Commits on Source (4)
Hide whitespace changes
Inline Side-by-side
Showing
with 238 additions and 855 deletions
docs/intro.mdx
View file @ 1d2f83c5
......@@ -4,8 +4,6 @@ hide_table_of_contents: false
---
import useBaseUrl from '@docusaurus/useBaseUrl';
import Home from '@site/src/components/Home';
# FIT-Connect
......@@ -124,4 +122,3 @@ Herausfordernde Problemstellungen wie z.B. das Antragsrouting werden einmal bear
Weitere Informationen zum Projekt FIT-Connect finden sich auf der Webseite der [FITKO](https://www.fitko.de/projektmanagement/fit-connect).
<Home />
docusaurus.config.js
View file @ 1d2f83c5
......@@ -66,72 +66,81 @@ module.exports = {
alt: 'FIT-Connect-Logo',
src: '/fit-connect-logo.svg',
srcDark: '/fit-connect-logo.svg',
href: '/',
href: `${baseUrl}`,
target: '_self',
width: 220,
height: 50
// aspect ratio of the current fitconnect logo is about 65:16 (!)
width: 130,
height: 32,
},
items: [
{
type: 'html',
value: `<a id="homeLink" href="https://docs.fitko.de/fit-connect/docs/"><img src="${baseUrl}icons/chevron-left.svg" alt="Zurück" /></a>`,
position: 'left',
className: 'fitko-navbar-icon--back',
},
{type: 'dropdown', label: 'Start',
type: 'dropdown',
label: 'Start',
items: [
{href: '/docs/', label: 'Intro'},
{href: '/docs/', label: 'Intro'},
{type: 'doc', label: 'Startseite', docId: 'intro'},
{type: 'docSidebar', label: 'Anträge senden und empfangen', sidebarId: 'nutzenSidebar'},
{type: 'docSidebar', label: 'Anträge senden und empfangen', sidebarId: 'nutzenSidebar'},
],
},
{type: 'dropdown', label: 'Infos',
{
type: 'dropdown',
label: 'Infos',
items: [
{type: 'docSidebar', label: 'Informationen für Entscheider:innen', sidebarId: 'EntscheiderSidebar'},
{type: 'docSidebar', label: 'Informationen für Verantwortliche', sidebarId: 'VerantwortlicheSidebar'},
{type: 'docSidebar', label: 'Informationen für Entwickler:innen', sidebarId: 'EntwicklerSidebar'},
{type: 'docSidebar', label: 'Informationen für Entscheider:innen', sidebarId: 'EntscheiderSidebar'},
{type: 'docSidebar', label: 'Informationen für Verantwortliche', sidebarId: 'VerantwortlicheSidebar'},
{type: 'docSidebar', label: 'Informationen für Entwickler:innen', sidebarId: 'EntwicklerSidebar'},
],
},
{type: 'dropdown', label: 'Mediathek',
{
type: 'dropdown',
label: 'Mediathek',
items: [
{type: 'docSidebar', label: 'Videos', sidebarId: 'Mediatheksidebar'},
{type: 'docSidebar', label: 'Dokumente', sidebarId: 'Documementesidebar'},
{type: 'docSidebar', label: 'Pressesamlung', sidebarId: 'PressesammlungSidebar'},
{type: 'docSidebar', label: 'Glossar', sidebarId: 'GlossarySidebar'}
{type: 'docSidebar', label: 'Videos', sidebarId: 'Mediatheksidebar'},
{type: 'docSidebar', label: 'Dokumente', sidebarId: 'Documementesidebar'},
{type: 'docSidebar', label: 'Pressesamlung', sidebarId: 'PressesammlungSidebar'},
{type: 'docSidebar', label: 'Glossar', sidebarId: 'GlossarySidebar'}
],
},
{type: 'dropdown',
{
type: 'dropdown',
label: 'Weiterentwicklung',
items: [
{type: 'docSidebar', label: "Roadmap", sidebarId: 'RodmapSidebar'},
{type: 'docSidebar', label: "Changelog", sidebarId: 'ChangelogSidebar'},
{type: 'docSidebar', label: "Abkündigungen", sidebarId: 'AbkuendigungsSidebar'},
{type: 'docSidebar', label: "Dashboard", sidebarId: 'DashboardSidebar'},
{type: 'docSidebar', label: "Roadmap", sidebarId: 'RodmapSidebar'},
{type: 'docSidebar', label: "Changelog", sidebarId: 'ChangelogSidebar'},
{type: 'docSidebar', label: "Abkündigungen", sidebarId: 'AbkuendigungsSidebar'},
{type: 'docSidebar', label: "Dashboard", sidebarId: 'DashboardSidebar'},
],
},
{ to: '/docs/faq', label: 'FAQ'},
{ type: 'dropdown',
{
to: '/docs/faq',
label: 'FAQ',
},
{
type: 'dropdown',
label: 'APIs',
items: [
{ type: 'docSidebar', label: 'Destination API', sidebarId: 'DestinationApiSidebar' },
{ type: 'docSidebar', label: 'Submission API', sidebarId: 'SubmissionApiSidebar' },
{ type: 'docSidebar', label: 'Routing API', sidebarId: 'RoutingApiSidebar' },
{ type: 'docSidebar', label: 'Self Service API', sidebarId: 'SelfServiceApiSidebar' }
],
{type: 'docSidebar', label: 'Destination API', sidebarId: 'DestinationApiSidebar'},
{type: 'docSidebar', label: 'Submission API', sidebarId: 'SubmissionApiSidebar'},
{type: 'docSidebar', label: 'Routing API', sidebarId: 'RoutingApiSidebar'},
{type: 'docSidebar', label: 'Self Service API', sidebarId: 'SelfServiceApiSidebar'}
],
},
{ type: 'dropdown',
{
type: 'dropdown',
label: 'SDKs',
items: [
{ type: 'docSidebar', label: 'Übersicht', sidebarId: 'OverviewSdkSidebar' },
{ type: 'docSidebar', label: '.NET SDK', sidebarId: 'NetSdkSidebar' },
{ type: 'docSidebar', label: 'Java SDK', sidebarId: 'JavaSdkSidebar' }
{type: 'docSidebar', label: 'Übersicht', sidebarId: 'OverviewSdkSidebar'},
{type: 'docSidebar', label: '.NET SDK', sidebarId: 'NetSdkSidebar'},
{type: 'docSidebar', label: 'Java SDK', sidebarId: 'JavaSdkSidebar'}
],
},
{ type: 'dropdown', label: 'Kontakt',
{
type: 'dropdown',
label: 'Kontakt',
items: [
{ type: 'docSidebar', label: 'Support / Anregungen', sidebarId: 'kontaktSidebar' },
{ type: 'docSidebar', label: 'Newsletter', sidebarId: 'NewsletterSidebar' },
{ type: 'docSidebar', label: 'Impressum', sidebarId: 'ImpressumSidebar' }
{type: 'docSidebar', label: 'Support / Anregungen', sidebarId: 'kontaktSidebar'},
{type: 'docSidebar', label: 'Newsletter', sidebarId: 'NewsletterSidebar'},
{type: 'docSidebar', label: 'Impressum', sidebarId: 'ImpressumSidebar'}
],
},
// {
......@@ -139,18 +148,26 @@ module.exports = {
// {type: 'doc', label: '🚧 JWK Generator', docId: 'tools/jwk-gen'}
// ]
// },
{to: '/termine', label: 'Termine'},
{to: 'https://portal.auth-testing.fit-connect.fitko.dev/landing', label: 'Self-Service-Portal', position: 'right'}
{
to: '/termine',
label: 'Termine',
},
{
to: 'https://portal.auth-testing.fit-connect.fitko.dev/landing',
label: 'Self-Service-Portal',
position: 'right'
}
],
},
footer: {
style: 'light',
logo: {
alt: 'FIT-Connect-Logo',
src: '/images/FIT-Connect-logo.svg',
src: '/fit-connect-logo.svg',
href: 'https://www.fitko.de/projektmanagement/fit-connect',
width: 250,
height: 30,
// aspect ratio of the current fitconnect logo is about 65:16 (!)
width: 260,
height: 64,
},
copyright: `Diese Seite ist Teil des <a href="https://docs.fitko.de/">Föderalen Entwicklungsportals</a>. Verantwortlich für die Inhalte der Seite sind die jeweiligen Autoren. Wenn nicht anders vermerkt, sind die Inhalte dieser Webseite lizenziert unter der <a href="https://creativecommons.org/licenses/by/4.0/deed.de">Creative Commons Namensnennung 4.0 International Public License (CC BY 4.0)</a>. Die technische Infrastruktur wird betrieben durch die FITKO. Es gilt das <a href="https://www.fitko.de/impressum">Impressum der FITKO</a> und die <a href="https://fitko.de/datenschutz">Datenschutzerklärung der FITKO</a> mit der Maßgabe, dass kein Tracking durchgeführt wird und keine Cookies gesetzt werden.`,
},
......
src/components/BlockLandingpage.tsx deleted 100644 → 0
View file @ c2a34776
import '../css/landing.css';
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 BlockLandingpage({children}) {
return <div className="column_card_textbox">
{children}
</div>
}
src/components/Home.jsx deleted 100644 → 0
View file @ c2a34776
import React, { useEffect } from 'react';
import { Image } from '@stoplight/mosaic';
export default function Home() {
const baseUrl = process.env.DOCUSAURUS_BASE_URL || '/';
useEffect(() => {
// set link of the return symbol to Föderales Entwwicklungsportal
var HomeLink = document.querySelector("#homeLink");
HomeLink.setAttribute('href', "https://docs.fitko.de");
HomeLink.setAttribute('title', "Zum Föderalen Entwicklungsportal");
return () => {
var HomeLink = document.querySelector("#homeLink");
// set link of the return symbol back to fitconnect
HomeLink.setAttribute('href', "https://docs.fitko.de/fit-connect/docs");
HomeLink.setAttribute('title', "Zur Startseite zurück");
};
});
return (
<div>
</div>
);
};
src/components/LogoFitconnect.jsx deleted 100644 → 0
View file @ c2a34776
import React, {useState, useEffect} from 'react'
export default function LogoFitconnect() {
const [imageLogo, setImageLogo] = useState(undefined);
const image = 'FIT-Connect-logo.svg';
useEffect(() => {
const initImage = async () => {
const imageLogo = (await import(`/static/images/landingpage/${image}`)).default;
setImageLogo(imageLogo);
}
initImage();
}, [image]);
return <div className="logo_landingpage">
<div>
<img className="bild_landingpage" src={imageLogo}/>
</div>
</div>
}
src/css/absendermarke.scss 0 → 100644
View file @ 1d2f83c5
/** Die nachfolgenden Regeln bilden die grundlade zur Umsetzung der Absendermarke von FIT-Connect **/
:root {
--fit-connect-gelb: #FFC819;
--itplr-color-gelb: #F8D200;
--itplr-color-rot: #E30613;
--itplr-color-schwarz: #000000;
--itplr-color-ampel-rot: #EF233C;
--itplr-color-ampel-gelb: #FCBF49;
--itplr-color-ampel-gruen: #90BE6D;
--itplr-color-grau1: #BCBCBC;
--itplr-color-grau2: #CACACA;
--itplr-color-grau3: #D6D6D6;
--itplr-color-grau4: #E3E3E3;
--itplr-color-blau1: #003B5C;
--itplr-color-blau2: #1A658F;
--itplr-color-blau3: #0092CB;
--itplr-color-blau4: #56B7E6;
--itplr-color-blau5: #ABDBF3;
--itplr-color-blau6: #D5EDF9;
}
\ No newline at end of file
src/css/additional/custom.css
View file @ 1d2f83c5
......@@ -24,46 +24,6 @@ img {
color: red; /* color of alt text for images with invalid src url */
}
/* custom navbar back-to-root link */
.navbar__items {
position: relative;
}
@media screen and (min-width: 1000px) {
.has-back-btn .navbar__brand {
margin-left: 32px;
}
}
.has-back-btn .navbar__toggle.clean-btn {
margin-left: 32px;
}
.fitko-navbar-icon--back {
display: inline-block !important;
padding: 0;
position: absolute;
left: 2px;
top: 13px;
}
.fitko-navbar-icon--back a {
display: inline-block;
width: 24px;
height: 24px;
text-align: center;
}
.fitko-navbar-icon--back img {
display: inline-block;
height: 18px;
}
.fitko-navbar-icon--back.hidden {
display: none !important;
}
/* subscribe form START */
.subscribe-form label {
font-size: smaller;
......@@ -169,132 +129,6 @@ img {
}
}
/* Smaller font-size to prevent navigation titles with two lines */
@media screen and (max-width: 1400px){
.navbar__inner {
font-size: 90%;
padding-left: 0px;
}
.navbar_logo {
margin-right: 0px;
margin-left: 0px;
}
.navbar__brand {
display: block;
margin-right: -45px;
}
}
/* Smaller font-size to prevent navigation titles with two lines on small displays*/
@media screen and (max-width: 1200px){
.navbar__brand {
margin-right: -60px;
height: 28px;
}
}
/* Smaller font-size to prevent navigation titles with two lines on small displays*/
@media screen and (max-width: 1550px){
a.navbar__link::after {
content: none !important;
}
}
@media screen and (max-width: 1150px){
.navbar__item {
padding-right: 15px;
}
a.navbar__link::after {
content: none !important;
}
}
@media screen and (max-width: 1132px){
.navbar__item {
padding-right: 13px;
}
}
@media screen and (max-width: 1117px){
.navbar__item {
padding-right: 10px;
}
}
@media screen and (max-width: 1090px){
.navbar__item {
padding-right: 8px;
}
}
@media screen and (max-width: 1077px){
.navbar__item {
padding-right: 6px;
}
}
@media screen and (max-width: 1060px){
.navbar__item {
padding-right: 4px;
}
}
@media screen and (max-width: 1040px){
.navbar__item {
padding-right: 2px;
}
}
@media screen and (max-width: 1030px){
.navbar__item {
padding-right: 0px;
}
}
@media screen and (max-width: 1020px){
.navbar__item {
padding-left: 8px;
}
}
/* positioning of table of content on the FAQs page */
......@@ -586,9 +420,4 @@ table.mediathek tr {
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.navbar__logo {
height: 2.8rem;
}
\ No newline at end of file
src/css/landing.css deleted 100644 → 0
View file @ c2a34776
/* LANDING PAGES */
.header_landingpage {
width: 100vw;
background-color: #DFDFDF;
justify-content: center;
text-align: center;
margin-top: 5vw;
}
.ueberschrift{
font-size: 50px;
}
.landing_page_container {
width: 100%;
display: flex;
flex-direction: column ;
justify-content: center;
align-items: center;
text-align: center;
margin-top: 5vw;
}
.landing_einstieg {
margin-top: 20px;
margin-bottom: 10px;
margin-left: 12vw;
margin-right: 12vw;
}
.landing_center {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.landing_center {
width: 100vw;
margin:auto;
}
.card_container{
display: flex;
flex-direction: column;
width: 400px;
height: auto;
}
.margin_landingpage {
margin-right: 30px;
margin-left: 30px;
}
.abstand{
height: 100px;
}
.card {
width: 400px;
}
.card_pic{
margin-top:80px;
width: 400px;
height: 400px;
border-radius: 0;
}
.card_pic img {
object-fit: fill;
border-radius: 0;
}
.card_header{
text-align: left;
padding-right: 0;
padding-left: 0;
font-size: 18px;
font-weight: bold;
width: 100%;
margin-top: 14px;
margin-bottom: 18px;
}
.card_text{
text-align: justify;
height: 140px;
width: 100%;
font-size: 18px;
margin-bottom: 20px;
}
.card_link{
margin: auto;
width: 220px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffc819;
}
.card_link a {
color: black;
}
@media screen and (min-width: 1536px){
.landing_center {
width: 100vw;
margin:auto;
}
.ueberschrift{
font-size: 60px;
}
.card_container{
display: flex;
flex-direction: row;
width: 1530px;
justify-content: space-around;
height: 850px;
}
.card {
width: 400px;
}
.card_pic{
margin-top:80px;
width: 400px;
height: 400px;
border-radius: 0;
}
.card_pic img {
object-fit: fill;
border-radius: 0;
}
.card_header{
text-align: left;
padding-right: 0;
padding-left: 0;
font-size: 18px;
font-weight: bold;
width: 100%;
margin-top: 14px;
margin-bottom: 18px;
}
.card_text{
text-align: justify;
height: 140px;
width: 100%;
font-size: 18px;
margin-bottom: 20px;
}
.card_link{
margin: auto;
width: 220px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffc819;
}
.card_link a {
color: black;
}
.abstand{
height: 175px;
}
}
@media screen and (min-width: 1280px) and (max-width: 1535px){
.ueberschrift{
font-size: 60px;
}
.card_container{
display: flex;
flex-direction: row;
width: 1260px;
gap: 20px;
height: 850px;
margin: auto;
}
.card {
width: 400px;
}
.card_pic{
margin-top:80px;
width: 400px;
height: 400px;
border-radius: 0;
}
.card_pic img {
object-fit: fill;
border-radius: 0;
}
.card_header{
text-align: left;
padding-right: 0;
padding-left: 0;
font-size: 18px;
font-weight: bold;
width: 100%;
margin-top: 14px;
margin-bottom: 18px;
}
.card_text{
text-align: justify;
height: 140px;
width: 100%;
font-size: 18px;
margin-bottom: 20px;
}
.card_link{
margin: auto;
width: 220px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffc819;
}
.card_link a {
color: black;
}
.abstand{
height: 175px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
.ueberschrift{
font-size: 40px;
}
.card_container{
display: flex;
flex-direction: row;
width: 1000px;
gap: 20px;
height: 850px;
margin: auto;
}
.card {
width: 330px;
}
.card_pic{
margin-top:80px;
width: 330px;
height: 330px;
border-radius: 0;
}
.card_pic img {
object-fit: fill;
border-radius: 0;
}
.card_header{
text-align: left;
padding-right: 0;
padding-left: 0;
font-size: 18px;
font-weight: bold;
width: 100%;
margin-top: 14px;
margin-bottom: 18px;
}
.card_text{
text-align: justify;
height: 140px;
width: 100%;
font-size: 18px;
margin-bottom: 20px;
}
.card_link{
margin: auto;
width: 220px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffc819;
}
.card_link a {
color: black;
}
.abstand{
height: 175px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.ueberschrift{
font-size: 40px;
}
.card_container{
display: flex;
flex-direction: row;
gap: 15px;
width: 760px;
height: 850px;
margin: auto;
}
.card {
width: 250px;
}
.card_pic{
margin-top:40px;
width: 250px;
height: 250px;
}
.card_pic img {
object-fit: fill;
}
.card_header{
text-align: left;
padding-right: 0;
padding-left: 0;
font-size: 18px;
font-weight: bold;
width: 100%;
margin-top: 14px;
margin-bottom: 18px;
}
.card_text{
text-align: justify;
height: 140px;
width: 100%;
font-size: 18px;
margin-bottom: 20px;
}
.card_link{
margin: auto;
width: 220px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffc819;
}
.card_link a {
color: black;
}
.abstand{
height: 175px;
}
}
src/css/navbar.scss 0 → 100644
View file @ 1d2f83c5
// hide navbar logo on big screens (see Navbar/index.js for the big one)
@screen lg {
.navbar__brand {
display: none;
}
}
@screen sm {
a.navbar__link::after {
content: none !important;
}
}
@screen 2xl {
a.navbar__link::after {
content: ' ' !important;
}
}
\ No newline at end of file
src/css/style.scss
View file @ 1d2f83c5
@use "sass:meta";
@use "absendermarke";
@use "navbar";
@import "fonts";
@tailwind base; // If not commented breaks the classic theme
......@@ -50,7 +52,6 @@ img {
color: red; /* color of alt text for images with invalid src url */
}
/* FAQList styles */
.toc-inline {
ul.table-of-contents, li {
......@@ -69,67 +70,3 @@ img {
/* load via meta-load in wrapper class, to prevent css leaking to rest of the site */
@include meta.load-css('../../node_modules/@stoplight/mosaic/styles.css');
}
/* custom navbar back-to-root link */
.navbar__items {
position: relative;
}
@media screen and (min-width: 1000px) {
.navbar__brand {
margin-left: 32px;
}
.hidden-back-btn .navbar__brand {
margin-left: 0;
}
}
.navbar__toggle.clean-btn {
margin-left: 32px;
}
.fitko-navbar-icon--back {
display: inline-block !important;
padding: 0;
position: absolute;
left: 2px;
top: 13px;
}
.fitko-navbar-icon--back a {
display: inline-block;
width: 24px;
height: 24px;
text-align: center;
}
.fitko-navbar-icon--back img {
display: inline-block;
height: 18px;
}
.fitko-navbar-icon--back.hidden {
display: none !important;
}
@media (min-width: 997px) {
.navbar__items--right [class^="searchBox"] {
position: right;
right: 100%;
}
}
@media (max-width:444px) {
.navbar__logo {
display: inline !important;
text-align: left;
height: 28px;
margin-left: -60px;
margin-right: 0px;
}
}
\ No newline at end of file
src/pages/docs/index.js
View file @ 1d2f83c5
import React, {useState} from 'react';
import '/src/css/landing.css';
import React from 'react';
import LandingPage from '/src/pages/index.js';
export default function GetIndexPage() {
return (
<div>
{
LandingPage()
}
{LandingPage()}
</div>
);
}
src/pages/index.js
View file @ 1d2f83c5
import React, {useState} from 'react';
import React from 'react';
import Layout from '@theme/Layout';
import '/src/css/landing.css';
import useBaseUrl from "@docusaurus/useBaseUrl";
import EntscheiderPic from '/images/landingpage/Entscheider.jpg';
import UmsetzungsverantwortlichePic from '/images/landingpage/Umsetzungsverantwortliche.jpg';
import EntwicklerPic from '/images/landingpage/Entwickler.jpg';
export default function LandingPage() {
const page = <div>
<div className="header_landingpage">
<div className='ueberschrift'>Willkommen auf dem</div>
<div className='ueberschrift'><b>Dokumentationsportal</b></div>
<div className='ueberschrift'><b>von FIT-Connect</b></div>
const LandingPageCard = ({caption, text, link, imageSrc}) => {
return <div className="bg-white border border-gray-200 rounded-lg shadow-lg flex flex-col">
<a href={link}>
<img className="rounded-t-lg" src={imageSrc} alt="Entscheider mit großen Händen"/>
</a>
<div className="p-5 flex-grow flex justify-between flex-col">
<a href={link}>
<h5 className="mb-4 text-xl font-bold tracking-tight text-gray-900">
{caption}
</h5>
</a>
<p className="mb-5 font-normal text-gray-700">
{text}
</p>
<a
href={link}
className="block items-center px-4 py-3 text-sm font-medium text-center text-white bg-itplr-color-blau-400 rounded-lg hover:bg-itplr-color-blau-500 hover:text-white focus:ring-4 focus:outline-none focus:bg-itplr-color-blau-500"
>
Jetzt informieren
<svg
className="rtl:rotate-180 w-3.5 h-3.5 ml-2"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 14 10"
>
<path
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
d="M1 5h12m0 0L9 1m4 4L9 9"
/>
</svg>
</a>
</div>
</div>;
}
<div className="landing_page_container">
<div>
<div className="landing_einstieg text-2xl">
Die FIT-Connect Dokumentation ist die zentrale Anlaufstelle für umfassende Informationen
rund um die Basisinfrastruktur-Komponente.
</div>
<div className="landing_einstieg text-2xl">
Das Portal bietet Ihnen eine Vielzahl von Ressourcen,
die Ihre Fragen beantworten,
Ihr Wissen erweitern und Sie in Ihrem Anbindungsprozess unterstützen.
</div>
</div>
</div>
<div className='landing_center'>
<div className='card_container'>
<div className='card'>
<div className='card_pic'>
<img src={EntscheiderPic}/>
</div>
<div className="card_header">
Sie brauchen allgemeine Informationen zu FIT-Connect?
</div>
<div className='card_text'>
Hier finden Sie alle Informationen, wenn Sie als Verantwortliche in öffentlichen Einrichtungen für die
Umsetzung des Onlinezugangsgesetzes (OZG) zuständig sind und dazu FIT-Connect nutzen möchten.
</div>
<div className="card_link text-lg">
<b><a href={useBaseUrl('/docs/organisation-tasks/video-entscheider')}>Jetzt informieren</a> </b>
</div>
export default function LandingPage() {
return (
<Layout>
<div className="container">
<div className="mt-6 lg:mt-12 mb-6">
<h1 className="text-3xl md:text-5xl mb-0">
Dokumentation
</h1>
<span
className="font-medium text-gray-600 text-lg md:text-2xl">Willkommen auf dem Dokumentationsportal von FIT-Connect</span>
</div>
<div className='abstand'/>
<div className='card'>
<div className='card_pic'>
<img src={UmsetzungsverantwortlichePic}/>
</div>
<div className="card_header">
Sie sind IT-Dienstleister und mit der Anbindung beauftragt?
</div>
<div className='card_text'>
Hier erhalten Sie Auskunft über den Prozessablauf zur Anbindung von Onlinediensten und
Verwaltungssystemen an FIT-Connect.
</div>
<div className="card_link text-lg">
<b><a href={useBaseUrl('/docs/organisation-tasks/leitfaden-onlinedienst-ueberblick')}>Jetzt informieren</a>
</b>
</div>
<div className="mb-6">
<p>
Die FIT-Connect Dokumentation ist die zentrale Anlaufstelle für umfassende Informationen rund um die Basisinfrastruktur-Komponente.
Das Portal bietet Ihnen eine Vielzahl von Ressourcen, die Ihre Fragen beantworten, Ihr Wissen erweitern und Sie in Ihrem Anbindungsprozess unterstützen.
</p>
</div>
<div className='abstand'/>
<div className='card'>
<div className='card_pic'>
<img src={EntwicklerPic}/>
</div>
<div className="card_header">
Sie sind Entwickler:in und benötigen technischen Support?
</div>
<div className='card_text'>
Hier finden Sie detaillierte Informationen über die technische Anbindung von Onlinediensten und
Verwaltungssystemen. Mit fachlichen Schritt-für-Schritt Anleitungen gelingt die Anbindung schnell und
mühelos.
</div>
<div className="card_link text-lg">
<b><a href={useBaseUrl('/docs/getting-started/get-started')}>Jetzt informieren</a> </b>
</div>
<div className="grid grid-cols-1 gap-8 lg:grid-cols-3 mb-12">
<LandingPageCard
caption="Sie brauchen allgemeine Informationen zu FIT-Connect?"
text="Hier finden Sie alle Informationen, wenn Sie als Verantwortliche in öffentlichen Einrichtungen für die Umsetzung des Onlinezugangsgesetzes (OZG) zuständig sind und dazu FIT-Connect nutzen möchten."
link={useBaseUrl('/docs/organisation-tasks/video-entscheider')}
imageSrc={useBaseUrl('/images/landingpage/Entscheider.jpg')}
/>
<LandingPageCard
caption="Sie sind IT-Dienstleister und mit der Anbindung beauftragt?"
text="Hier finden Sie alle Informationen, wenn Sie als Verantwortliche in öffentlichen Einrichtungen für die Umsetzung des Onlinezugangsgesetzes (OZG) zuständig sind und dazu FIT-Connect nutzen möchten."
link={useBaseUrl('/docs/organisation-tasks/leitfaden-onlinedienst-ueberblick')}
imageSrc={useBaseUrl('/images/landingpage/Umsetzungsverantwortliche.jpg')}
/>
<LandingPageCard
caption="Sie sind Entwickler:in und benötigen technischen Support?"
text="Hier erhalten Sie Auskunft über den Prozessablauf zur Anbindung von Onlinediensten und Verwaltungssystemen an FIT-Connect."
link={useBaseUrl('/docs/getting-started/get-started')}
imageSrc={useBaseUrl('/images/landingpage/Entwickler.jpg')}
/>
</div>
</div>
</div>
</div>
return (
<div>
<Layout>
{page}
</Layout>
</div>
</Layout>
);
}
src/theme/Navbar/index.js 0 → 100644
View file @ 1d2f83c5
import React from 'react';
import NavbarLayout from '@theme/Navbar/Layout';
import NavbarContent from '@theme/Navbar/Content';
import useBaseUrl from "@docusaurus/useBaseUrl";
export default function Navbar() {
return (
<div>
<a className="hidden lg:inline-block ml-7 mt-6" href={useBaseUrl('/')}>
<img src={useBaseUrl("/fit-connect-logo.svg")} alt="FIT-Connect Logo" height={50} />
</a>
<NavbarLayout>
<NavbarContent />
</NavbarLayout>
</div>
);
}
tailwind.config.js
View file @ 1d2f83c5
......@@ -5,6 +5,14 @@ module.exports = {
preflight: false,
},
theme: {
// configure tailwind breakpoints to match Docusaurus
screens: {
sm: '640px',
md: '768px',
lg: '996px',
xl: '1280px',
'2xl': '1536px',
},
extend: {
colors: {
gray: {
......@@ -17,6 +25,41 @@ module.exports = {
700: '#4C4C4C',
800: '#333333',
900: '#191919',
},
"fitconnect-gelb": {
900: '#FFC819',
},
"itplr-gelb": {
900: '#F8D200',
},
"itplr-rot": {
900: '#E30613',
},
"itplr-schwarz": {
900: '#000000',
},
"itplr-ampel-gelb": {
900: '#FCBF49',
},
"itplr-ampel-rot": {
900: '#EF233C',
},
"itplr-ampel-gruen": {
900: '#90BE6D',
},
"itplr-color-grau": {
100: '#BCBCBC',
200: '#CACACA',
300: '#D6D6D6',
400: '#E3E3E3',
},
"itplr-color-blau": {
100: '#D5EDF9',
200: '#ABDBF3',
300: '#56B7E6',
400: '#0092CB',
500: '#1A658F',
600: '#003B5C',
}
},
boxShadow: {
......