feat: many changes
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
<f:section name="Header" />
|
||||
|
||||
<f:section name="Main">
|
||||
<section class="bg-white md:bg-hero-gradient">
|
||||
<section class="bg-white md:bg-hero-gradient mb-16">
|
||||
<div class="container mx-auto px-6 py-12 md:py-24 bg-white md:bg-hero-inner">
|
||||
<div class="md:flex md:items-center">
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
</div>
|
||||
|
||||
<!-- Heading -->
|
||||
<h1 class="text-3xl md:text-5xl font-extrabold">
|
||||
<h1>
|
||||
{data.header}
|
||||
</h1>
|
||||
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
<f:layout name="Default" />
|
||||
<f:section name="Main">
|
||||
<div class="fade-in-on-scroll">
|
||||
<div class="fade-in-on-scroll py-16">
|
||||
<f:if condition="{data.header}">
|
||||
<f:then><h2 class="font-hajime text-primary font-normal leading-none text-3xl md:text-5xl mb-4">{data.header}</h2></f:then>
|
||||
<f:then><h2>{data.header}</h2></f:then>
|
||||
</f:if>
|
||||
<f:if condition="{data.bodytext}">
|
||||
<f:then>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<f:section name="Main">
|
||||
<f:variable name="imageSizeClass" value="md:w-1/2" />
|
||||
<f:variable name="textSizeClass" value="md:w-1/2" />
|
||||
<f:variable name="gapClass" value="gap-8" />
|
||||
<f:variable name="gapClass" value="gap-8 md:gap-16" />
|
||||
|
||||
<f:if condition="{data.imagesize} == 1"> <!-- Size 25% -> map to 40% for layout -->
|
||||
<f:variable name="imageSizeClass" value="md:w-2/5" />
|
||||
@@ -11,7 +11,7 @@
|
||||
<f:variable name="gapClass" value="gap-8 md:gap-16 lg:gap-32" />
|
||||
</f:if>
|
||||
|
||||
<div class="flex flex-col {gapClass} fade-in-on-scroll {f:if(condition: '{data.imageorient} == 26', then: 'md:flex-row-reverse', else: 'md:flex-row')}">
|
||||
<div class="flex flex-col {gapClass} py-16 fade-in-on-scroll {f:if(condition: '{data.imageorient} == 26', then: 'md:flex-row-reverse', else: 'md:flex-row')}">
|
||||
<div class="flex items-center justify-center {imageSizeClass}">
|
||||
<f:if condition="{data.image}">
|
||||
<f:then>
|
||||
@@ -39,7 +39,7 @@
|
||||
cropVariant="default"
|
||||
width="538c"
|
||||
alt="{data.image.0.alternative}"
|
||||
class="max-w-full h-auto rounded-lg block"
|
||||
class="max-w-full h-auto block"
|
||||
/>
|
||||
</figure>
|
||||
</f:then>
|
||||
@@ -50,8 +50,7 @@
|
||||
</div>
|
||||
<div class="{textSizeClass}">
|
||||
<f:if condition="{data.header}">
|
||||
<h2 class="font-hajime text-primary font-normal leading-none text-3xl md:text-5xl mb-2">{data.header}</h2>
|
||||
<h3 class="text-xl md:text-2xl font-semibold mb-4">{data.subheader}</h3>
|
||||
<h2>{data.header}</h2>
|
||||
</f:if>
|
||||
<f:if condition="{data.bodytext}">
|
||||
<div class="prose lg:prose-lg">
|
||||
|
||||
Reference in New Issue
Block a user