+
+
+
+
diff --git a/src/components/accordion/Heading.astro b/src/components/accordion/Heading.astro
new file mode 100644
index 00000000..2f30ebb3
--- /dev/null
+++ b/src/components/accordion/Heading.astro
@@ -0,0 +1,40 @@
+---
+/**
+ * Heading Component
+ * @description A versatile heading component that handles all heading levels with proper accessibility
+ */
+const headingOptions = {
+ h1: "h1",
+ h2: "h2",
+ h3: "h3",
+ h4: "h4",
+ h5: "h5",
+ h6: "h6",
+};
+
+import type { HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"h1" | "h2" | "h3" | "h4" | "h5" | "h6"> {
+ /**
+ * The tag name of the heading
+ */
+ level?: keyof typeof headingOptions;
+ /**
+ * The size of the heading
+ */
+ size?: keyof typeof headingOptions;
+}
+
+const { level = "h2", size = level, ...rest } = Astro.props;
+const Tag = headingOptions[level];
+---
+
+
+
+
+
+
diff --git a/src/content.config.ts b/src/content.config.ts
index 109b7368..89991727 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -65,6 +65,7 @@ const referenceCompaniesCollection = defineCollection({
logo: image(),
url: z.url().optional(),
archived: z.boolean().optional().default(false),
+ details: z.string().optional(),
}),
});
@@ -76,8 +77,10 @@ const referenceProjectsCollection = defineCollection({
softwareName: z.string(),
title: z.string(),
summary: z.string(),
+ details: z.string().optional(),
logo: image(),
path: z.url().optional(),
+ featured: z.boolean().optional().default(false),
}),
),
});
diff --git a/src/content/pages/de/past/references.mdx b/src/content/pages/de/past/references.mdx
index 9d7673da..f08ad8b7 100644
--- a/src/content/pages/de/past/references.mdx
+++ b/src/content/pages/de/past/references.mdx
@@ -2,3 +2,86 @@
path: referenzen
title: Referenzen
---
+
+import Divider from "../../../../components/Divider.astro";
+import Accordion from "../../../../components/accordion/Accordion.astro";
+import AccordionItem from "../../../../components/accordion/AccordionItem.astro";
+import AxaImage from "../../../references/projects/axa.placeholder.png";
+import DogliImage from "../../../references/projects/dogil.placeholder.png";
+import DocportalImage1 from "../../../references/projects/docportal.placeholder.1.png";
+import DocportalImage2 from "../../../references/projects/docportal.placeholder.2.png";
+import { Image } from "astro:assets";
+
+
+ Als Firma haben wir bereits mit vielen Kunden in verschiedensten Projekten gearbeitet. Wir haben daher bereits
+ Erfahrung mit Webapplikationen, Handy-Apps, Kurse im Bereich IT und weiteres.
+
+
+
+
+
+
+
+ Mit dem Team Dogli konnten wir eine App für Hundeliebhaber ins Leben rufen.
+ Die Dogli-App bietet über 300 video basierte bereichernde Lerninhalte für Zuhause ohne teures Zubehör.
+
+ Teile deine Hundeerlebnisse mit der Dogli-Community oder verfolge die Posts des neusten Social Media Hunde-Star.
+
+
+
+
+
+ Das DocPortal wurde für den ZLI entwickelt und dient als Plattform zur Verwaltung von Daten sowie zur automatisierten Erstellung von PDF-Dokumenten.
+ Zusätzlich unterstützt die Applikation digitale Signaturen, wodurch Dokumente vollständig papierlos verarbeitet und unterzeichnet werden können.
+
+ Mithilfe von konfigurierbaren Dokumentenvorlagen können die Dokumente von Jahr zu Jahr nach Anforderungen angepasst werden.
+
+ Das folgende Beispiel zeigt die Datenerfassung eines Bildungsberichtes innerhalb des DocPortals.
+
+
+
+ Daraus entsteht ein ausgefülltes PDF-Dokument.
+
+
+
+
+
+
+ openscript hat für die Axa einige Ausbildungskurse erstellt und führt diese Jährlich durch.
+ Diese Ausbildungskurse dienen als spezielle Weiterbildung für die Lernende der Axa bei denen Sie wichtige IT Themen kennenlernen.
+ Der Themenbereich deckt sich von Webtechnologien bis zu der Java persistence API und Linux in verschiedenen Kursen ab.
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec risus sit amet nisl consectetur suscipit. Duis diam
+ dui, ultricies ut dolor vel, venenatis egestas ex. Ut vitae nibh arcu. Suspendisse varius risus id blandit fermentum.
+ Pellentesque dictum viverra nisi, id congue ex elementum sed. Donec bibendum libero vitae dui accumsan, ac rhoncus mi
+ pellentesque. Aliquam erat volutpat. Morbi bibendum feugiat dolor non tristique. Aliquam erat volutpat.
+
diff --git a/src/content/pages/en/past/references.mdx b/src/content/pages/en/past/references.mdx
index 4ae6d730..e84292a5 100644
--- a/src/content/pages/en/past/references.mdx
+++ b/src/content/pages/en/past/references.mdx
@@ -2,3 +2,82 @@
path: references
title: References
---
+
+import Divider from "../../../../components/Divider.astro";
+import Accordion from "../../../../components/accordion/Accordion.astro";
+import AccordionItem from "../../../../components/accordion/AccordionItem.astro";
+import AxaImage from "../../../references/projects/axa.placeholder.png";
+import DogliImage from "../../../references/projects/dogil.placeholder.png";
+import DocportalImage1 from "../../../references/projects/docportal.placeholder.1.png";
+import DocportalImage2 from "../../../references/projects/docportal.placeholder.2.png";
+import { Image } from "astro:assets";
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec risus sit amet nisl consectetur suscipit. Duis diam
+ dui, ultricies ut dolor vel, venenatis egestas ex. Ut vitae nibh arcu. Suspendisse varius risus id blandit fermentum.
+ Pellentesque dictum viverra nisi, id congue ex elementum sed. Donec bibendum libero vitae dui accumsan, ac rhoncus mi
+ pellentesque. Aliquam erat volutpat. Morbi bibendum feugiat dolor non tristique. Aliquam erat volutpat.
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec risus sit amet nisl consectetur suscipit. Duis diam
+ dui, ultricies ut dolor vel, venenatis egestas ex. Ut vitae nibh arcu. Suspendisse varius risus id blandit fermentum.
+
+
+
+
+
+ The DocPortal was developed for the "name" and serves as a platform for managing data as well as for the automated generation of PDF documents.
+ In addition, the application supports digital signatures, allowing documents to be processed and signed completely paperless.
+
+ With the help of configurable document templates, the documents can be adapted from year to year according to requirements.
+
+ The following example shows the data entry of an education report within the DocPortal.
+
+
+
+ This results in a completed PDF document.
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec risus sit amet nisl consectetur suscipit. Duis diam
+ dui, ultricies ut dolor vel, venenatis egestas ex. Ut vitae nibh arcu. Suspendisse varius risus id blandit fermentum.
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec risus sit amet nisl consectetur suscipit. Duis diam
+ dui, ultricies ut dolor vel, venenatis egestas ex. Ut vitae nibh arcu. Suspendisse varius risus id blandit fermentum.
+ Pellentesque dictum viverra nisi, id congue ex elementum sed. Donec bibendum libero vitae dui accumsan, ac rhoncus mi
+ pellentesque. Aliquam erat volutpat. Morbi bibendum feugiat dolor non tristique. Aliquam erat volutpat.
+
diff --git a/src/content/references/companies/index.yaml b/src/content/references/companies/index.yaml
index 1633596f..bb2efc79 100644
--- a/src/content/references/companies/index.yaml
+++ b/src/content/references/companies/index.yaml
@@ -2,35 +2,43 @@
companyName: Bundesamt für Strassen ASTRA
logo: ./astra.svg
url: https://www.astra.admin.ch
+ details: text
- id: dogli
companyName: DOGLi GmbH
logo: ./dogli.svg
url: https://dogli.app
+ details: text
- id: haslerrail
companyName: HaslerRail AG
logo: ./haslerrail.svg
url: https://www.haslerrail.com
+ details: text
- id: hydrowatt
companyName: Hydrowatt AG
logo: ./hydrowatt.svg
url: https://www.hydrowatt.com
+ details: text
- id: schalthalle
companyName: Verein Schalthalle
logo: ./schalthalle.svg
url: https://www.schalthalle.ch
+ details: text
- id: sto
companyName: STO Innenausbau AG
logo: ./sto.svg
url: https://sto-innenausbau.ch
+ details: text
archived: true
- id: uzh
companyName: Universität Zürich
logo: ./uzh.svg
url: https://www.uzh.ch
+ details: text
- id: wagner
companyName: Wagner Unternehmungen AG
logo: ./wagner.svg
url: https://wagner-rohbau.ch
+ details: text
- id: wiegand
companyName: Wiegand AG
logo: ./wiegand.png
@@ -45,3 +53,4 @@
companyName: Zürcher Lehrbetriebsverband ICT
logo: ./zli.svg
url: https://zli.ch
+ details: text
diff --git a/src/content/references/projects/axa.placeholder.png b/src/content/references/projects/axa.placeholder.png
new file mode 100644
index 00000000..0458f612
Binary files /dev/null and b/src/content/references/projects/axa.placeholder.png differ
diff --git a/src/content/references/projects/certification.de.md b/src/content/references/projects/certification.de.md
index d7eaea2e..77dc53df 100644
--- a/src/content/references/projects/certification.de.md
+++ b/src/content/references/projects/certification.de.md
@@ -3,6 +3,6 @@ softwareName: Zertifizierungstool
title: Unbeaufsichtigtes Online-Zertifizierungstool für eine internationale Organisation
logo: ./certification.svg
summary: Mit diesem Tool können Sie Ihren Zertifizierungsprozess organisieren. Es ermöglicht Personen periodisch zur Zertifizierung einzuladen, es führt den Zertifizierungsprozess durch und übergibt Ihnen nach erfolgreicher Zertifizierung schön formatierte PDF-Dokumente.
+featured: true
+details: Mehr text
---
-
-
diff --git a/src/content/references/projects/certification.en.md b/src/content/references/projects/certification.en.md
index d2e086fc..f2006313 100644
--- a/src/content/references/projects/certification.en.md
+++ b/src/content/references/projects/certification.en.md
@@ -3,6 +3,5 @@ softwareName: Certification Tool
title: Unattended online certification tool for an international organization
logo: ./certification.svg
summary: With this tool you can organize your certification process. It lets you invite people periodically to get certified, runs the certification process and hands you nicely designed PDF documents upon successful certification.
+featured: true
---
-
-
diff --git a/src/content/references/projects/docportal.placeholder.1.png b/src/content/references/projects/docportal.placeholder.1.png
new file mode 100644
index 00000000..0458f612
Binary files /dev/null and b/src/content/references/projects/docportal.placeholder.1.png differ
diff --git a/src/content/references/projects/docportal.placeholder.2.png b/src/content/references/projects/docportal.placeholder.2.png
new file mode 100644
index 00000000..0458f612
Binary files /dev/null and b/src/content/references/projects/docportal.placeholder.2.png differ
diff --git a/src/content/references/projects/dogil.placeholder.png b/src/content/references/projects/dogil.placeholder.png
new file mode 100644
index 00000000..0458f612
Binary files /dev/null and b/src/content/references/projects/dogil.placeholder.png differ
diff --git a/src/content/references/projects/timelet.de.md b/src/content/references/projects/timelet.de.md
index 282b5f9c..ed329d74 100644
--- a/src/content/references/projects/timelet.de.md
+++ b/src/content/references/projects/timelet.de.md
@@ -3,4 +3,5 @@ softwareName: Timelet
title: Minimales Open-Source Zeiterfassungstool
logo: ./timelet.svg
summary: Dieses Produkt ist ein minimalistisches, einfach zu bedienendes Open-Source-Tool zur effizienten Zeiterfassung. Da es völlig kostenlos ist, bietet es jedem die Möglichkeit, sein Zeitmanagement professionell zu gestalten.
+featured: true
---
diff --git a/src/content/references/projects/timelet.en.md b/src/content/references/projects/timelet.en.md
index 65c52993..cb3e54fa 100644
--- a/src/content/references/projects/timelet.en.md
+++ b/src/content/references/projects/timelet.en.md
@@ -3,4 +3,5 @@ softwareName: Timelet
title: Minimal opensource time tracking tool
logo: ./timelet.svg
summary: This product is a minimalist, easy-to-use, opensource tool to track time efficiently. By it being completely free to use it gives everyone the change to handle their time management professionally.
+featured: true
---
diff --git a/src/content/references/projects/vialibera.de.md b/src/content/references/projects/vialibera.de.md
index 563c27d0..89136803 100644
--- a/src/content/references/projects/vialibera.de.md
+++ b/src/content/references/projects/vialibera.de.md
@@ -3,4 +3,5 @@ softwareName: ViaLibera
title: Mobiles Protokollmanagement-Tool für eine Regierungsorganisation
logo: ./vialibera.svg
summary: Es handelt sich um eine progressive Webanwendung, die offlinefähig ist. Nachdem das Gerät, auf dem die Anwendung läuft, wieder online ist, werden die Daten synchronisiert. Es hilft dabei, den Strassenzustand zu protokollieren und daraus Statistiken zu erstellen.
+featured: true
---
diff --git a/src/content/references/projects/vialibera.en.md b/src/content/references/projects/vialibera.en.md
index 36ac1a9e..4af39006 100644
--- a/src/content/references/projects/vialibera.en.md
+++ b/src/content/references/projects/vialibera.en.md
@@ -3,4 +3,5 @@ softwareName: ViaLibera
title: Mobile protocol management tool for a government organization
logo: ./vialibera.svg
summary: It's a progressive web application, which has offline capabilities. After the device which runs the application comes back online the data is synchronized. It helps you to log street condition and makes statistics out of it.
+featured: true
---
diff --git a/src/content/sections/de/Featured.mdx b/src/content/sections/de/Featured.mdx
new file mode 100644
index 00000000..2661042f
--- /dev/null
+++ b/src/content/sections/de/Featured.mdx
@@ -0,0 +1,5 @@
+import FeaturedSection from "../../../layouts/sections/FeaturedSection.astro";
+
+
+
-
diff --git a/src/content/sections/de/Spotlight.mdx b/src/content/sections/de/Spotlight.mdx
index 8bef8a2c..42a766f3 100644
--- a/src/content/sections/de/Spotlight.mdx
+++ b/src/content/sections/de/Spotlight.mdx
@@ -1,31 +1,37 @@
-import SpotlightSection from '../../../layouts/sections/SpotlightSection.astro';
-import BackgroundVideo from '../../../components/BackgroundVideo.astro';
-import BackgroundImage from '../../../components/BackgroundImage.astro';
-import BackgroundIcon from '../../../components/BackgroundIcon.astro';
-import Button from '../../../components/Button.astro';
-import ValuesVideo from '../../../../res/values.mp4';
-import CollaborationImage from '../../../../res/collaboration.jpg';
-import ReferenceIcon from '../../../../res/dogli.svg';
+import SpotlightSection from "../../../layouts/sections/SpotlightSection.astro";
+import BackgroundVideo from "../../../components/BackgroundVideo.astro";
+import BackgroundImage from "../../../components/BackgroundImage.astro";
+import BackgroundIcon from "../../../components/BackgroundIcon.astro";
+import Button from "../../../components/Button.astro";
+import ValuesVideo from "../../../../res/values.mp4";
+import CollaborationImage from "../../../../res/collaboration.jpg";
+import ReferenceIcon from "../../../../res/dogli.svg";
-
-
-
Gemeinsam auf dem richtigen Weg
-
Finden wir gemeinsam den richtigen Weg, um Ihre Software Wirklichkeit werden zu lassen.
-
-
-
-
-
Nahtlos
-
Wir entwickeln Software, die sich nahtlos in Ihren bestehenden Arbeitsablauf integriert.
-
-
-
-
-
Die ultimative Hunde-Bereicherungs-App
-
Eine Smartphone-App mit Social-Media-Funktionen, um das Leben Ihres besten Freundes zu bereichern.
-
-
+
+
+
Gemeinsam auf dem richtigen Weg
+
Finden wir gemeinsam den richtigen Weg, um Ihre Software Wirklichkeit werden zu lassen.
+
+
+
+
+
Nahtlos
+
Wir entwickeln Software, die sich nahtlos in Ihren bestehenden Arbeitsablauf integriert.
+
+
+
+
+
Die ultimative Hunde-Bereicherungs-App
+
Eine Smartphone-App mit Social-Media-Funktionen, um das Leben Ihres besten Freundes zu bereichern.
+
+
diff --git a/src/content/sections/en/Featured.mdx b/src/content/sections/en/Featured.mdx
new file mode 100644
index 00000000..5017ffda
--- /dev/null
+++ b/src/content/sections/en/Featured.mdx
@@ -0,0 +1,5 @@
+import FeaturedSection from "../../../layouts/sections/FeaturedSection.astro";
+
+
+
-
diff --git a/src/content/sections/en/Spotlight.mdx b/src/content/sections/en/Spotlight.mdx
index 041128f7..fcfb9c3f 100644
--- a/src/content/sections/en/Spotlight.mdx
+++ b/src/content/sections/en/Spotlight.mdx
@@ -1,31 +1,37 @@
-import SpotlightSection from '../../../layouts/sections/SpotlightSection.astro';
-import BackgroundVideo from '../../../components/BackgroundVideo.astro';
-import BackgroundImage from '../../../components/BackgroundImage.astro';
-import BackgroundIcon from '../../../components/BackgroundIcon.astro';
-import Button from '../../../components/Button.astro';
-import ValuesVideo from '../../../../res/values.mp4';
-import CollaborationImage from '../../../../res/collaboration.jpg';
-import ReferenceIcon from '../../../../res/dogli.svg';
+import SpotlightSection from "../../../layouts/sections/SpotlightSection.astro";
+import BackgroundVideo from "../../../components/BackgroundVideo.astro";
+import BackgroundImage from "../../../components/BackgroundImage.astro";
+import BackgroundIcon from "../../../components/BackgroundIcon.astro";
+import Button from "../../../components/Button.astro";
+import ValuesVideo from "../../../../res/values.mp4";
+import CollaborationImage from "../../../../res/collaboration.jpg";
+import ReferenceIcon from "../../../../res/dogli.svg";
-
-
-
Together on the right path
-
Let's find together the right path to bring your software to reality.
-
-
-
-
-
Seamless
-
We build software that integrates seamlessly into your existing workflow.
-
-
-
-
-
Ultimate dog enrichment app
-
A smartphone app with social media features to enrich your best friends life.
-
-
+
+
+
Together on the right path
+
Let's find together the right path to bring your software to reality.
+
+
+
+
+
Seamless
+
We build software that integrates seamlessly into your existing workflow.
+
+
+
+
+
Ultimate dog enrichment app
+
A smartphone app with social media features to enrich your best friends life.