feat: more highlights

heimv-ch · Jun 11, 2024 · 8625858 · 8625858
1 parent 5a4bf7f
commit 8625858
Show file tree

Hide file tree

Showing 20 changed files with 426 additions and 375 deletions.
diff --git a/package.json b/package.json
@@ -11,13 +11,13 @@
   },
   "dependencies": {
     "@astrojs/tailwind": "^5.1.0",
-    "astro": "^4.9.2",
+    "astro": "^4.10.1",
     "sharp": "^0.33.4",
-    "tailwindcss": "^3.4.3"
+    "tailwindcss": "^3.4.4"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.13",
-    "sass": "^1.77.2",
+    "sass": "^1.77.4",
     "typescript": "^5.4.5"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/icon.svg b/public/icon.svg
diff --git a/public/logo_icon.png b/public/logo_icon.png
diff --git a/public/logo_icon.svg b/public/logo_icon.svg
diff --git a/public/states.svg b/public/states.svg
diff --git a/src/components/main_nav.astro b/src/components/main_nav.astro
@@ -8,14 +8,16 @@ export interface Props {
 const { transparent = false } = Astro.props;
 ---
 
-<header class:list={["p-4 text-lg text-heimv-900", { "bg-heimv-400": !transparent }]}>
-  <nav class="container mx-auto max-w-5xl flex justify-between items-center">
+<header class:list={["p-4 text-lg text-heimv-900 font-heading ", { "bg-heimv-400": !transparent }]}>
+  <nav
+    class:list={["container mx-auto max-w-5xl flex justify-between items-center", { "text-heimv-50": !transparent }]}
+  >
     <a href="/"><img src={logo.src} alt="HeimV Logo" width={150} height={48} /></a>
     <ul class="list-none flex gap-2">
       <li>
         <a
           class="p-3 ms-4 grow-0 drop-shadow whitespace-nowrap hover:text-heimv-50 no-underline hover:underline"
-          href="/highlights">Highlights</a
+          href="/highlights">💡 Highlights</a
         >
       </li>
       <li>

diff --git a/src/content/config.ts b/src/content/config.ts
@@ -6,6 +6,7 @@ const highlights = defineCollection({
 		title: z.string(),
 		lead: z.string().optional(),
 		image: image().optional(),
+		homepage: z.boolean().optional(),
 		tags: z.array(z.string()).optional()
 	}),
 });

diff --git a/src/content/highlights/contracts.md b/src/content/highlights/contracts.md
@@ -2,6 +2,7 @@
 title: Verträge
 lead: Vertragstext aus Vorlage übernehmen und individuell anpassen
 # image: ./digests.png
+homepage: true
 ---
 
 

diff --git a/src/content/highlights/custom_email_address.md b/src/content/highlights/custom_email_address.md
@@ -0,0 +1,7 @@
+---
+title: E-Mail Versand mit eigener Domain
+lead: Automatische E-Mails aus HeimV über eigenen Mailserver verschicken
+---
+
+
+
diff --git a/src/content/highlights/digests.md b/src/content/highlights/digests.md
@@ -2,6 +2,7 @@
 title: Auszüge
 lead: Buchungsdaten einfach exportieren
 # image: ./digests.png
+homepage: true
 ---
 
 

diff --git a/src/content/highlights/invoices.md b/src/content/highlights/invoices.md
@@ -2,6 +2,7 @@
 title: Rechnungen
 lead: Rechnungen und Zahlungseingänge verwalten
 # image: ./digests.png
+homepage: true
 ---
 
 

diff --git a/src/content/highlights/operators.md b/src/content/highlights/operators.md
@@ -2,6 +2,7 @@
 title: Funktionäre & Verantwortlichkeiten
 lead: Heimübergabe und Rücknahme flexibel delegieren
 # image: ./digests.png
+homepage: true
 ---
 
 

diff --git a/src/content/highlights/requests.md b/src/content/highlights/requests.md
@@ -1,7 +1,8 @@
 ---
 title: Reservationsanfragen
-lead: Reservationsanfragen automatisiert verwalten
+lead: Reservationsanfragen einfach und automatisiert verwalten
 image: ../../assets/screen-book-1.png
+homepage: true
 ---
 
 

diff --git a/src/content/highlights/rich_text_templates.md b/src/content/highlights/rich_text_templates.md
@@ -0,0 +1,7 @@
+---
+title: Text- und Mailvorlagen
+lead: Texte und Mailvorlagen individuell anpassen
+---
+
+
+
diff --git a/src/content/highlights/tarifs.md b/src/content/highlights/tarifs.md
@@ -2,6 +2,7 @@
 title: Tarife und Verbrauch
 lead: Preisstuktur flexibel abbilden und abrechnen
 # image: ./digests.png
