From 6d5d93fae1b7112dfa5d2e4f061898d2b2c22bfe Mon Sep 17 00:00:00 2001 From: Andreas Hnida Date: Fri, 16 Feb 2024 08:54:15 +0000 Subject: [PATCH] impl. partial IconheaderSubheaderText for streamlined textrendering --- content/german/_index.md | 88 +++++++++++-------- themes/hugoplate/layouts/index.html | 45 ++-------- .../components/IconHeaderSubheaderText.html | 18 ++++ 3 files changed, 74 insertions(+), 77 deletions(-) create mode 100644 themes/hugoplate/layouts/partials/components/IconHeaderSubheaderText.html diff --git a/content/german/_index.md b/content/german/_index.md index 38f3715..5b0e62c 100755 --- a/content/german/_index.md +++ b/content/german/_index.md @@ -32,44 +32,56 @@ keyfeatures: " # Features -features: - - title: "What's Included in Hugoplate" - image: "/images/service-1.png" - content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate" - bulletpoints: - - "10+ Pre-build pages" - - "95+ Google Pagespeed Score" - - "Build with Hugo and TailwindCSS for easy and customizable styling" - - "Fully responsive on all devices" - - "SEO-optimized for better search engine rankings" - - "**Open-source and free** for personal and commercial use" - button: - enable: false - label: "Get Started Now" - link: "#" +featureslead: + headline: "Das Werkzeug für die ambulante Pflege" + subline: "VeruA ** Verwaltung & Abrechnung" + content: "**VeruA ** Verwaltung** & Abrechnung ist ein Werkzeug für Klientenmanagement, Planung, Dokumentation, Abrechnung und Statistik im Bereich ambulante Pflege.

Die für den ambulanten Einsatz optimierten Funktionen gewährleisten einen ökonomischen Einsatz aller unternehmerischen Ressourcen – sowohl für Spitex-Organisationen als auch für freiberufliche Pflegefachpersonen.

Die als Webseite angelegte Programmoberfläche macht die Bedienung besonders einfach und intuitiv." - - title: "Discover the Key Features Of Hugo" - image: "/images/service-2.png" - content: "Hugo is an all-in-one web framework for building fast, content-focused websites. It offers a range of exciting features for developers and website creators. Some of the key features are:" - bulletpoints: - - "Zero JS, by default: No JavaScript runtime overhead to slow you down." - - "Customizable: Tailwind, MDX, and 100+ other integrations to choose from." - - "UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more." - button: - enable: true - label: "Get Started Now" - link: "https://github.com/zeon-studio/hugoplate" +features: + - headline: "Headline" + subline: "subline" + icon: "user" + content: "Vom stillen welt wohl euch froher weiten um. Mein bringt gezeigt es irrt. Mich irren zerstoben mein tage lebt und." - - title: "The Top Reasons to Choose Hugo for Your Hugo Project" - image: "/images/service-3.png" - content: "With Hugo, you can build modern and content-focused websites without sacrificing performance or ease of use." - bulletpoints: - - "Instantly load static sites for better user experience and SEO." - - "Intuitive syntax and support for popular frameworks make learning and using Hugo a breeze." - - "Use any front-end library or framework, or build custom components, for any project size." - - "Built on cutting-edge technology to keep your projects up-to-date with the latest web standards." - button: - enable: false - label: "" - link: "" +# TODO Get rid of this stuff +# features: +# - title: "What's Included in Hugoplate" +# image: "/images/service-1.png" +# content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate" +# bulletpoints: +# - "10+ Pre-build pages" +# - "95+ Google Pagespeed Score" +# - "Build with Hugo and TailwindCSS for easy and customizable styling" +# - "Fully responsive on all devices" +# - "SEO-optimized for better search engine rankings" +# - "**Open-source and free** for personal and commercial use" +# button: +# enable: false +# label: "Get Started Now" +# link: "#" + +# - title: "Discover the Key Features Of Hugo" +# image: "/images/service-2.png" +# content: "Hugo is an all-in-one web framework for building fast, content-focused websites. It offers a range of exciting features for developers and website creators. Some of the key features are:" +# bulletpoints: +# - "Zero JS, by default: No JavaScript runtime overhead to slow you down." +# - "Customizable: Tailwind, MDX, and 100+ other integrations to choose from." +# - "UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more." +# button: +# enable: true +# label: "Get Started Now" +# link: "https://github.com/zeon-studio/hugoplate" + +# - title: "The Top Reasons to Choose Hugo for Your Hugo Project" +# image: "/images/service-3.png" +# content: "With Hugo, you can build modern and content-focused websites without sacrificing performance or ease of use." +# bulletpoints: +# - "Instantly load static sites for better user experience and SEO." +# - "Intuitive syntax and support for popular frameworks make learning and using Hugo a breeze." +# - "Use any front-end library or framework, or build custom components, for any project size." +# - "Built on cutting-edge technology to keep your projects up-to-date with the latest web standards." +# button: +# enable: false +# label: "" +# link: "" --- diff --git a/themes/hugoplate/layouts/index.html b/themes/hugoplate/layouts/index.html index 2a47de1..6ad77d2 100755 --- a/themes/hugoplate/layouts/index.html +++ b/themes/hugoplate/layouts/index.html @@ -74,49 +74,16 @@ - {{ range $i, $e:= .Params.features }} -
+{{ with .Params.featureslead }} +
-
-
- {{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL" "520x" "DisplayLG" "425x" "DisplayMD" "360x") }} -
-
-

- {{ .title | markdownify }} -

-

- {{ .content | markdownify }} -

-
    - {{ range .bulletpoints }} -
  • - - {{ . | markdownify }} -
    • - {{ end }} -
- {{ with .button }} - {{ if .enable }} - - {{ .label }} - - - {{ end }} - {{ end }} -
+
+ {{ partial "components/IconHeaderSubheaderText" (dict "icon" .icon "headline" .headline "subline" .subline "text" .content) }}
- {{ end }} - - +{{ end }} + {{ with site.GetPage "sections/testimonial" }} {{ if .Params.enable }} diff --git a/themes/hugoplate/layouts/partials/components/IconHeaderSubheaderText.html b/themes/hugoplate/layouts/partials/components/IconHeaderSubheaderText.html new file mode 100644 index 0000000..2120818 --- /dev/null +++ b/themes/hugoplate/layouts/partials/components/IconHeaderSubheaderText.html @@ -0,0 +1,18 @@ +{{ define "IconHeaderSubheaderText" }} +
+ {{ with .icon }} + + {{ end }} +
+ {{ with .headline }} +

{{ . }}

+ {{ end }} + {{ with .subline }} +

{{ . }}

+ {{ end }} + {{ with .text }} +

{{ . }}

+ {{ end }} +
+
+{{ end }} \ No newline at end of file