Listenansicht an Pretotype anpassen

lib/assets/data/currentFilter.json

@@ -114,48 +114,6 @@
                     "value": "Dekommissionierung"
                 }
             ]
-        },
-        {
-            "label": "Art des IT-Standards",
-            "id": "type",
-            "options": [
-                {
-                    "label": "Architektur-Standard",
-                    "id": "architektur",
-                    "value": "architektur"
-                },
-                {
-                    "label": "Datenstruktur",
-                    "id": "datenstruktur",
-                    "value": "datenstruktur"
-                },
-                {
-                    "label": "Datenaustausch (inhaltlich)",
-                    "id": "datenaustausch-inhaltlich)",
-                    "value": "datenaustausch-inhaltlich"
-                },
-                {
-                    "label": "Datenaustausch (Übertragung)",
-                    "id": "datenaustausch-übertragung)",
-                    "value": "datenaustausch-übertragung)"
-                },
-                {
-                    "label": "Designsprachen / -systeme",
-                    "id": "designsprache",
-                    "value": "designsprache"
-                },
-                {
-                    "label": "Taxonomie",
-                    "id": "taxonomie",
-                    "value": "taxonomie"
-                },
-                {
-                    "label": "Techn.-fachl. Klassifizierung",
-                    "id": "technisch",
-                    "value": "technisch"
-                }
-            ]
         }
-
     ]
 }
\ No newline at end of file

pages/standards/index.tsx

 /*
  *      Controls the list view of it-standards
  */
+import Header from '@/views/it-standards/Header'
 import { useRouter } from 'next/router'
 import { IconArrowBigRight, IconChevronLeft, IconMail, /* IconBooks, */ IconBook2 } from '@tabler/icons-react'
 
@@ -42,29 +43,24 @@ export default function ({ contentsString }) {
         return tags.length > 0
     }
     return (
+        
         <div className='container it-standards'>
-            <nav className="relative max-w-7xl mx-auto flex items-center justify-between px-3 sm:px-6 ">
-                <div className="flex items-center flex-1">
-                    <div className="flex items-center justify-between w-full md:w-auto">
-                        <div className="lg:block md:space-x-10 hidden">
-                            <Link href="/" passHref legacyBehavior>
-                                <a className={'text-lg font-bold text-yellow-400 hover:text-gray-900'}>
-                  Informationsplattform
-                                </a>
-                            </Link>
-                        </div>
-                    </div>
-                </div>
-            </nav>
+            
+            
+            
+            
 
-            <div className="py-10">
+            <div className="">
                 <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">
+                    <div className="col-start-1 col-span-12 ">
+                        <Header />
+                    </div>
                     <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 legacyBehavior>
                                 <a>
                                     <IconChevronLeft
-                                        className="mr-7 mt-6 text-yellow-400 hover:text-gray-900"
+                                        className="mr-7 mt-6 text-gray-400 hover:text-gray-900"
                                         aria-hidden="true"
                                     />
                                 </a>
@@ -133,7 +129,7 @@ export default function ({ contentsString }) {
                                                     delayOut={600}
                                                     content="Bei diesem Inhalt handelt es sich um einen externen Inhalt, der keiner Qualitätssicherung seitens der FITKO unterliegt."
                                                 >
-                                                    <Chip text={'externer Inhalt'} style={'bg-indigo-500'} />
+                                                    <Chip text={'externer Inhalt'} style={'bg-gray-500'} />
                                                 </Tooltip>
                                                 : ''}
                                         </div>
@@ -163,11 +159,13 @@ export default function ({ contentsString }) {
                                                     </div>
                                                 </div>
                                             </div>
+                                            {/* TAGs  */}
                                             <div className="container flex flex-col md:flex-row my-2">
                                                 {service.tags.map((tag: Tag, key: number) => {
-                                                    return <ServiceTag key={key} tag={tag} style={'bg-yellow-400'} />
+                                                    return <ServiceTag key={key} tag={tag} style={'bg-gray-400'} />
                                                 })}
                                             </div>
+                                            {/* Kurzbeschreibung  */}
                                             <div
                                                 className="mt-2 text-sm text-gray-700 space-y-4"
                                                 dangerouslySetInnerHTML={{

views/it-standards/Header.tsx

+import Link from 'next/link'
+import useBasePath from 'shared/use-base-path'
+
+export default () => {
+    const basePath = useBasePath()
+
+    {/*folgenden Teil des Codes habe ich von ChatGPT schreiben lassen:  */}
+    return (
+    <div className="bg-gray-200 text-black h-20 px-4 py-2  shadow shadow-gray-500/50 flex items-center">
+        
+            <div className="flex items-center space-x-4">
+                
+                {/* Platzhalter für das Logo */}
+                <div className="h-10 w-25 bg-gray-500 ">Logo</div>
+                
+                
+            
+                {/* Links */}
+                <div className="space-x-4 flex items-center ">
+                    <a href="https://docs.fitko.de/standardisierungsagenda/docs/" className="hover:text-gray-300">Online-Dokumentation <br></br> Standardisierungsagenda</a>
+                    <a href="https://www.fitko.de/" className="hover:text-gray-300">FITKO</a>
+                    <a href="https://www.it-planungsrat.de/produkte-standards/standards" className="hover:text-gray-300">IT-Planungsrat</a>
+                    <a href="mailto:it-standards@fitko.de" className="hover:text-gray-300">Kontakt</a>
+                </div>
+            </div>
+        
+        
+            
+        
+    </div>        
+    )
+}