VITEC/VITEC-website
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial Commit

Browse Source
This commit is contained in:
khaccount committed 2026-05-18 14:46:25 +02:00
1 parent 4f495177e4
commit b6d2142214
166 files changed
+13952 -178
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/vitec/ContentBlocks/ContentElements/cta-banner/assets/icon.svg
+6
View File
@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#F47937" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="7" width="20" height="10" rx="2"/>
<rect x="6" y="10" width="6" height="4" rx="1" fill="#F47937"/>
<path d="M15 12h3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 340 B

packages/vitec/ContentBlocks/ContentElements/cta-banner/config.yaml
+74
View File
@@ -0,0 +1,74 @@
name: vitec/cta-banner
group: vitec
prefixFields: true
prefixType: vendor
fields:
- identifier: header
useExistingField: true
required: true
- identifier: bodytext
useExistingField: true
enableRichtext: true
- identifier: primary_cta
type: Link
required: true
allowedTypes:
- page
- url
- file
- email
- identifier: primary_cta_label
type: Text
required: true
default: 'Get in touch'
max: 30
- identifier: secondary_cta
type: Link
allowedTypes:
- page
- url
- file
- email
- identifier: secondary_cta_label
type: Text
max: 30
- identifier: layout_variant
type: Select
renderType: selectSingle
default: centered
items:
- label: Centered (text over background)
value: centered
- label: Split (text left, CTAs right)
value: split
- label: Stacked (text top, CTAs below)
value: stacked
- identifier: background_variant
type: Select
renderType: selectSingle
default: orange
items:
- label: Orange
value: orange
- label: Blue
value: blue
- label: Graphite
value: graphite
- label: Midnight
value: midnight
- label: Light (neutral)
value: light
- identifier: background_image
type: File
minitems: 0
maxitems: 1
allowed: common-image-types
packages/vitec/ContentBlocks/ContentElements/cta-banner/language/labels.xlf
+42
View File
@@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8"?>
<xliff version="1.2">
<file source-language="en" datatype="plaintext" original="messages">
<body>
<trans-unit id="title">
<source>VITEC · CTA Banner</source>
</trans-unit>
<trans-unit id="description">
<source>Call-to-Action Banner mit optionalem zweiten Button und Background-Varianten</source>
</trans-unit>
<trans-unit id="primary_cta.label">
<source>Primary CTA Link</source>
</trans-unit>
<trans-unit id="primary_cta_label.label">
<source>Primary CTA Button Text</source>
</trans-unit>
<trans-unit id="secondary_cta.label">
<source>Secondary CTA Link (optional)</source>
</trans-unit>
<trans-unit id="secondary_cta_label.label">
<source>Secondary CTA Button Text (optional)</source>
</trans-unit>
<trans-unit id="layout_variant.label">
<source>Layout Variant</source>
</trans-unit>
<trans-unit id="background_variant.label">
<source>Background Variant</source>
</trans-unit>
<trans-unit id="background_image.label">
<source>Background Image (optional)</source>
</trans-unit>
<trans-unit id="background_image.description">
<source>Optionales Hintergrundbild — überlagert die Background-Variant-Farbe</source>
</trans-unit>
</body>
</file>
</xliff>
packages/vitec/ContentBlocks/ContentElements/cta-banner/templates/backend-preview.html
+97
View File
@@ -0,0 +1,97 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:layout name="Preview"/>
<f:section name="Content">
<f:asset.css identifier="vitec-backend-preview" href="EXT:vitec/Resources/Public/Css/backend-preview.css"/>
<div class="vitec-preview vitec-preview--{data.background_variant}">
<f:comment>Thumbnail (Background Image oder Farb-Placeholder)</f:comment>
<f:if condition="{data.background_image.0}">
<f:then>
<f:image image="{data.background_image.0}"
class="vitec-preview__thumb"
width="120c"
height="80c"
alt="Background Preview"/>
</f:then>
<f:else>
<div class="vitec-preview__thumb-placeholder">
<f:switch expression="{data.background_variant}">
<f:case value="orange">🟠</f:case>
<f:case value="blue">🔵</f:case>
<f:case value="graphite">⬛</f:case>
<f:case value="midnight">⬛</f:case>
<f:case value="light">⬜</f:case>
<f:defaultCase>No BG</f:defaultCase>
</f:switch>
</div>
</f:else>
</f:if>
<f:comment>Body</f:comment>
<div class="vitec-preview__body">
<div class="vitec-preview__label">VITEC · CTA Banner</div>
<h3 class="vitec-preview__headline">
<f:if condition="{data.header}">
<f:then>{data.header}</f:then>
<f:else>
<em style="color:#c00;">⚠ Headline fehlt</em>
</f:else>
</f:if>
</h3>
<f:if condition="{data.bodytext}">
<div class="vitec-preview__body-text">
<f:format.stripTags>{data.bodytext}</f:format.stripTags>
</div>
</f:if>
<div class="vitec-preview__ctas">
<f:if condition="{data.primary_cta_label}">
<span class="vitec-preview__cta-btn">{data.primary_cta_label} →</span>
</f:if>
<f:if condition="{data.secondary_cta_label}">
<span class="vitec-preview__cta-btn vitec-preview__cta-btn--secondary">
{data.secondary_cta_label}
</span>
</f:if>
</div>
</div>
<f:comment>Settings Sidebar</f:comment>
<div class="vitec-preview__settings">
<f:comment>Background Badge</f:comment>
<span class="vitec-badge">
<span class="vitec-badge__dot vitec-badge__dot--{data.background_variant}"></span>
<f:switch expression="{data.background_variant}">
<f:case value="orange">VITEC Orange</f:case>
<f:case value="blue">VITEC Blue</f:case>
<f:case value="graphite">VITEC Graphite</f:case>
<f:case value="midnight">VITEC Midnight</f:case>
<f:case value="light">VITEC Light</f:case>
<f:defaultCase>{data.background_variant}</f:defaultCase>
</f:switch>
</span>
<f:comment>Layout Variant Badge mit Icon</f:comment>
<span class="vitec-badge">
<f:switch expression="{data.layout_variant}">
<f:case value="centered">◎ Centered</f:case>
<f:case value="split">⇄ Split</f:case>
<f:case value="stacked">≡ Stacked</f:case>
<f:defaultCase>{data.layout_variant}</f:defaultCase>
</f:switch>
</span>
<f:comment>Warnung wenn Primary-CTA-Link fehlt</f:comment>
<f:if condition="{data.primary_cta.url} == ''">
<span class="vitec-badge vitec-badge--warning">⚠ Kein Primary-Link</span>
</f:if>
</div>
</div>
</f:section>
</html>
packages/vitec/ContentBlocks/ContentElements/cta-banner/templates/frontend.html
+3
View File
@@ -0,0 +1,3 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<!-- Headless mode: JSON is built by nb-headless-content-blocks -->
</html>
packages/vitec/ContentBlocks/ContentElements/hero-section/assets/icon.svg
+7
View File
@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#F47937" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="3" width="18" height="18" rx="2"/>
<path d="M3 9h18"/>
<circle cx="8" cy="15" r="2"/>
<path d="M13 15h5M13 18h3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 343 B

packages/vitec/ContentBlocks/ContentElements/hero-section/config.yaml
+60
View File
@@ -0,0 +1,60 @@
name: vitec/herosection
group: vitec
prefixFields: true
prefixType: vendor
fields:
- identifier: eyebrow
type: Text
max: 50
- identifier: header
useExistingField: true
required: true
- identifier: subheader
useExistingField: true
- identifier: bodytext
useExistingField: true
enableRichtext: true
- identifier: cta
type: Link
allowedTypes:
- page
- url
- file
- email
- identifier: cta_label
type: Text
default: 'Learn more'
max: 30
- identifier: hero_image
type: File
minitems: 0
maxitems: 1
allowed: common-image-types
extendedPalette: true
- identifier: background_variant
type: Select
renderType: selectSingle
default: none
items:
- label: None
value: none
- label: Orange
value: orange
- label: Blue
value: blue
- label: Graphite
value: graphite
- label: Midnight
value: midnight
- identifier: show_logo_wall
type: Checkbox
default: 0
packages/vitec/ContentBlocks/ContentElements/hero-section/language/labels.xlf
+42
View File
@@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8"?>
<xliff version="1.2">
<file source-language="en" datatype="plaintext" original="messages">
<body>
<!-- Element-Labels -->
<trans-unit id="title">
<source>VITEC · Hero Section</source>
</trans-unit>
<trans-unit id="description">
<source>Haupt-Hero mit Headline, CTA, Background-Variante</source>
</trans-unit>
<!-- Field-Labels -->
<trans-unit id="eyebrow.label">
<source>Eyebrow Text</source>
</trans-unit>
<trans-unit id="eyebrow.description">
<source>Small Label-Text above the Headline</source>
</trans-unit>
<trans-unit id="cta.label">
<source>CTA Link</source>
</trans-unit>
<trans-unit id="cta_label.label">
<source>CTA Button Text</source>
</trans-unit>
<trans-unit id="hero_image.label">
<source>Hero Image</source>
</trans-unit>
<trans-unit id="background_variant.label">
<source>Background Variant</source>
</trans-unit>
<trans-unit id="show_logo_wall.label">
<source>Show Logo Wall below</source>
</trans-unit>
</body>
</file>
</xliff>
packages/vitec/ContentBlocks/ContentElements/hero-section/templates/backend-preview.html
+75
View File
@@ -0,0 +1,75 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:layout name="Preview"/>
<f:section name="Content">
<f:asset.css identifier="vitec-backend-preview" href="EXT:vitec/Resources/Public/Css/backend-preview.css"/>
<div class="vitec-preview vitec-preview--{data.background_variant}">
<f:comment>Thumbnail</f:comment>
<f:if condition="{data.hero_image.0}">
<f:then>
<f:image image="{data.hero_image.0}"
class="vitec-preview__thumb"
width="120c"
height="80c"
alt="Hero Image Preview"/>
</f:then>
<f:else>
<div class="vitec-preview__thumb-placeholder">No Image</div>
</f:else>
</f:if>
<div class="vitec-preview__body">
<div class="vitec-preview__label">VITEC · Hero Section</div>
<f:if condition="{data.eyebrow}">
<div class="vitec-preview__eyebrow">{data.eyebrow}</div>
</f:if>
<h3 class="vitec-preview__headline">
<f:if condition="{data.header}">
<f:then>{data.header}</f:then>
<f:else>
<em style="color:#c00;">⚠ Headline fehlt</em>
</f:else>
</f:if>
</h3>
<f:if condition="{data.subheader}">
<div class="vitec-preview__subline">{data.subheader}</div>
</f:if>
<f:if condition="{data.bodytext}">
<div class="vitec-preview__body-text">
<f:format.stripTags>{data.bodytext}</f:format.stripTags>
</div>
</f:if>
<f:if condition="{data.cta_label}">
<div class="vitec-preview__ctas">
<span class="vitec-preview__cta-btn">{data.cta_label} →</span>
</div>
</f:if>
</div>
<f:comment>Settings Sidebar (ohne Partial)</f:comment>
<div class="vitec-preview__settings">
<span class="vitec-badge">
<span class="vitec-badge__dot vitec-badge__dot--{data.background_variant}"></span>
Background: {data.background_variant}
</span>
<f:if condition="{data.show_logo_wall}">
<span class="vitec-badge">🏢 Logo Wall</span>
</f:if>
<f:if condition="{data.hero_image.0} == ''">
<span class="vitec-badge vitec-badge--warning">⚠ Kein Bild</span>
</f:if>
</div>
</div>
</f:section>
</html>
packages/vitec/ContentBlocks/ContentElements/hero-section/templates/frontend.html
+3
View File
@@ -0,0 +1,3 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<!-- Headless mode: output handled by nb-headless-content-blocks, this template is intentionally minimal -->
</html>