+homepage: true
 ---
 
 

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -15,7 +15,7 @@ const { title, transparent = false } = Astro.props;
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="/logo_icon.svg" />
     <meta name="generator" content={Astro.generator} />
     <title>{title} · HeimV – Die Heimverwaltungssoftware</title>
     <link rel="preconnect" href="https://fonts.gstatic.com" />

diff --git a/src/pages/highlights/index.astro b/src/pages/highlights/index.astro
@@ -1,7 +1,6 @@
 ---
 import { getCollection } from "astro:content";
 import Layout from "../../layouts/Layout.astro";
-import { Image } from "astro:assets";
 import Breadcrumbs from "../../components/breadcrumbs.astro";
 // import screenBook1Image from "../../assets/screen-book-1.png";
 // import screenBook2Image from "../../assets/screen-book-2.png";
@@ -20,15 +19,17 @@ const highlights = await getCollection("highlights");
     <Breadcrumbs links={[{ title: "Highlights", href: "/highlights" }]} />
   </div>
   <main class="container mx-auto max-w-5xl p-4 min-h-screen">
-    <h1 class="font-heading text-[clamp(4vw,8vw,3rem)] leading-snug text-center font-bold mx-5 my-[4em]">Highlights</h1>
+    <h1 class="font-heading text-[clamp(4vw,8vw,3rem)] leading-snug text-center font-bold mx-5 my-[4em]">
+      💡 Highlights
+    </h1>
     <ul class="list-disc ps-6">
       {
-        highlights.map((feature) => {
+        highlights.map((highlight) => {
           return (
             <li class="pb-4">
-              <a class="block" href={`/highlights/${feature.slug}`}>
-                <h3 class="mt-0 font-bold underline text-heimv-700 hover:text-heimv-600">{feature.data.title}</h3>
-                <p>{feature.data.lead}</p>
+              <a class="block" href={`/highlights/${highlight.slug}`}>
+                <h3 class="mt-0 font-bold underline text-heimv-700 hover:text-heimv-600">{highlight.data.title}</h3>
+                <p>{highlight.data.lead}</p>
               </a>
             </li>
           );

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -2,6 +2,9 @@
 import Layout from "../layouts/Layout.astro";
 import screenHomeImage from "../assets/screen-home.png";
 import screensImage from "../assets/screens.png";
+import { getCollection } from "astro:content";
+
+const highlights = await getCollection("highlights");
 ---
 
 <Layout title="HeimV – Die Heimverwaltungssoftware" transparent={true}>
@@ -46,32 +49,33 @@ import screensImage from "../assets/screens.png";
 
   <section class="container mx-auto max-w-5xl p-5">
     <h2 class="text-4xl mt-10 mb-5 font-heading" id="highlights">Die Highlights</h2>
-    <ul class="list-disc ps-6">
-      <li class="pb-3">
-        <a class="underline text-heimv-700 hover:text-heimv-600" href="highlights/requests"
-          >Reservationsanfragen verwalten</a
-        >
-      </li>
-      <li class="pb-3">Verträge und Anzahlungen erstellen</li>
-      <li class="pb-3">
-        <a class="" href="highlights/tarifs">Tarife für Buchungen festlegen</a>
-      </li>
-      <li class="pb-3">Verbrauch abrechnen</li>
-      <li class="pb-3">
-        <a class="" href="highlights/invoices">Rechnungen versenden</a>
-      </li>
-      <li class="pb-3">Zahlungen via ESR-Standard einlesen und verwalten</li>
-      <li class="pb-3">
-        <a class="underline text-heimv-700 hover:text-heimv-600" href="highlights">Alle Highlights in der Übersicht</a>
-      </li>
-    </ul>
     <a href="/highlights">
       <figure>
         <!-- <img src={screensImage.src} alt="" width={1200} height={886} /> -->
         <img class="my-10 mx-auto" src={screensImage.src} alt="" width={800} height={590} />
       </figure></a
     >
-    <p class="my-10 text-center">bequem über den Browser.</p>
+    <ul class="list-disc ps-6">
+      {
+        highlights.map((highlight) => {
+          if (!highlight.data.homepage) return;
+
+          return (
+            <li class="pb-4">
+              <a class="block" href={`/highlights/${highlight.slug}`}>
+                <h3 class="mt-0 font-bold underline text-heimv-700 hover:text-heimv-600">{highlight.data.title}</h3>
+                <p>{highlight.data.lead}</p>
+              </a>
+            </li>
+          );
+        })
+      }
+    </ul>
+    <p class="my-10">
+      Alles bequem über den Browser. <a class="underline text-heimv-700 hover:text-heimv-600" href="highlights"
+        >Alle Highlights in der Übersicht</a
+      >
+    </p>
   </section>
 
   <section class="container mx-auto max-w-5xl p-4">