diff --git a/website/modules/@apostrophecms/global/index.js b/website/modules/@apostrophecms/global/index.js index 1e4b2b58..f4125149 100644 --- a/website/modules/@apostrophecms/global/index.js +++ b/website/modules/@apostrophecms/global/index.js @@ -72,8 +72,8 @@ module.exports = { }, }, }, - comAddress: { - label: 'Company Address', + companyMission: { + label: 'Company Mission', type: 'area', options: { max: 1, @@ -84,19 +84,6 @@ module.exports = { }, }, }, - footerLinks: { - label: 'Footer Links', - type: 'array', - titleField: 'footerLink.linkTitle', - fields: { - add: { - footerLink: { - label: 'Link', - ...linkSchema, - }, - }, - }, - }, socialMediaLinks: { label: 'Social Media Links', type: 'array', @@ -110,16 +97,20 @@ module.exports = { }, }, }, - footerForm: { - label: 'Footer Form', - type: 'area', - options: { - max: 1, - widgets: { - '@apostrophecms/form': {}, + footerLinks: { + label: 'Footer Links', + type: 'array', + titleField: 'footerLink.linkTitle', + fields: { + add: { + footerLink: { + label: 'Link', + ...linkSchema, + }, }, }, }, + // SEO fields seoGoogleTagManager: { label: 'Google Tag Manager ID', @@ -134,7 +125,7 @@ module.exports = { }, footer: { label: 'Footer', - fields: ['comAddress', 'footerLinks', 'socialMediaLinks', 'footerForm'], + fields: ['companyMission', 'footerLinks', 'socialMediaLinks'], }, seo: { label: 'SEO & Analytics', diff --git a/website/modules/asset/ui/src/scss/_footer.scss b/website/modules/asset/ui/src/scss/_footer.scss index 12bf88b2..4244780d 100644 --- a/website/modules/asset/ui/src/scss/_footer.scss +++ b/website/modules/asset/ui/src/scss/_footer.scss @@ -1,18 +1,18 @@ .sf-footer { background-color: $white; margin-top: auto; - + .sf-footer__content { max-width: 1200px; margin: 0 auto; padding-bottom: 16px; - + @include breakpoint-medium { padding-bottom: 24px; } } - - .sf-footer__top { + + .sf-footer__mission { text-align: center; margin-bottom: 32px; display: block; @@ -22,28 +22,30 @@ margin-left: auto; margin-right: auto; } - } - - .sf-footer__tagline { - font-size: $font-size-footer-mobile; - font-weight: $font-weight-300; - color: $gray-300; - margin: 0; - line-height: 120%; - display: block; - - &:first-child { - display: block; - } - - &:not(:first-child) { + + p { + font-size: $font-size-footer-mobile; + font-weight: $font-weight-300; + color: $gray-300; + margin: 0; + line-height: 120%; display: block; - @include breakpoint-medium { - display: inline-block; + margin-right: 4px; + text-wrap: balance; + + &:first-child { + display: block; + } + + &:not(:first-child) { + display: block; + @include breakpoint-medium { + display: inline-block; + } } } } - + .sf-footer__links { display: flex; flex-direction: column; @@ -51,7 +53,8 @@ font-size: $font-size-footer-mobile; font-weight: $font-weight-300; line-height: 120%; - + gap: 44px; + @include breakpoint-medium { flex-direction: row; justify-content: space-between; @@ -59,45 +62,45 @@ text-align: left; } } - + .sf-footer__links-group { display: flex; flex-direction: column; gap: 12px; - + @include breakpoint-medium { flex-direction: row; align-items: center; gap: 32px; } } - + .sf-footer__links-item { font-size: $font-size-footer-mobile; font-weight: $font-weight-normal; color: $gray-500; text-decoration: none; transition: color 0.2s ease; - + &:hover, &:focus { color: $gray-400; text-decoration: underline; } } - + .sf-footer__links-item--policy { margin-top: 44px; @include breakpoint-medium { margin-top: 0; } } - + .sf-footer__bottom { text-align: center; padding-top: 32px; } - + .sf-copy { margin: 0; } diff --git a/website/views/fragments/fragments.html b/website/views/fragments/fragments.html index e8653ffb..d6195e42 100644 --- a/website/views/fragments/fragments.html +++ b/website/views/fragments/fragments.html @@ -30,40 +30,44 @@ {% endfragment %} {% fragment footer() %}