Skip to content
Snippets Groups Projects
Commit 2666c209 authored by René Rösner's avatar René Rösner
Browse files

Feat: Default font set, similar to avenir next(planning#354)

parent c33ed8be
No related branches found
No related tags found
1 merge request!25planning#354: Changed default font to avira next and uses semibold styles for headlines
Hide whitespace changes
Inline Side-by-side
pages/resources/index.tsx
+ 22
− 22
View file @ 2666c209
......@@ -120,18 +120,18 @@ export default function ({ services }) {
<div className="py-10">
<div className="max-w-2xl mx-auto px-3 sm:px-6 lg:px-8 lg:max-w-7xl lg:grid lg:grid-cols-12 lg:gap-8">
<header className="lg:col-start-3 xl:col-start-3 lg:col-span-9 xl:col-span-9 flex flex-row">
<div className="flex lg:hidden">
<Link href="/" passHref>
<a>
<IconChevronLeft
className="mr-7 mt-6 text-yellow-400 hover:text-gray-900"
aria-hidden="true"
/>
</a>
</Link>
</div>
<div className="flex lg:hidden">
<Link href="/" passHref>
<a>
<IconChevronLeft
className="mr-7 mt-6 text-yellow-400 hover:text-gray-900"
aria-hidden="true"
/>
</a>
</Link>
</div>
<h1>
<span className="overflow-hiddenmt-1 block text-4xl tracking-tight sm:text-5xl xl:text-7xl">
<span className="overflow-hiddenmt-1 block text-4xl tracking-tight font-extrabold sm:text-5xl xl:text-7xl">
<span className="block text-gray-900">Verfügbare Plattformen &amp; Basisdienste</span>
</span>
</h1>
......@@ -180,7 +180,7 @@ export default function ({ services }) {
<main className="lg:col-start-3 xl:col-start-3 lg:col-span-9 xl:col-span-9">
<div className="mt-4">
<ul role="list" className="space-y-4">
{filteredServices.map((service : any, key) => (
{filteredServices.map((service: any, key) => (
<li
key={service.slug}
className="bg-white px-4 pt-3 pb-6 shadow sm:p-6 sm:rounded-lg"
......@@ -194,23 +194,23 @@ export default function ({ services }) {
>
<Chip text={'externer Inhalt'} style={'bg-indigo-500'} />
</Tooltip>
: ''}
: ''}
</div>
<div aria-labelledby={'service-' + key}>
<div className="flex justify-between">
<div className="flex space-x-3">
<div className="flex-shrink-0">
{service?.logo ?(
<img
className="max-w-[100px] h-10"
src={service?.logo?.fields.file.url}
alt={service?.logo?.fields.name}
/>
{service?.logo ? (
<img
className="max-w-[100px] h-10"
src={service?.logo?.fields.file.url}
alt={service?.logo?.fields.name}
/>
) : (
<IconBooks
<IconBooks
className={'h10'}
/>
)}
)}
</div>
<div className="min-w-0 flex-1">
<p className="text-lg font-medium text-gray-900">
......@@ -224,7 +224,7 @@ export default function ({ services }) {
</div>
</div>
<div className="container flex flex-col md:flex-row my-2">
{service?.tags?.map((tag : Tag, i: number) => {
{service?.tags?.map((tag: Tag, i: number) => {
if (tag.fields && tag.fields.name) {
return <ServiceTag key={i} text={tag.fields.name} style={'bg-yellow-400'} />
}
......
styles/style.scss
+ 9
− 2
View file @ 2666c209
......@@ -5,8 +5,15 @@
@import 'additional/utility-patterns.scss';
@import 'additional/tooltip.scss';
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');
@layer base {
html {
font-family: Montserrat;
}
h1 {
@apply font-semibold;
@apply font-extrabold;
}
}
\ No newline at end of file
}
\ No newline at end of file
views/FeaturedApiModules.tsx
+ 15
− 15
View file @ 2666c209
......@@ -13,14 +13,14 @@ const featuredModules = [
name: 'Submission-API',
href: 'https://docs.fitko.de/fit-connect/docs/apis/submission-api',
description:
'Über den FIT-Connect Zustelldienst können Anträge für Verwaltungsleistungen maschinenlesbar an die fachlich zuständige Behörde übermittelt werden. Der Zustelldienst stellt hierfür die Submission API bereit. Sendende Systeme können sich über eine erfolgreiche Zustellung über ein Ereignisprotokoll informieren.',
'Über den FIT-Connect Zustelldienst können Anträge für Verwaltungsleistungen maschinenlesbar an die fachlich zuständige Behörde übermittelt werden. Der Zustelldienst stellt hierfür die Submission API bereit. Sendende Systeme können sich über eine erfolgreiche Zustellung über ein Ereignisprotokoll informieren.',
icon: IconSend,
},
{
name: 'Routing-API',
href: 'https://docs.fitko.de/fit-connect/docs/apis/routing-api',
description:
'Um einen Antrag maschinenlesbar an die fachlich zuständige Stelle sicher zu übermitteln und die technischen Parameter der empfangenden Behörde zu ermitteln, kann über die Routing API die zuständigen Stelle und die Adresse des zuständigen Zustelldienstes ermittelt werden. Die Ermittlung dieser technischen Parameter erfolgt über eine Anfrage an den FIT-Connect Routingdienst.',
'Um einen Antrag maschinenlesbar an die fachlich zuständige Stelle sicher zu übermitteln und die technischen Parameter der empfangenden Behörde zu ermitteln, kann über die Routing API die zuständigen Stelle und die Adresse des zuständigen Zustelldienstes ermittelt werden. Die Ermittlung dieser technischen Parameter erfolgt über eine Anfrage an den FIT-Connect Routingdienst.',
icon: IconRoute,
},
]
......@@ -53,12 +53,12 @@ export default () => {
Das Föderale Entwicklungsportal stellt eine <strong>zentrale Anlaufstelle für Softwareentwickler:innen</strong> dar.
Bei der Umsetzung von digitalen Anwendungen für die Verwaltung spielen Entwickler:innen eine zentrale Rolle. Sie müssen in die Lage versetzt werden, schnell und effizient nachnutzbare Lösungen zu schaffen.
Primäre Zielgruppe des föderalen Entwicklungsportals sind daher Softwareentwickler:innen, die Software für die öffentliche Verwaltung im Kontext föderaler <strong>IT-Infrastrukturen von Bund und Ländern </strong>entwickeln.
<br/>
<br/>
<br />
<br />
Um die bestehenden Hürden bei der <strong>Beschaffung von Informationen über technische Rahmenbedingungen sowie existierender Standards und Schnittstellen</strong> zu reduzieren, werden bestehende Informationsangebote in diesem Portal gebündelt und durch zusätzliche Informationsangebote ergänzt.
Eine Öffnung der bestehenden Bemühungen für möglichst alle Akteur:innen sowie deren effektive Koordination und Kooperation ist nötig, um die Stärken der föderal organisierten deutschen Verwaltung mit ihren verteilten Ressourcen effizient zu nutzen.
<br/>
<br/>
<br />
<br />
Das Föderale Entwicklungsportal <strong>senkt damit Entwicklungsaufwände</strong> bei allen Beteiligten und beschleunigt dadurch Umsetzungsprojekte.
Damit wird die Entwicklung eines innovativen Lösungsökosystems gefördert und ein „Single-Point-of-Truth“ geschaffen, an dem sich alle Entwickler:innen, Leistungs- und Umsetzungsverantwortliche orientieren können.
Das Föderale Entwicklungsportal ist Teil des IT-Planungsrats-Projekts <a className='text-blue-500' href='https://www.fitko.de/projektmanagement/fit-connect'>FIT-Connect</a> und wird aus Mitteln des <a className='text-blue-500' href='https://www.fitko.de/foederale-koordination/digitalisierungsbudget'>Digitalisierungsbudgets</a> von der <a className='text-blue-500' href='https://www.fitko.de/'>Föderalen IT-Kooperation</a> (FITKO) entwickelt.
......@@ -77,11 +77,11 @@ export default () => {
</h1>
</div>
<p className="p-8 mt-6 max-w-7xl text-lg text-gray-800 bg-white rounded-2xl">
Im Auftrag des <a className='text-blue-500' href='https://www.it-planungsrat.de/'>IT-Planungsrats</a> betreibt die Föderale IT-Kooperation (FITKO) eine Reihe von <a className='text-blue-500' href='https://www.fitko.de/produktmanagement'>Produkten</a> und steuert <a className='text-blue-500' href='https://www.fitko.de/projektmanagement'>Projekte</a>, die noch zu Produkten werden wollen.<br/><br/>
Um dabei immer besser zu werden, sind wir auf Dein Feedback angewiesen! In unserem Issue-Tracker im <i>Open Source Code Repository der öffentlichen Verwaltung</i> kannst Du Fehler oder Verbesserungsvorschläge zu Komponenten der Föderalen IT-Infrastruktur melden.<br/><br/>
Der Issue-Tracker soll bestehende Feedback-Möglichkeiten nicht ersetzen, sondern diese ergänzen. Wir versuchen dennoch gerne, Dein Anliegen an die richtige Ansprechperson zu vermitteln. Bitte habe Verständnis, wenn dies manchmal etwas Zeit in Anspruch nimmt. Wir experimentieren hier gerade mit neuen Feedback-Möglichkeiten und bekommen im Alltagsgeschäft natürlich auch Feedback über etablierte Kanäle, das es ebenfalls zu bedienen gilt.<br/><br/>
Bitte beachte, dass Dein Feedback öffentlich einsehbar sein wird.<br/><br/>
Schau vor Deinem Feedback bitte <a className='text-blue-500' href='https://gitlab.opencode.de/fitko/feedback/-/issues'>in die Liste der bestehenden Issues</a> und erstelle erst dann <a className='text-blue-500' href='https://gitlab.opencode.de/fitko/feedback/-/issues/new'>ein neues Issue</a>.<br/><br/>
Im Auftrag des <a className='text-blue-500' href='https://www.it-planungsrat.de/'>IT-Planungsrats</a> betreibt die Föderale IT-Kooperation (FITKO) eine Reihe von <a className='text-blue-500' href='https://www.fitko.de/produktmanagement'>Produkten</a> und steuert <a className='text-blue-500' href='https://www.fitko.de/projektmanagement'>Projekte</a>, die noch zu Produkten werden wollen.<br /><br />
Um dabei immer besser zu werden, sind wir auf Dein Feedback angewiesen! In unserem Issue-Tracker im <i>Open Source Code Repository der öffentlichen Verwaltung</i> kannst Du Fehler oder Verbesserungsvorschläge zu Komponenten der Föderalen IT-Infrastruktur melden.<br /><br />
Der Issue-Tracker soll bestehende Feedback-Möglichkeiten nicht ersetzen, sondern diese ergänzen. Wir versuchen dennoch gerne, Dein Anliegen an die richtige Ansprechperson zu vermitteln. Bitte habe Verständnis, wenn dies manchmal etwas Zeit in Anspruch nimmt. Wir experimentieren hier gerade mit neuen Feedback-Möglichkeiten und bekommen im Alltagsgeschäft natürlich auch Feedback über etablierte Kanäle, das es ebenfalls zu bedienen gilt.<br /><br />
Bitte beachte, dass Dein Feedback öffentlich einsehbar sein wird.<br /><br />
Schau vor Deinem Feedback bitte <a className='text-blue-500' href='https://gitlab.opencode.de/fitko/feedback/-/issues'>in die Liste der bestehenden Issues</a> und erstelle erst dann <a className='text-blue-500' href='https://gitlab.opencode.de/fitko/feedback/-/issues/new'>ein neues Issue</a>.<br /><br />
Danke! 😊
</p>
</section>
......@@ -118,9 +118,9 @@ export default () => {
</p>
<div className="p-6 bg-gray-50 rounded-bl-2xl rounded-br-2xl md:px-8">
<Link href="/resources" passHref>
<a className="text-base font-bold text-yellow-400 hover:text-yellow-600">
Zu den Entwicklungsressourcen<span aria-hidden="true"> &rarr;</span>
</a>
<a className="text-base font-bold text-yellow-400 hover:text-yellow-600">
Zu den Entwicklungsressourcen<span className="font-extrabold" aria-hidden="true"> &rarr;</span>
</a>
</Link>
</div>
</section>
......@@ -156,7 +156,7 @@ export default () => {
href={link.href}
className="text-base font-medium text-yellow-400 hover:text-yellow-600"
>
Mehr erfahren<span aria-hidden="true"> &rarr;</span>
Mehr erfahren<span className="font-extrabold" aria-hidden="true"> &rarr;</span>
</a>
</div>
</div>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment