robin/kontextwerk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

zwischenstand

Browse Source
This commit is contained in:
Robin Grenzdörfer
2025-10-02 09:03:39 +00:00
parent 099530b7c8
commit f3dc0dc9bd
52 changed files with 994 additions and 5602 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/lib/components/pagebuilder/blocks/columns/CTA.svelte
View File

@@ -1,52 +0,0 @@
<script lang="ts">
import Button from "../../../widgets/Button.svelte"
export let column: BlockColumn<"cta">
const cta = column.cta
</script>
<div
class="cta"
id="cta"
>
{#if cta.upperHeadline}
<small>
{cta.upperHeadline}
</small>
{/if}
<h1>
{cta.whiteHeadline}
{#if cta.headlineArrangement !== "row"} <br />{/if} <em class="red">{cta.redHeadline}</em>
</h1>
<p>{cta.description}</p>
<div class="buttons">
{#each cta.callToActionButtons as button}
<Button button={button} />
{/each}
</div>
</div>
<style lang="less">
#cta {
display: flex;
flex-direction: column;
gap: 1.6rem;
small {
font-weight: 700;
font-family: Outfit-Bold, sans-serif;
color: var(--text-100);
}
p {
font-size: 1.2rem;
color: var(--text-100);
}
.buttons {
text-transform: uppercase;
display: flex;
gap: 0.3rem;
}
}
</style>

27
frontend/src/lib/components/pagebuilder/blocks/columns/ChapterDescription.svelte
View File

@@ -1,27 +0,0 @@
<script lang="ts">
import { getVariableNameForChapter } from "../../../../utils"
export let title: string, type: number, description: string
//
</script>
<div>
<h1 style="color: var({getVariableNameForChapter(type)});">
{title}
</h1>
<p style="color: var({getVariableNameForChapter(type)});">
{@html description}
</p>
</div>
<style lang="less">
h1 {
font-size: 4.8rem;
text-transform: uppercase;
margin-bottom: 2.4rem;
}
p {
font-size: 1.2rem;
}
</style>

13
frontend/src/lib/components/pagebuilder/blocks/columns/Text.svelte
View File

@@ -1,13 +0,0 @@
<script lang="ts">
import LinkList from "../../../widgets/LinkList.svelte"
export let column: BlockColumn<"text">
</script>
{@html column.text}
{#if column.links?.length}
<div class="button-wrap gap-m">
<!-- Buttons sitzen im Wrapper, sollten vermutlich auch flexibel / repeatable sein, mal nur einen, mal zwei, mal keiner -->
<LinkList links={column.links} />
</div>
{/if}