diff --git a/content/collections/case_studies/sportfive.md b/content/collections/case_studies/sportfive.md index 47fcbdae..f7fec8d9 100644 --- a/content/collections/case_studies/sportfive.md +++ b/content/collections/case_studies/sportfive.md @@ -4,8 +4,8 @@ blueprint: case_study title: 'Von der Vision zur Konversion' teaser_text: 'Entdecke, wie wir SPORTFIVE dabei unterstützt haben, seine digitale Präsenz neu zu gestalten und eine Website zu schaffen, die nicht nur informiert, sondern aktiv zur Kundengewinnung beiträgt.' client: 4e44b30b-df14-4025-9bfa-edc245cc0560 -updated_by: 12d85a5e-1014-44db-a25a-d7a2f0a9b94e -updated_at: 1716237740 +updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37 +updated_at: 1716888409 modules: - id: lw97vzb8 @@ -141,12 +141,6 @@ modules: text: ' hat sich als entscheidend für die Stärkung der Online-Präsenz und die Förderung des Geschäftswachstums erwiesen. Das positive Feedback von Kunden und internen Stakeholdern sowie die signifikante Steigerung der Conversion Rate bestätigen den Erfolg der Initiative.' type: section_header enabled: true - - - id: lw98yh89 - quote: 'Die Website ist weit mehr als eine Visitenkarte – sie ist ein entscheidender Treiber für unser Geschäft. Durch die Neugestaltung konnten wir unsere Markenpräsenz signifikant steigern und effektiv neue Kundenbeziehungen aufbauen' - author: 'David Rothenhäuser' - type: quote - enabled: true - id: lw98ytvb text: @@ -159,6 +153,12 @@ modules: grid_position: end type: text enabled: true + - + id: lw98yh89 + quote: 'Die Website ist weit mehr als eine Visitenkarte – sie ist ein entscheidender Treiber für unser Geschäft. Durch die Neugestaltung konnten wir unsere Markenpräsenz signifikant steigern und effektiv neue Kundenbeziehungen aufbauen' + author: 'David Rothenhäuser, Vice President und Head of Global Marketing Communications bei SPORTFIVE' + type: quote + enabled: true - id: lw99cshz headline: 'Du willst auch eine Website, die zu Deiner Strategie passt?' @@ -168,7 +168,12 @@ modules: content: - type: text - text: 'Wir helfen Dir bei Deinem Vorhaben.' + text: 'Wir helfen Dir bei Deinem Vorhaben. ' + - + type: hardBreak + - + type: text + text: 'Melde Dich dazu gerne bei unserem CTO Fabian.' person: db2dee11-1ab2-4b71-a7b1-670f575dc5dc type: team_cta enabled: true diff --git a/content/collections/pages.yaml b/content/collections/pages.yaml index 3ba9cd9b..e3359bae 100644 --- a/content/collections/pages.yaml +++ b/content/collections/pages.yaml @@ -1,5 +1,13 @@ title: Pages +template: default +layout: layout +revisions: false +route: '{parent_uri}/{slug}' +sort_dir: asc +preview_targets: + - + label: Entry + url: '{permalink}' + refresh: true structure: root: true -route: '{parent_uri}/{slug}' -propagate: true diff --git a/content/collections/pages/calendly.md b/content/collections/pages/calendly.md new file mode 100644 index 00000000..97bafbcb --- /dev/null +++ b/content/collections/pages/calendly.md @@ -0,0 +1,11 @@ +--- +id: ff719e3b-8511-44e3-8f43-e7d3d8603990 +blueprint: link +title: Calendly +redirect: + url: 'https://calendly.com/21stdigital/meeting' + status: '301' +updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37 +updated_at: 1716805474 +parent: home +--- diff --git a/content/collections/pages/impressum.md b/content/collections/pages/impressum.md index 13423bca..9584c1e7 100644 --- a/content/collections/pages/impressum.md +++ b/content/collections/pages/impressum.md @@ -3,8 +3,8 @@ id: 9ebb7d6e-9675-4b4a-99da-e4da6ee5444e blueprint: page title: Impressum author: c6113137-f6a8-4c20-b0bd-4c52f58ab03e -updated_by: 12d85a5e-1014-44db-a25a-d7a2f0a9b94e -updated_at: 1715944860 +updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37 +updated_at: 1716883974 modules: - id: lwal9cki @@ -32,6 +32,20 @@ modules: - type: text text: '20097 Hamburg' + - + type: paragraph + content: + - + type: text + marks: + - + type: link + attrs: + href: 'mailto:{{ "hello@21st.digital" | obfuscate_email }}' + rel: 'noopener noreferrer' + target: null + title: null + text: '{{ "hello@21st.digital" | obfuscate_email }}' type: section_header enabled: true - diff --git a/content/collections/pages/start.md b/content/collections/pages/start.md index 306353ce..82639bce 100644 --- a/content/collections/pages/start.md +++ b/content/collections/pages/start.md @@ -3,8 +3,8 @@ id: home blueprint: pages title: Start author: c6113137-f6a8-4c20-b0bd-4c52f58ab03e -updated_by: 12d85a5e-1014-44db-a25a-d7a2f0a9b94e -updated_at: 1716237682 +updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37 +updated_at: 1716805701 modules: - id: lw64lo0t @@ -34,11 +34,12 @@ modules: values: type: button label: 'Let’s talk' - url: 'https://calendly.com/21stdigital/meeting' + url: 'entry::ff719e3b-8511-44e3-8f43-e7d3d8603990' add_icon: true icon: arrow-right icon_position: after - button_size: xl + button_size: default + open_in_new_window: true type: section_header enabled: true headline_appearance: muted @@ -104,4 +105,5 @@ modules: type: contact_cta enabled: true button_size: default + open_in_new_window: false --- diff --git a/content/collections/team/fabian-pahl.md b/content/collections/team/fabian-pahl.md index 9948f78e..ccb4a517 100644 --- a/content/collections/team/fabian-pahl.md +++ b/content/collections/team/fabian-pahl.md @@ -2,11 +2,12 @@ id: db2dee11-1ab2-4b71-a7b1-670f575dc5dc blueprint: team title: 'Fabian Pahl' -updated_by: 12d85a5e-1014-44db-a25a-d7a2f0a9b94e -updated_at: 1715970526 +updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37 +updated_at: 1716886591 firstname: Fabian lastname: Pahl -email: hello@21st.digital +email: fabian@21st.digital phone: '+49 40 361 683 30' portrait: team/fabian.jpg +calendly_url: 'https://calendly.com/21stdigital/meeting' --- diff --git a/content/collections/team/steffen-ruether.md b/content/collections/team/steffen-ruether.md index b6dd831a..43a889cd 100644 --- a/content/collections/team/steffen-ruether.md +++ b/content/collections/team/steffen-ruether.md @@ -2,8 +2,8 @@ id: c14aeff5-98e2-43e5-bda8-444378304990 blueprint: team title: 'Steffen Rüther' -updated_by: c6113137-f6a8-4c20-b0bd-4c52f58ab03e -updated_at: 1715877921 +updated_by: 7b2bf1c2-0b8e-44d9-a774-98d3580bee37 +updated_at: 1716888942 firstname: Steffen lastname: Rüther email: steffen@21st.digital diff --git a/content/globals/calendly.yaml b/content/globals/calendly.yaml new file mode 100644 index 00000000..f4fc1ee2 --- /dev/null +++ b/content/globals/calendly.yaml @@ -0,0 +1,4 @@ +title: Calendly +data: + enabled: true + url: 'https://calendly.com/21stdigital/meeting' diff --git a/content/trees/collections/pages.yaml b/content/trees/collections/pages.yaml index 982f7e56..4b1edf13 100644 --- a/content/trees/collections/pages.yaml +++ b/content/trees/collections/pages.yaml @@ -5,3 +5,5 @@ tree: entry: 9ebb7d6e-9675-4b4a-99da-e4da6ee5444e - entry: 7c51fc57-6028-438a-ad34-9d7f67dd8ea4 + - + entry: ff719e3b-8511-44e3-8f43-e7d3d8603990 diff --git a/public/assets/team/.meta/andres.jpg.yaml b/public/assets/team/.meta/andres.jpg.yaml index 3d80119c..fb282bea 100644 --- a/public/assets/team/.meta/andres.jpg.yaml +++ b/public/assets/team/.meta/andres.jpg.yaml @@ -1,6 +1,7 @@ -data: { } +data: + alt: 'Porträt von Andres' size: 38705 -last_modified: 1715864808 +last_modified: 1715954165 width: 400 height: 400 mime_type: image/jpeg diff --git a/public/assets/team/.meta/fabian.jpg.yaml b/public/assets/team/.meta/fabian.jpg.yaml index 78050939..48026f1c 100644 --- a/public/assets/team/.meta/fabian.jpg.yaml +++ b/public/assets/team/.meta/fabian.jpg.yaml @@ -1,6 +1,7 @@ -data: { } +data: + alt: 'Porträt von Fabian' size: 34713 -last_modified: 1715864828 +last_modified: 1715954165 width: 400 height: 400 mime_type: image/jpeg diff --git a/public/assets/team/.meta/steffen.jpeg.yaml b/public/assets/team/.meta/steffen.jpeg.yaml new file mode 100644 index 00000000..a9c8ee67 --- /dev/null +++ b/public/assets/team/.meta/steffen.jpeg.yaml @@ -0,0 +1,8 @@ +data: + alt: 'Portraitbild von Steffen' +size: 867738 +last_modified: 1716884198 +width: 2080 +height: 2080 +mime_type: image/jpeg +duration: null diff --git a/public/assets/team/.meta/steffen.jpg.yaml b/public/assets/team/.meta/steffen.jpg.yaml index e1b75fa1..66eb3d31 100644 --- a/public/assets/team/.meta/steffen.jpg.yaml +++ b/public/assets/team/.meta/steffen.jpg.yaml @@ -1,7 +1,8 @@ -data: { } -size: 40288 -last_modified: 1715864828 -width: 400 -height: 400 +data: + alt: 'Porträt von Steffen' +size: 867738 +last_modified: 1716884198 +width: 2080 +height: 2080 mime_type: image/jpeg duration: null diff --git a/resources/blueprints/collections/pages/link.yaml b/resources/blueprints/collections/pages/link.yaml new file mode 100644 index 00000000..b1430b9f --- /dev/null +++ b/resources/blueprints/collections/pages/link.yaml @@ -0,0 +1,36 @@ +title: Link +tabs: + main: + sections: + - + fields: + - + handle: title + field: + type: text + - + handle: redirect + field: + type: group + required: true + width: '100' + fields: + - + handle: url + field: + type: link + required: true + width: '100' + display: Location + - + handle: status + field: + type: radio + inline: 'true' + required: true + options: + 301: '301 (Permanent)' + 302: '302 (Temporary)' + width: '100' + display: 'HTTP Status' + default: 302 diff --git a/resources/blueprints/collections/team/team.yaml b/resources/blueprints/collections/team/team.yaml index 41af1192..3373a90c 100644 --- a/resources/blueprints/collections/team/team.yaml +++ b/resources/blueprints/collections/team/team.yaml @@ -42,6 +42,17 @@ tabs: type: text display: Phone width: 50 + - + handle: calendly_url + field: + input_type: url + placeholder: 'https://calendly.com/...' + type: text + display: 'Calendly URL' + width: 50 + validate: + - url + - 'starts_with:https://calendly.com/' sidebar: display: Sidebar sections: diff --git a/resources/blueprints/globals/calendly.yaml b/resources/blueprints/globals/calendly.yaml new file mode 100644 index 00000000..e2ffafc4 --- /dev/null +++ b/resources/blueprints/globals/calendly.yaml @@ -0,0 +1,21 @@ +tabs: + main: + display: Main + sections: + - + fields: + - + handle: enabled + field: + type: toggle + display: 'Enable Calendly' + - + handle: url + field: + input_type: url + placeholder: 'https://calendly.com/...' + type: text + display: URL + validate: + - url + - 'starts_with:https://calendly.com/' diff --git a/resources/css/modules.css b/resources/css/modules.css index df1de099..478bcb79 100644 --- a/resources/css/modules.css +++ b/resources/css/modules.css @@ -1,17 +1,18 @@ [data-module] { &:last-child { - @apply pb-20 lg:pb-32 xl:pb-48; + @apply mb-20 lg:mb-32 xl:mb-48; } } [data-module] + [data-module] { - @apply pt-32 lg:pt-40 xl:pt-60 2xl:pt-80; + @apply mt-24 lg:mt-32 xl:mt-48 2xl:mt-52; } [data-module="hero_text"] + [data-module="section_header"] { - @apply pt-0; + @apply mt-0; } + [data-module="section_header"] { .text { @apply text-xl leading-relaxed; @@ -22,9 +23,18 @@ } } -[data-module="section_header"] - + [data-module]:not([data-module="section_header"]) { - @apply pt-12 2xl:pt-24; +[data-module="section_header"] + [data-module] { + @apply mt-12 2xl:mt-24; +} +[data-module="section_header"] + [data-module="section_header"] { + @apply mt-20 2xl:mt-40; +} + + +[data-module="quote"] + [data-module], +[data-module] + [data-module="quote"], +[data-module="section_header"] + [data-module="quote"] { + @apply my-20 md:my-36 lg:my-48; } [data-module="contact_cta"] { @@ -34,14 +44,13 @@ } [data-module="text"] { - & + [data-module="text"], - & + [data-module="quote"] { - @apply pt-12 xl:pt-16; + & + [data-module="text"] { + @apply mt-12 xl:mt-16; } } -[data-module="quote"] { +/* [data-module="quote"] { & + [data-module="text"] { - @apply pt-12 xl:pt-16; + @apply mt-12 xl:mt-16; } -} +} */ diff --git a/resources/fieldsets/button.yaml b/resources/fieldsets/button.yaml index afb34948..1dfbc413 100644 --- a/resources/fieldsets/button.yaml +++ b/resources/fieldsets/button.yaml @@ -19,17 +19,25 @@ fields: field: type: link display: URL + width: 66 + - + handle: open_in_new_window + field: + type: toggle + display: 'Open in new window' + width: 33 - handle: add_icon field: type: toggle display: 'Add Icon' + width: 25 - handle: icon field: type: icon display: Icon - width: 66 + width: 50 validate: - sometimes - required @@ -46,6 +54,6 @@ fields: default: after type: button_group display: 'Icon Position' - width: 33 + width: 25 if: add_icon: 'equals true' diff --git a/resources/fieldsets/module_section_header.yaml b/resources/fieldsets/module_section_header.yaml index b4550ead..be4d41b3 100644 --- a/resources/fieldsets/module_section_header.yaml +++ b/resources/fieldsets/module_section_header.yaml @@ -21,3 +21,8 @@ fields: - handle: text field: common.text + config: + antlers: true + link_noopener: true + link_noreferrer: true + target_blank: true diff --git a/resources/fieldsets/module_text.yaml b/resources/fieldsets/module_text.yaml index 22c464c7..e8c2ae50 100644 --- a/resources/fieldsets/module_text.yaml +++ b/resources/fieldsets/module_text.yaml @@ -3,6 +3,11 @@ fields: - handle: text field: common.text + config: + antlers: true + link_noopener: true + link_noreferrer: true + target_blank: true - handle: grid_position field: diff --git a/resources/views/components/button.antlers.html b/resources/views/components/button.antlers.html index 7030097d..8c445417 100644 --- a/resources/views/components/button.antlers.html +++ b/resources/views/components/button.antlers.html @@ -1,20 +1,31 @@ {{# - @name Button - @desc A single button component. + @name Button + @desc A single button component. @param* label The button label. #}} - {{ if icon_position === 'before' }} - {{ slot:svg }} + href="{{ url }}" + class="{{ class }} inline-flex items-center gap-2 rounded bg-pink-gradient font-bold antialiased" + data-component="button" + data-size="{{ button_size ?? 'default' }}" + {{ if open_in_new_window }} + target="_blank" + rel="noopener" + {{ else }} + {{ if target }} + target="{{ target }}" {{ /if }} - {{ label }} - {{ if icon_position !== 'before' }} - {{ slot:svg }} + {{ if rel }} + rel="{{ rel }}" {{ /if }} + {{ /if }} +> + {{ if icon_position === 'before' }} + {{ slot:svg }} + {{ /if }} + {{ label }} + {{ if icon_position !== 'before' }} + {{ slot:svg }} + {{ /if }} diff --git a/resources/views/images/team_cta_big.antlers.html b/resources/views/images/team_cta_big.antlers.html index 8d286d09..cb90f357 100644 --- a/resources/views/images/team_cta_big.antlers.html +++ b/resources/views/images/team_cta_big.antlers.html @@ -2,4 +2,5 @@ src="{{ glide :src="person.portrait" width="300" height="300" format="webp" dpr="2" }}" alt="{{ person.title }}" class="-mb-[10%] -ml-[10%] hidden aspect-square h-[40%] w-[40%] rounded-full rounded-bl-none md:block" + loading="lazy" /> diff --git a/resources/views/images/team_cta_small.antlers.html b/resources/views/images/team_cta_small.antlers.html index af3b5ba4..a5b4e852 100644 --- a/resources/views/images/team_cta_small.antlers.html +++ b/resources/views/images/team_cta_small.antlers.html @@ -2,4 +2,5 @@ src="{{ glide :src="person.portrait" width="300" height="300" format="webp" dpr="2" }}" alt="{{ person.title }}" class="-mb-[10%] -ml-[10%] aspect-square h-[40%] w-[40%] rounded-full rounded-bl-none md:hidden" + loading="lazy" /> diff --git a/resources/views/modules/case_study_list.antlers.html b/resources/views/modules/case_study_list.antlers.html index 8e2497e0..783519b3 100644 --- a/resources/views/modules/case_study_list.antlers.html +++ b/resources/views/modules/case_study_list.antlers.html @@ -1,16 +1,21 @@ -
+
{{ collection:case_studies }} {{ partial:grid class="items-center grid-cols-1 gap-y-6 md:gap-y-0" }}
+
+ {{ if client.logo_monotone.ratio < 1 }} + {{ svg :src="client.logo_monotone" class="h-20 lg:h-28 text-white fill-current" }} + {{ else }} + {{ svg :src="client.logo_monotone" class="w-40 lg:w-60 text-white fill-current" }} + {{ /if }} +

{{ title }}

-
+
{{ teaser_text }}
@@ -24,7 +29,7 @@

{{ if client.logo_monotone.ratio < 1 }} {{ svg :src="client.logo_monotone" class="h-20 lg:h-28 text-white fill-current" }} diff --git a/resources/views/modules/client_list.antlers.html b/resources/views/modules/client_list.antlers.html index be309fa8..f620e0fd 100644 --- a/resources/views/modules/client_list.antlers.html +++ b/resources/views/modules/client_list.antlers.html @@ -1,15 +1,13 @@ -
- {{ partial:grid }} -
- {{ collection:clients }} -
- {{ svg :src="logo_monotone ?? logo" class="w-full h-full fill-current text-white/70" }} -
- {{ /collection:clients }} +
+ {{ partial:grid }} +
+ {{ collection:clients }} +
+ {{ svg :src="logo_monotone ?? logo" class="w-full h-full fill-current text-white/70" }}
- {{ /partial:grid }} + {{ /collection:clients }} +
+ {{ /partial:grid }}
diff --git a/resources/views/modules/contact_cta.antlers.html b/resources/views/modules/contact_cta.antlers.html index bfb9e778..74cdb5cb 100644 --- a/resources/views/modules/contact_cta.antlers.html +++ b/resources/views/modules/contact_cta.antlers.html @@ -1,24 +1,24 @@
- {{ partial:grid }} -
-

- {{ headline }} -

+ {{ partial:grid }} +
+

+ {{ headline }} +

- {{ text }} - {{ partial:if_exists src="modules/texts/{{ type }}" }} - {{ /text }} - {{ partial:components/button :label="label" button_size="xl" }} - {{ slot:svg }} - {{ if add_icon }} - {{ svg :src="icon" class="w-4 lg:w-6" stroke-width="3" }} - {{ /if }} - {{ /slot:svg }} - {{ /partial:components/button }} -
- {{ /partial:grid }} + {{ text }} + {{ partial:if_exists src="modules/texts/{{ type }}" }} + {{ /text }} + {{ partial:components/button :label="label" open_in_new_window="true" }} + {{ slot:svg }} + {{ if add_icon }} + {{ svg :src="icon" class="w-4 lg:w-6" stroke-width="3" }} + {{ /if }} + {{ /slot:svg }} + {{ /partial:components/button }} +
+ {{ /partial:grid }}
diff --git a/resources/views/modules/hero_text.antlers.html b/resources/views/modules/hero_text.antlers.html index a7e8d387..8bc0d6db 100644 --- a/resources/views/modules/hero_text.antlers.html +++ b/resources/views/modules/hero_text.antlers.html @@ -1,7 +1,7 @@
{{ partial:grid }} -
-

+
+

{{ text }}

diff --git a/resources/views/modules/section_header.antlers.html b/resources/views/modules/section_header.antlers.html index 42d02e10..cad918bb 100644 --- a/resources/views/modules/section_header.antlers.html +++ b/resources/views/modules/section_header.antlers.html @@ -2,21 +2,18 @@ {{ partial:grid class="gap-y-8" }}

{{ headline }} - +

- -
- {{ text }} - {{ partial:if_exists src="modules/texts/{{ type }}" }} - {{ /text }} -
+ {{ if text }} +
+ {{ text }} + {{ partial:if_exists src="modules/texts/{{ type }}" }} + {{ /text }} +
+ {{ /if }} {{ /partial:grid }}

diff --git a/resources/views/modules/service_list.antlers.html b/resources/views/modules/service_list.antlers.html index 25887344..95344284 100644 --- a/resources/views/modules/service_list.antlers.html +++ b/resources/views/modules/service_list.antlers.html @@ -1,15 +1,13 @@
- {{ partial:grid class="gap-y-6" }} - {{ collection:services }} -
-

{{ title }}

+ {{ partial:grid class="gap-8 md:gap-10 lg:gap-20" }} + {{ collection:services }} +
+

{{ title }}

- {{ teaser_text }} - {{ partial:if_exists src="modules/texts/{{ type }}" }} - {{ /teaser_text }} -
- {{ /collection:services }} - {{ /partial:grid }} + {{ teaser_text }} + {{ partial:if_exists src="modules/texts/{{ type }}" }} + {{ /teaser_text }} +
+ {{ /collection:services }} + {{ /partial:grid }}
diff --git a/resources/views/modules/team_cta.antlers.html b/resources/views/modules/team_cta.antlers.html index ff5fa68f..823e30f2 100644 --- a/resources/views/modules/team_cta.antlers.html +++ b/resources/views/modules/team_cta.antlers.html @@ -7,9 +7,7 @@ {{ partial:images/team_cta_big }}
{{ if headline }} -
+
{{ headline }}
{{ /if }} @@ -20,23 +18,22 @@ {{ /if }}
{{ partial:images/team_cta_small }} -
    +
      + {{ if calendly:enabled && (calendly:url || person.calendly_url) }} +
    • + {{ partial:components/button label="{trans:misc.make_appointment}" url="{{ person.calendly_url ?? calendly:url }}" class="my-auto" open_in_new_window="true" }} + {{ slot:svg }} + {{ svg src="heroicons/outline/arrow-right" class="w-4" stroke-width="3" }} + {{ /slot:svg }} + {{ /partial:components/button }} +
      • + {{ /if }}
    • - {{ person.email }} - -
      • -
    • - - {{ person.phone }} + {{ person.email | obfuscate_email }}
    diff --git a/resources/views/modules/tiles.antlers.html b/resources/views/modules/tiles.antlers.html index 0f64ad53..795f6b57 100644 --- a/resources/views/modules/tiles.antlers.html +++ b/resources/views/modules/tiles.antlers.html @@ -1,5 +1,5 @@
    - {{ partial:grid class="gap-y-12 md:gap-y-32" }} + {{ partial:grid class="gap-10 lg:gap-y-20" }} {{ tiles }} {{ partial:if_exists src="modules/tiles/{{ type }}" }} {{ /tiles }} diff --git a/resources/views/modules/tiles/text.antlers.html b/resources/views/modules/tiles/text.antlers.html index e23d416c..f1ff7b4c 100644 --- a/resources/views/modules/tiles/text.antlers.html +++ b/resources/views/modules/tiles/text.antlers.html @@ -4,7 +4,7 @@ @param grid_css String. A custom CSS class specifically for the grid configuration #}} -
    +
    diff --git a/resources/views/modules/tiles/text_with_image.antlers.html b/resources/views/modules/tiles/text_with_image.antlers.html index 7bdf49ed..a90f6fb4 100644 --- a/resources/views/modules/tiles/text_with_image.antlers.html +++ b/resources/views/modules/tiles/text_with_image.antlers.html @@ -1,35 +1,35 @@ {{# - // TODO: Add scroll-based image animation for `image_behavior == 'scrollable'`, - see https://codepen.io/Sm1lEE/pen/yLWBJjG for reference. + // TODO: Add scroll-based image animation for `image_behavior == 'scrollable'`, see + https://codepen.io/Sm1lEE/pen/yLWBJjG for reference. #}}
    - {{ partial:grid class="items-center" }} + {{ partial:grid class="items-center gap-y-6" }} {{ if image_position === 'right' }} - {{ partial:modules/tiles/text grid_css="md:col-span-6 md:col-start-1 pr-8 sm:pr-16 -mb-6 md:pr-0 md:mb-0" }} + {{ partial:modules/tiles/text grid_css="md:col-span-6 md:row-span-full md:col-start-1 sm:pr-16 sm:-mb-6 md:pr-0 md:mb-0" }} {{ /if }}
    -
    +
    {{ if image_behavior === 'cover' }} {{ image.alt }} {{ /if }} {{ if image_behavior === 'scrollable' }} {{ image.alt }} {{ /if }}
    {{ if image_position === 'left' }} - {{ partial:modules/tiles/text grid_css="md:col-span-6 md:col-start-7 pl-8 sm:pl-16 -mt-6 md:pl-0 md:mt-0" }} + {{ partial:modules/tiles/text grid_css="md:col-span-6 md:row-span-full md:col-start-7 sm:pl-16 sm:-mt-6 md:pl-0 md:mt-0" }} {{ /if }} {{ /partial:grid }}
    diff --git a/resources/views/modules/tiles/text_with_video.antlers.html b/resources/views/modules/tiles/text_with_video.antlers.html index 416693c8..c7a52728 100644 --- a/resources/views/modules/tiles/text_with_video.antlers.html +++ b/resources/views/modules/tiles/text_with_video.antlers.html @@ -1,31 +1,21 @@ {{# - // TODO: Play video only when it is in the viewport (e. g. intersection - observer). + // TODO: Play video only when it is in the viewport (e. g. intersection observer). #}}
    - {{ partial:grid class="items-center" }} + {{ partial:grid class="items-center gap-y-6" }} {{ if video_position === 'right' }} - {{ partial:modules/tiles/text grid_css="md:col-span-6 md:col-start-1 pr-8 sm:pr-16 -mb-6 md:pr-0 md:mb-0" }} + {{ partial:modules/tiles/text grid_css="md:col-span-6 md:row-span-full md:col-start-1 sm:pr-16 md:pr-0 md:mb-0" }} {{ /if }}
    -
    - +
    +
    {{ if video_position === 'left' }} - {{ partial:modules/tiles/text grid_css="md:col-span-6 md:col-start-7 pl-8 sm:pl-16 -mt-6 md:pl-0 md:mt-0" }} + {{ partial:modules/tiles/text grid_css="md:col-span-6 md:row-span-full md:col-start-7 sm:pl-16 sm:-mt-6 md:pl-0 md:mt-0" }} {{ /if }} {{ /partial:grid }}
    diff --git a/resources/views/partials/_footer.antlers.html b/resources/views/partials/_footer.antlers.html index c6073969..20dc0447 100644 --- a/resources/views/partials/_footer.antlers.html +++ b/resources/views/partials/_footer.antlers.html @@ -1,17 +1,15 @@ -
    - - {{ svg sanitize="true" src="21st-digital-logo" class="fill-current h-12 sm:h-16 md:h-24" }} - +
    + + {{ svg sanitize="true" src="21st-digital-logo" class="fill-current h-12 sm:h-16 md:h-24" }} + - +
    diff --git a/resources/views/partials/_grid.antlers.html b/resources/views/partials/_grid.antlers.html index c9f5f7c9..4c3f89ab 100644 --- a/resources/views/partials/_grid.antlers.html +++ b/resources/views/partials/_grid.antlers.html @@ -1,9 +1,9 @@ {{# - @name Grid - @desc The default grid wrapper that is used throughout the project + @name Grid + @desc The default grid wrapper that is used throughout the project @param class String. A custom CSS class for the grid wrapper #}} -
    - {{ slot }} +
    + {{ slot }}
    diff --git a/resources/views/partials/_header.antlers.html b/resources/views/partials/_header.antlers.html index 945803fc..406a29a9 100644 --- a/resources/views/partials/_header.antlers.html +++ b/resources/views/partials/_header.antlers.html @@ -1,13 +1,12 @@ -
    - - {{ svg sanitize="true" src="21st-digital-logo" class="fill-current h-12 sm:h-16 md:h-24" }} - - - {{ partial:components/button label="{trans:misc.make_appointment}" url="https://calendly.com/21stdigital/meeting" class="my-auto" }} - {{ slot:svg }} - {{ svg src="heroicons/outline/arrow-right" class="w-4" stroke-width="3" }} - {{ /slot:svg }} +
    + + {{ svg sanitize="true" src="21st-digital-logo" class="fill-current h-12 sm:h-16 md:h-24" }} + + {{ if calendly:enabled && calendly:url }} + {{ partial:components/button label="{trans:misc.make_appointment}" url="{{ calendly:url }}" class="my-auto" open_in_new_window="true" }} + {{ slot:svg }} + {{ svg src="heroicons/outline/arrow-right" class="w-4" stroke-width="3" }} + {{ /slot:svg }} {{ /partial:components/button }} + {{ /if }}
    diff --git a/resources/views/templates/case_study.antlers.html b/resources/views/templates/case_study.antlers.html index 7784a93f..4109d8c3 100644 --- a/resources/views/templates/case_study.antlers.html +++ b/resources/views/templates/case_study.antlers.html @@ -4,20 +4,16 @@ #}} {{# This first part automatically adds the client and title of the case study. #}} -
    +
    {{ partial:grid }} -
    -
    - +
    +
    + {{ client.title }}
    -

    +

    {{ title }}

    diff --git a/tailwind.config.js b/tailwind.config.js index 9b72311b..5783721b 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -31,7 +31,13 @@ export default { backgroundImage: (theme) => ({ "black-gradient": `linear-gradient(to top right, ${theme.colors.zinc[950]}, ${theme.colors.neutral[900]})`, "pink-gradient": `linear-gradient(to top left, #FF00D2, #BF29DD 20%, #7657EA)` - }) + }), + fontSize: { + "hero": 'min(10.5vw, 85px)', + }, + padding: { + "hero": 'min(9rem, 30vh)', + } } }, plugins: [