@biggive/components 202308161206.0.0 → 202308171555.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/biggive/assets/images/triangles-combined-arts-black.svg +4 -0
- package/dist/biggive/assets/images/triangles-combined-arts-white.svg +4 -0
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/p-2e22a348.entry.js +1 -0
- package/dist/biggive/p-63953782.entry.js +1 -0
- package/dist/biggive/p-a10acaaa.entry.js +1 -0
- package/dist/biggive/p-b7decebc.entry.js +1 -0
- package/dist/biggive/p-c5fc5673.entry.js +1 -0
- package/dist/biggive/p-c6d302b2.entry.js +1 -0
- package/dist/biggive/p-d78cdb5e.entry.js +1 -0
- package/dist/cjs/biggive-accordion_43.cjs.entry.js +25 -25
- package/dist/cjs/biggive-basic-card.cjs.entry.js +1 -1
- package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-boxed-content.cjs.entry.js +1 -1
- package/dist/cjs/biggive-category-icon.cjs.entry.js +1 -1
- package/dist/cjs/biggive-image-card.cjs.entry.js +1 -1
- package/dist/cjs/biggive-table.cjs.entry.js +1 -1
- package/dist/collection/assets/images/triangles-combined-arts-black.svg +4 -0
- package/dist/collection/assets/images/triangles-combined-arts-white.svg +4 -0
- package/dist/collection/components/biggive-accordion/biggive-accordion.css +14 -0
- package/dist/collection/components/biggive-accordion/biggive-accordion.js +2 -2
- package/dist/collection/components/biggive-article-card/biggive-article-card.css +22 -0
- package/dist/collection/components/biggive-article-card/biggive-article-card.js +6 -6
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.css +14 -0
- package/dist/collection/components/biggive-basic-card/biggive-basic-card.js +4 -4
- package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.css +15 -0
- package/dist/collection/components/biggive-biography-card/biggive-biography-card.css +31 -0
- package/dist/collection/components/biggive-biography-card/biggive-biography-card.js +2 -2
- package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.css +5 -0
- package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.css +5 -0
- package/dist/collection/components/biggive-carousel/biggive-carousel.css +5 -0
- package/dist/collection/components/biggive-carousel/biggive-carousel.js +2 -2
- package/dist/collection/components/biggive-category-icon/biggive-category-icon.css +15 -0
- package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.css +14 -0
- package/dist/collection/components/biggive-filtered-carousel/biggive-filtered-carousel.js +2 -2
- package/dist/collection/components/biggive-footer/biggive-footer.css +3 -0
- package/dist/collection/components/biggive-footer/biggive-footer.js +1 -1
- package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.css +5 -0
- package/dist/collection/components/biggive-generic-icon/biggive-generic-icon.css +21 -0
- package/dist/collection/components/biggive-generic-icon/biggive-generic-icon.js +2 -2
- package/dist/collection/components/biggive-heading/biggive-heading.css +6 -0
- package/dist/collection/components/biggive-heading/biggive-heading.js +2 -2
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.css +8 -0
- package/dist/collection/components/biggive-hero-image/biggive-hero-image.js +5 -5
- package/dist/collection/components/biggive-icon-button/biggive-icon-button.css +16 -0
- package/dist/collection/components/biggive-icon-button/biggive-icon-button.js +3 -3
- package/dist/collection/components/biggive-image-button/biggive-image-button.css +13 -0
- package/dist/collection/components/biggive-image-button/biggive-image-button.js +3 -3
- package/dist/collection/components/biggive-image-card/biggive-image-card.css +14 -0
- package/dist/collection/components/biggive-image-card/biggive-image-card.js +2 -2
- package/dist/collection/components/biggive-image-feature/biggive-image-feature.css +5 -0
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.css +3 -0
- package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +1 -1
- package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.css +21 -0
- package/dist/collection/components/biggive-quote/biggive-quote.css +8 -0
- package/dist/collection/components/biggive-quote/biggive-quote.js +2 -2
- package/dist/collection/components/biggive-sheet/biggive-sheet.css +17 -0
- package/dist/collection/components/biggive-sheet/biggive-sheet.js +2 -2
- package/dist/collection/components/biggive-social-icon/biggive-social-icon.css +27 -0
- package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.css +24 -0
- package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.js +6 -6
- package/dist/collection/components/biggive-table/biggive-table.css +21 -0
- package/dist/collection/components/biggive-table/biggive-table.js +4 -4
- package/dist/collection/components/biggive-timeline/biggive-timeline.css +38 -0
- package/dist/collection/components/biggive-timeline/biggive-timeline.js +11 -11
- package/dist/collection/components/biggive-totalizer/biggive-totalizer.css +10 -0
- package/dist/collection/components/biggive-video-feature/biggive-video-feature.css +5 -0
- package/dist/components/biggive-accordion.js +1 -1
- package/dist/components/biggive-article-card.js +1 -1
- package/dist/components/biggive-basic-card.js +1 -1
- package/dist/components/biggive-beneficiary-icon.js +1 -1
- package/dist/components/biggive-biography-card.js +1 -1
- package/dist/components/biggive-boxed-content.js +1 -1
- package/dist/components/biggive-call-to-action.js +1 -1
- package/dist/components/biggive-carousel2.js +1 -1
- package/dist/components/biggive-category-icon.js +1 -1
- package/dist/components/biggive-cookie-banner.js +1 -1
- package/dist/components/biggive-footer.js +2 -2
- package/dist/components/biggive-formatted-text.js +1 -1
- package/dist/components/biggive-generic-icon2.js +1 -1
- package/dist/components/biggive-heading.js +1 -1
- package/dist/components/biggive-hero-image.js +1 -1
- package/dist/components/biggive-icon-button.js +1 -1
- package/dist/components/biggive-image-button.js +1 -1
- package/dist/components/biggive-image-card.js +1 -1
- package/dist/components/biggive-image-feature.js +1 -1
- package/dist/components/biggive-main-menu.js +2 -2
- package/dist/components/biggive-misc-icon2.js +1 -1
- package/dist/components/biggive-quote.js +1 -1
- package/dist/components/biggive-sheet.js +1 -1
- package/dist/components/biggive-social-icon2.js +1 -1
- package/dist/components/biggive-tabbed-content.js +1 -1
- package/dist/components/biggive-table.js +1 -1
- package/dist/components/biggive-timeline.js +1 -1
- package/dist/components/biggive-totalizer.js +1 -1
- package/dist/components/biggive-video-feature.js +1 -1
- package/dist/esm/biggive-accordion_43.entry.js +25 -25
- package/dist/esm/biggive-basic-card.entry.js +1 -1
- package/dist/esm/biggive-beneficiary-icon.entry.js +1 -1
- package/dist/esm/biggive-boxed-content.entry.js +1 -1
- package/dist/esm/biggive-category-icon.entry.js +1 -1
- package/dist/esm/biggive-image-card.entry.js +1 -1
- package/dist/esm/biggive-table.entry.js +1 -1
- package/dist/types/globals/brand-colour.d.ts +1 -1
- package/hydrate/index.js +31 -31
- package/package.json +1 -1
- package/dist/biggive/p-0d3008a2.entry.js +0 -1
- package/dist/biggive/p-50d9a75b.entry.js +0 -1
- package/dist/biggive/p-8bc9a47d.entry.js +0 -1
- package/dist/biggive/p-9946cc08.entry.js +0 -1
- package/dist/biggive/p-9c09a586.entry.js +0 -1
- package/dist/biggive/p-d795d5b7.entry.js +0 -1
- package/dist/biggive/p-e5f630d1.entry.js +0 -1
|
@@ -54,6 +54,11 @@ a:hover {
|
|
|
54
54
|
background-color: #62CFC9;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
.background-colour-hover-brand-afa-pink:hover,
|
|
58
|
+
.background-colour-brand-afa-pink {
|
|
59
|
+
background-color: #BF387D;
|
|
60
|
+
}
|
|
61
|
+
|
|
57
62
|
.background-colour-hover-white:hover,
|
|
58
63
|
.background-colour-white {
|
|
59
64
|
background-color: #FFFFFF;
|
|
@@ -125,6 +130,10 @@ a:hover {
|
|
|
125
130
|
fill: #CBC8C8;
|
|
126
131
|
}
|
|
127
132
|
|
|
133
|
+
.fill-brand-afa-pink {
|
|
134
|
+
fill: #BF387D;
|
|
135
|
+
}
|
|
136
|
+
|
|
128
137
|
.fill-brand-mhf-turquoise {
|
|
129
138
|
fill: #62CFC9;
|
|
130
139
|
}
|
|
@@ -258,6 +267,11 @@ a:hover {
|
|
|
258
267
|
color: #CBC8C8;
|
|
259
268
|
}
|
|
260
269
|
|
|
270
|
+
.text-colour-hover-brand-afa-pink:hover,
|
|
271
|
+
.text-colour-brand-afa-pink {
|
|
272
|
+
color: #BF387D;
|
|
273
|
+
}
|
|
274
|
+
|
|
261
275
|
.text-colour-hover-white:hover,
|
|
262
276
|
.text-colour-white {
|
|
263
277
|
color: #FFFFFF;
|
|
@@ -140,7 +140,7 @@ export class BiggiveFilteredCarousel {
|
|
|
140
140
|
"mutable": false,
|
|
141
141
|
"complexType": {
|
|
142
142
|
"original": "brandColour",
|
|
143
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
143
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
144
144
|
"references": {
|
|
145
145
|
"brandColour": {
|
|
146
146
|
"location": "import",
|
|
@@ -163,7 +163,7 @@ export class BiggiveFilteredCarousel {
|
|
|
163
163
|
"mutable": false,
|
|
164
164
|
"complexType": {
|
|
165
165
|
"original": "brandColour",
|
|
166
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
166
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
167
167
|
"references": {
|
|
168
168
|
"brandColour": {
|
|
169
169
|
"location": "import",
|
|
@@ -78,6 +78,9 @@ nav ul li a.icon-anchor-match {
|
|
|
78
78
|
nav ul li a.icon-emergency {
|
|
79
79
|
background-image: url(/assets/images/triangles-combined-emergency-white.svg);
|
|
80
80
|
}
|
|
81
|
+
nav ul li a.icon-arts {
|
|
82
|
+
background-image: url(/assets/images/triangles-combined-arts-white.svg);
|
|
83
|
+
}
|
|
81
84
|
|
|
82
85
|
.row-top {
|
|
83
86
|
background-image: url(/assets/images/biggive-triangle-green.svg);
|
|
@@ -27,7 +27,7 @@ export class BiggiveFooter {
|
|
|
27
27
|
return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("slot", { name: "nav-primary-title" }))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("slot", { name: "nav-secondary-title" }))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("slot", { name: "nav-tertiary-title" }))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/charities", label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: "https://blog.thebiggive.org.uk/funders", label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" })), h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("p", null, "\u00A9 2007 \u2013 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
|
|
28
28
|
};
|
|
29
29
|
const presetFooter = () => {
|
|
30
|
-
return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy"))))), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
|
|
30
|
+
return (h("footer", { class: "footer" }, h("div", { class: "row row-top" }, h("nav", { class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { class: "heading", id: "footer-primary-heading" }, h("div", { slot: "nav-primary-title" }, "Match Funding Opportunities")), h("ul", { slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women and Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact'), class: "icon-arts" }, "Arts for Impact")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your own campaign")))), h("nav", { class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { class: "heading", id: "footer-secondary-heading" }, h("div", { slot: "nav-secondary-title" }, "Resources")), h("ul", { slot: "nav-secondary" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press")))), h("nav", { class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { class: "heading", id: "footer-tertiary-heading" }, h("div", { slot: "nav-tertiary-title" }, "About")), h("ul", { slot: "nav-tertiary" }, h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact us")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'careers') }, "Careers")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("div", { class: "button-wrap" }, h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'charities'), label: "For charities" }), h("biggive-button", { "colour-scheme": "white", url: makeURL('Blog', this.blogUrlPrefix, 'funders'), label: "For funders" }))), h("div", { class: "row row-bottom" }, h("div", { class: "postscript-wrap" }, h("img", { class: "fr-logo", src: getAssetPath('../assets/images/fundraising-regulator.png'), alt: "Fundraising Regulator" }), h("nav", { class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { slot: "nav-postscript" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Policy"))))), h("div", { class: "social-icon-wrap" }, h("div", { slot: "social-icons" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black", wide: true }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" }))), h("p", null, "\u00A9 2007 \u2013 2023 The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
|
|
31
31
|
};
|
|
32
32
|
return this.usePresetFooter ? presetFooter() : slotBasedFooter();
|
|
33
33
|
}
|
|
@@ -54,6 +54,11 @@ a:hover {
|
|
|
54
54
|
background-color: #62CFC9;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
.background-colour-hover-brand-afa-pink:hover,
|
|
58
|
+
.background-colour-brand-afa-pink {
|
|
59
|
+
background-color: #BF387D;
|
|
60
|
+
}
|
|
61
|
+
|
|
57
62
|
.background-colour-hover-white:hover,
|
|
58
63
|
.background-colour-white {
|
|
59
64
|
background-color: #FFFFFF;
|
|
@@ -125,6 +130,10 @@ a:hover {
|
|
|
125
130
|
fill: #CBC8C8;
|
|
126
131
|
}
|
|
127
132
|
|
|
133
|
+
.fill-brand-afa-pink {
|
|
134
|
+
fill: #BF387D;
|
|
135
|
+
}
|
|
136
|
+
|
|
128
137
|
.fill-brand-mhf-turquoise {
|
|
129
138
|
fill: #62CFC9;
|
|
130
139
|
}
|
|
@@ -224,6 +233,12 @@ a:hover {
|
|
|
224
233
|
.generic-icon-item.colour-scheme-brand-6 svg {
|
|
225
234
|
fill: #000000;
|
|
226
235
|
}
|
|
236
|
+
.generic-icon-item.colour-scheme-brand-afa-pink {
|
|
237
|
+
background-color: #BF387D;
|
|
238
|
+
}
|
|
239
|
+
.generic-icon-item.colour-scheme-brand-afa-pink svg {
|
|
240
|
+
fill: #000000;
|
|
241
|
+
}
|
|
227
242
|
.generic-icon-item.colour-scheme-white {
|
|
228
243
|
background-color: #FFFFFF;
|
|
229
244
|
}
|
|
@@ -344,6 +359,12 @@ a:hover {
|
|
|
344
359
|
.generic-icon-item.colour-scheme-brand-6 svg {
|
|
345
360
|
fill: #000000;
|
|
346
361
|
}
|
|
362
|
+
.generic-icon-item.colour-scheme-brand-afa-pink {
|
|
363
|
+
background-color: #BF387D;
|
|
364
|
+
}
|
|
365
|
+
.generic-icon-item.colour-scheme-brand-afa-pink svg {
|
|
366
|
+
fill: #000000;
|
|
367
|
+
}
|
|
347
368
|
.generic-icon-item.colour-scheme-white {
|
|
348
369
|
background-color: #FFFFFF;
|
|
349
370
|
}
|
|
@@ -48,7 +48,7 @@ export class BiggiveGenericIcon {
|
|
|
48
48
|
"mutable": false,
|
|
49
49
|
"complexType": {
|
|
50
50
|
"original": "brandColour",
|
|
51
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
51
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
52
52
|
"references": {
|
|
53
53
|
"brandColour": {
|
|
54
54
|
"location": "import",
|
|
@@ -71,7 +71,7 @@ export class BiggiveGenericIcon {
|
|
|
71
71
|
"mutable": false,
|
|
72
72
|
"complexType": {
|
|
73
73
|
"original": "brandColour",
|
|
74
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
74
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
75
75
|
"references": {
|
|
76
76
|
"brandColour": {
|
|
77
77
|
"location": "import",
|
|
@@ -148,6 +148,9 @@ h5, .heading-5 {
|
|
|
148
148
|
.container .heading-colour-brand-6 {
|
|
149
149
|
color: #62CFC9;
|
|
150
150
|
}
|
|
151
|
+
.container .heading-colour-brand-afa-pink {
|
|
152
|
+
color: #BF387D;
|
|
153
|
+
}
|
|
151
154
|
.container .heading-colour-white {
|
|
152
155
|
color: #FFFFFF;
|
|
153
156
|
}
|
|
@@ -202,6 +205,9 @@ h5, .heading-5 {
|
|
|
202
205
|
.container .icon-colour-brand-6 svg path {
|
|
203
206
|
fill: #62CFC9;
|
|
204
207
|
}
|
|
208
|
+
.container .icon-colour-brand-afa-pink svg path {
|
|
209
|
+
fill: #BF387D;
|
|
210
|
+
}
|
|
205
211
|
.container .icon-colour-white svg path {
|
|
206
212
|
fill: #FFFFFF;
|
|
207
213
|
}
|
|
@@ -80,7 +80,7 @@ export class BiggiveHeading {
|
|
|
80
80
|
"mutable": false,
|
|
81
81
|
"complexType": {
|
|
82
82
|
"original": "brandColour",
|
|
83
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
83
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
84
84
|
"references": {
|
|
85
85
|
"brandColour": {
|
|
86
86
|
"location": "import",
|
|
@@ -203,7 +203,7 @@ export class BiggiveHeading {
|
|
|
203
203
|
"mutable": false,
|
|
204
204
|
"complexType": {
|
|
205
205
|
"original": "brandColour",
|
|
206
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
206
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
207
207
|
"references": {
|
|
208
208
|
"brandColour": {
|
|
209
209
|
"location": "import",
|
|
@@ -115,6 +115,11 @@ a:hover {
|
|
|
115
115
|
color: #CBC8C8;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
+
.text-colour-hover-brand-afa-pink:hover,
|
|
119
|
+
.text-colour-brand-afa-pink {
|
|
120
|
+
color: #BF387D;
|
|
121
|
+
}
|
|
122
|
+
|
|
118
123
|
.text-colour-hover-white:hover,
|
|
119
124
|
.text-colour-white {
|
|
120
125
|
color: #FFFFFF;
|
|
@@ -188,6 +193,9 @@ a:hover {
|
|
|
188
193
|
.container.colour-scheme-brand-6 {
|
|
189
194
|
color: #62CFC9;
|
|
190
195
|
}
|
|
196
|
+
.container.colour-scheme-brand-afa-pink {
|
|
197
|
+
color: #BF387D;
|
|
198
|
+
}
|
|
191
199
|
.container.colour-scheme-white {
|
|
192
200
|
color: #FFFFFF;
|
|
193
201
|
}
|
|
@@ -69,7 +69,7 @@ export class BiggiveHeroImage {
|
|
|
69
69
|
"mutable": false,
|
|
70
70
|
"complexType": {
|
|
71
71
|
"original": "brandColour",
|
|
72
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
72
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
73
73
|
"references": {
|
|
74
74
|
"brandColour": {
|
|
75
75
|
"location": "import",
|
|
@@ -109,7 +109,7 @@ export class BiggiveHeroImage {
|
|
|
109
109
|
"mutable": false,
|
|
110
110
|
"complexType": {
|
|
111
111
|
"original": "brandColour",
|
|
112
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
112
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
113
113
|
"references": {
|
|
114
114
|
"brandColour": {
|
|
115
115
|
"location": "import",
|
|
@@ -256,7 +256,7 @@ export class BiggiveHeroImage {
|
|
|
256
256
|
"mutable": false,
|
|
257
257
|
"complexType": {
|
|
258
258
|
"original": "brandColour",
|
|
259
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\" | undefined",
|
|
259
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\" | undefined",
|
|
260
260
|
"references": {
|
|
261
261
|
"brandColour": {
|
|
262
262
|
"location": "import",
|
|
@@ -295,7 +295,7 @@ export class BiggiveHeroImage {
|
|
|
295
295
|
"mutable": false,
|
|
296
296
|
"complexType": {
|
|
297
297
|
"original": "brandColour",
|
|
298
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\" | undefined",
|
|
298
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\" | undefined",
|
|
299
299
|
"references": {
|
|
300
300
|
"brandColour": {
|
|
301
301
|
"location": "import",
|
|
@@ -351,7 +351,7 @@ export class BiggiveHeroImage {
|
|
|
351
351
|
"mutable": false,
|
|
352
352
|
"complexType": {
|
|
353
353
|
"original": "brandColour",
|
|
354
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
354
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
355
355
|
"references": {
|
|
356
356
|
"brandColour": {
|
|
357
357
|
"location": "import",
|
|
@@ -54,6 +54,11 @@ a:hover {
|
|
|
54
54
|
background-color: #62CFC9;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
.background-colour-hover-brand-afa-pink:hover,
|
|
58
|
+
.background-colour-brand-afa-pink {
|
|
59
|
+
background-color: #BF387D;
|
|
60
|
+
}
|
|
61
|
+
|
|
57
62
|
.background-colour-hover-white:hover,
|
|
58
63
|
.background-colour-white {
|
|
59
64
|
background-color: #FFFFFF;
|
|
@@ -190,6 +195,11 @@ a:hover {
|
|
|
190
195
|
color: #CBC8C8;
|
|
191
196
|
}
|
|
192
197
|
|
|
198
|
+
.text-colour-hover-brand-afa-pink:hover,
|
|
199
|
+
.text-colour-brand-afa-pink {
|
|
200
|
+
color: #BF387D;
|
|
201
|
+
}
|
|
202
|
+
|
|
193
203
|
.text-colour-hover-white:hover,
|
|
194
204
|
.text-colour-white {
|
|
195
205
|
color: #FFFFFF;
|
|
@@ -318,6 +328,9 @@ a:hover {
|
|
|
318
328
|
.container .sleeve .arrow-wrap.arrow-colour-brand-6 .arrow-wrap svg path {
|
|
319
329
|
stroke: #62CFC9;
|
|
320
330
|
}
|
|
331
|
+
.container .sleeve .arrow-wrap.arrow-colour-brand-afa-pink .arrow-wrap svg path {
|
|
332
|
+
stroke: #BF387D;
|
|
333
|
+
}
|
|
321
334
|
.container .sleeve .arrow-wrap.arrow-colour-white .arrow-wrap svg path {
|
|
322
335
|
stroke: #FFFFFF;
|
|
323
336
|
}
|
|
@@ -398,6 +411,9 @@ a:hover {
|
|
|
398
411
|
.container.arrow-colour-brand-6 .arrow-wrap svg path {
|
|
399
412
|
stroke: #62CFC9;
|
|
400
413
|
}
|
|
414
|
+
.container.arrow-colour-brand-afa-pink .arrow-wrap svg path {
|
|
415
|
+
stroke: #BF387D;
|
|
416
|
+
}
|
|
401
417
|
.container.arrow-colour-white .arrow-wrap svg path {
|
|
402
418
|
stroke: #FFFFFF;
|
|
403
419
|
}
|
|
@@ -78,7 +78,7 @@ export class BiggiveIconButton {
|
|
|
78
78
|
"mutable": false,
|
|
79
79
|
"complexType": {
|
|
80
80
|
"original": "brandColour",
|
|
81
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
81
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
82
82
|
"references": {
|
|
83
83
|
"brandColour": {
|
|
84
84
|
"location": "import",
|
|
@@ -141,7 +141,7 @@ export class BiggiveIconButton {
|
|
|
141
141
|
"mutable": false,
|
|
142
142
|
"complexType": {
|
|
143
143
|
"original": "brandColour",
|
|
144
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
144
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
145
145
|
"references": {
|
|
146
146
|
"brandColour": {
|
|
147
147
|
"location": "import",
|
|
@@ -269,7 +269,7 @@ export class BiggiveIconButton {
|
|
|
269
269
|
"mutable": false,
|
|
270
270
|
"complexType": {
|
|
271
271
|
"original": "brandColour",
|
|
272
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
272
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
273
273
|
"references": {
|
|
274
274
|
"brandColour": {
|
|
275
275
|
"location": "import",
|
|
@@ -54,6 +54,11 @@ a:hover {
|
|
|
54
54
|
background-color: #62CFC9;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
.background-colour-hover-brand-afa-pink:hover,
|
|
58
|
+
.background-colour-brand-afa-pink {
|
|
59
|
+
background-color: #BF387D;
|
|
60
|
+
}
|
|
61
|
+
|
|
57
62
|
.background-colour-hover-white:hover,
|
|
58
63
|
.background-colour-white {
|
|
59
64
|
background-color: #FFFFFF;
|
|
@@ -134,6 +139,11 @@ a:hover {
|
|
|
134
139
|
color: #CBC8C8;
|
|
135
140
|
}
|
|
136
141
|
|
|
142
|
+
.text-colour-hover-brand-afa-pink:hover,
|
|
143
|
+
.text-colour-brand-afa-pink {
|
|
144
|
+
color: #BF387D;
|
|
145
|
+
}
|
|
146
|
+
|
|
137
147
|
.text-colour-hover-white:hover,
|
|
138
148
|
.text-colour-white {
|
|
139
149
|
color: #FFFFFF;
|
|
@@ -318,6 +328,9 @@ a:hover {
|
|
|
318
328
|
.container .sleeve .arrow-wrap.arrow-colour-brand-6 .arrow-wrap svg path {
|
|
319
329
|
stroke: #62CFC9;
|
|
320
330
|
}
|
|
331
|
+
.container .sleeve .arrow-wrap.arrow-colour-brand-afa-pink .arrow-wrap svg path {
|
|
332
|
+
stroke: #BF387D;
|
|
333
|
+
}
|
|
321
334
|
.container .sleeve .arrow-wrap.arrow-colour-white .arrow-wrap svg path {
|
|
322
335
|
stroke: #FFFFFF;
|
|
323
336
|
}
|
|
@@ -78,7 +78,7 @@ export class BiggiveImageButton {
|
|
|
78
78
|
"mutable": false,
|
|
79
79
|
"complexType": {
|
|
80
80
|
"original": "brandColour",
|
|
81
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
81
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
82
82
|
"references": {
|
|
83
83
|
"brandColour": {
|
|
84
84
|
"location": "import",
|
|
@@ -141,7 +141,7 @@ export class BiggiveImageButton {
|
|
|
141
141
|
"mutable": false,
|
|
142
142
|
"complexType": {
|
|
143
143
|
"original": "brandColour",
|
|
144
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
144
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
145
145
|
"references": {
|
|
146
146
|
"brandColour": {
|
|
147
147
|
"location": "import",
|
|
@@ -270,7 +270,7 @@ export class BiggiveImageButton {
|
|
|
270
270
|
"mutable": false,
|
|
271
271
|
"complexType": {
|
|
272
272
|
"original": "brandColour",
|
|
273
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
273
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
274
274
|
"references": {
|
|
275
275
|
"brandColour": {
|
|
276
276
|
"location": "import",
|
|
@@ -54,6 +54,11 @@ a:hover {
|
|
|
54
54
|
background-color: #62CFC9;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
.background-colour-hover-brand-afa-pink:hover,
|
|
58
|
+
.background-colour-brand-afa-pink {
|
|
59
|
+
background-color: #BF387D;
|
|
60
|
+
}
|
|
61
|
+
|
|
57
62
|
.background-colour-hover-white:hover,
|
|
58
63
|
.background-colour-white {
|
|
59
64
|
background-color: #FFFFFF;
|
|
@@ -125,6 +130,10 @@ a:hover {
|
|
|
125
130
|
fill: #CBC8C8;
|
|
126
131
|
}
|
|
127
132
|
|
|
133
|
+
.fill-brand-afa-pink {
|
|
134
|
+
fill: #BF387D;
|
|
135
|
+
}
|
|
136
|
+
|
|
128
137
|
.fill-brand-mhf-turquoise {
|
|
129
138
|
fill: #62CFC9;
|
|
130
139
|
}
|
|
@@ -258,6 +267,11 @@ a:hover {
|
|
|
258
267
|
color: #CBC8C8;
|
|
259
268
|
}
|
|
260
269
|
|
|
270
|
+
.text-colour-hover-brand-afa-pink:hover,
|
|
271
|
+
.text-colour-brand-afa-pink {
|
|
272
|
+
color: #BF387D;
|
|
273
|
+
}
|
|
274
|
+
|
|
261
275
|
.text-colour-hover-white:hover,
|
|
262
276
|
.text-colour-white {
|
|
263
277
|
color: #FFFFFF;
|
|
@@ -71,7 +71,7 @@ export class BiggiveImageCard {
|
|
|
71
71
|
"mutable": false,
|
|
72
72
|
"complexType": {
|
|
73
73
|
"original": "brandColour",
|
|
74
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
74
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
75
75
|
"references": {
|
|
76
76
|
"brandColour": {
|
|
77
77
|
"location": "import",
|
|
@@ -163,7 +163,7 @@ export class BiggiveImageCard {
|
|
|
163
163
|
"mutable": false,
|
|
164
164
|
"complexType": {
|
|
165
165
|
"original": "brandColour",
|
|
166
|
-
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
166
|
+
"resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
|
|
167
167
|
"references": {
|
|
168
168
|
"brandColour": {
|
|
169
169
|
"location": "import",
|
|
@@ -58,6 +58,9 @@ a.icon-anchor-match {
|
|
|
58
58
|
a.icon-emergency {
|
|
59
59
|
background-image: url(/assets/images/triangles-combined-emergency.svg);
|
|
60
60
|
}
|
|
61
|
+
a.icon-arts-impact {
|
|
62
|
+
background-image: url(/assets/images/triangles-combined-arts-black.svg);
|
|
63
|
+
}
|
|
61
64
|
|
|
62
65
|
.mobile-only {
|
|
63
66
|
display: none !important;
|
|
@@ -104,7 +104,7 @@ export class BiggiveMainMenu {
|
|
|
104
104
|
const slotBasedMenu = () => (h(Host, null, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("slot", { name: "social-icons" })), h("div", { class: "nav-secondary" })), h("nav", { role: "navigation", "aria-label": "Main Menu" }, h("div", { class: "navbar" }, h("div", { class: "logo" }, h("a", { href: this.logoUrl, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { class: "nav-links" }, h("div", { class: "sidebar-logo" }, h("a", { href: this.logoUrl, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { id: "nav-primary" }), h("div", { class: "mobile-social-icon-wrap mobile-only" }, h("slot", { name: "mobile-social-icons" })))))));
|
|
105
105
|
const presetContentMenu = () => {
|
|
106
106
|
const secondaryNavLinks = (h("ul", null, this.isLoggedIn && (h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'my-account') }, "My Account"))), h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 's/contact-us') }, "Contact Us")), h("li", null, h("a", { href: makeURL('Experience', this.experienceUrlPrefix, 'charities/s/login') }, "Charity Login"))));
|
|
107
|
-
return (h(Host, null, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { class: "nav-secondary" }, secondaryNavLinks)), h("nav", { role: "navigation", "aria-label": "Main Menu" }, h("div", { class: "navbar" }, h("div", { class: "logo" }, h("a", { href: this.donateUrlPrefix, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { class: "nav-links" }, h("div", { class: "sidebar-logo" }, h("a", { href: this.donateUrlPrefix, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { id: "nav-primary" }, h("ul", { class: "links", slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", null, h("a", { onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { class: "more" }, h("a", { onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", null, h("a", { onClick: this.noNav }, "About Us", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-community') }, "Our Community")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", null, h("a", { onClick: this.noNav }, "Resources", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { class: "mobile-only" }, secondaryNavLinks)), h("div", { class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
|
|
107
|
+
return (h(Host, null, h("div", { class: "row row-top" }, h("div", { class: "social-icon-wrap" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })), h("div", { class: "nav-secondary" }, secondaryNavLinks)), h("nav", { role: "navigation", "aria-label": "Main Menu" }, h("div", { class: "navbar" }, h("div", { class: "logo" }, h("a", { href: this.donateUrlPrefix, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" })))), h("biggive-misc-icon", { class: "bx bx-menu", "background-colour": "white", "icon-colour": "black", icon: "MenuOpen", onClick: this.openMobileMenu }), h("div", { class: "nav-links" }, h("div", { class: "sidebar-logo" }, h("a", { href: this.donateUrlPrefix, "aria-label": "Home" }, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 140.9 30", id: "mobileLogo" }, h("path", { d: "M51.9,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3C53.6,0,55,1.4,55,3S53.6,6.1,51.9,6.1z M49.3,23.8h5V7.7h-5V23.8z M68.5,7.7v1 c-0.8-0.7-2.3-1.4-4.1-1.4c-4.5,0-8.2,3.2-8.2,7.9c0,4.7,3.7,7.9,8.2,7.9c1.8,0,3.4-0.5,4.1-1.4v0.9c0,2.1-1.9,3.1-4.4,3.1 c-2.2,0-4-0.5-5.8-1.4V29c2.1,0.7,4.4,1,6,1c5,0,9.2-2,9.2-7.3v-15L68.5,7.7L68.5,7.7z M68.5,17.2c-0.7,1-1.9,1.4-3.2,1.4 c-2.1,0-3.8-1.2-3.8-3.4c0-2.2,1.7-3.4,3.8-3.4c1.3,0,2.5,0.6,3.2,1.5V17.2z M88.1,24.2c4,0,6.4-0.7,8.5-2V10h-11v4.7h5.8v4.1 c-0.8,0.2-1.8,0.4-3.2,0.4c-4.9,0-7.3-3.2-7.3-6.8c0-3.7,2.8-6.8,8-6.8c2.2,0,4.3,0.6,5.8,1.4V1.7c-1.5-0.6-3.4-1.1-6.1-1.1 c-7.6,0-13,5.3-13,11.8C75.5,19.1,80.4,24.2,88.1,24.2z M101.4,6.1c-1.7,0-3.1-1.4-3.1-3s1.4-3,3.1-3c1.8,0,3.2,1.4,3.2,3 S103.1,6.1,101.4,6.1z M98.8,23.8h5V7.7h-5V23.8z M115.1,15l-4.3-7.2H105l10.1,16.4l10.1-16.4h-5.8L115.1,15z M129.3,16.9h11.6 c0.1-7-4.2-9.5-8.4-9.5c-4.5,0-8.5,2.6-8.6,8.4c0,5.6,4.1,8.4,9.1,8.4c2.2,0,4.4-0.3,6.4-1.3v-4.4c-2.5,1.4-4.1,1.4-5.6,1.4 C131.7,19.8,129.5,19.2,129.3,16.9z M132.5,11.1c1.5,0,2.8,0.7,3,2.7h-6.2C129.6,11.9,131,11.1,132.5,11.1z M43.5,11.4 c1.2-1,1.8-2.4,1.8-4c0-3.1-3-6.3-7.3-6.3h-8v22.8h10.4c4.1,0,7.2-3,7.2-6.8C47.5,14.8,46.5,12.3,43.5,11.4z M35.2,5.7h2.4 C39,5.7,40,6.8,40,8c0,1.2-1,2.2-2.5,2.2h-2.4V5.7z M39.9,19.2h-4.7v-4.6h4.7c1.4,0,2.5,1,2.5,2.3C42.4,18.1,41.3,19.2,39.9,19.2z" }), h("path", { d: "M13.5,1l13.5,23H0L13.5,1z" }))), h("biggive-misc-icon", { class: "bx bx-x", "background-colour": "transparent", "icon-colour": "black", icon: "MenuClose", onClick: this.closeMobileMenu })), h("div", { id: "nav-primary" }, h("ul", { class: "links", slot: "nav-primary" }, h("li", null, h("a", { href: makeURL('Donate', this.donateUrlPrefix, 'explore') }, "Explore Campaigns")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'charities') }, "For Charities")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'funders') }, "For Funders")), h("li", null, h("a", { onClick: this.noNav }, "Match Funding", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'match-funding-explained') }, "Match Funding Explained")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'impact') }, "Match Funding Impact")), h("li", { class: "more" }, h("a", { onClick: this.noNav }, "Match Funding Opportunities", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'christmas-challenge'), class: "icon-christmas" }, "Christmas Challenge")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'champions-for-children'), class: "icon-children" }, "Champions for Children")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'green-match-fund'), class: "icon-green-match" }, "Green Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'women-girls-match-fund'), class: "icon-women-girls" }, "Women & Girls Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'kind2mind/'), class: "icon-mental-health" }, "Kind\u00B2Mind")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'artsforimpact/'), class: "icon-arts-impact" }, "Arts for Impact")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'anchor-match-fund/'), class: "icon-anchor-match" }, "Anchor Match Fund")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'emergency-campaigns/'), class: "icon-emergency" }, "Emergency Match Fund")))), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'run-your-own-campaign/)') }, "Run your match funding campaign")))), h("li", null, h("a", { onClick: this.noNav }, "About Us", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-people') }, "Our People")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-story') }, "Our Story")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-community') }, "Our Community")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'our-fees') }, "Our Fees")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'faqs') }, "FAQs")))), h("li", null, h("a", { onClick: this.noNav }, "Resources", h("biggive-misc-icon", { class: "bx bxs-chevron-down sub-menu-arrow arrow", "background-colour": "white", "icon-colour": "black", icon: "CaretRight" })), h("ul", { class: "sub-menu" }, h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Case Studies")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Blog")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Reports & Insights")), h("li", null, h("a", { href: makeURL('Blog', this.blogUrlPrefix, 'press') }, "Press"))))), h("div", { class: "mobile-only" }, secondaryNavLinks)), h("div", { class: "mobile-social-icon-wrap mobile-only" }, h("biggive-social-icon", { service: "Facebook", url: "https://www.facebook.com/BigGive.org", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Twitter", url: "https://twitter.com/BigGive", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "LinkedIn", url: "https://uk.linkedin.com/company/big-give", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "YouTube", url: "https://www.youtube.com/channel/UC9_wH1aaTuZurJ-F9R8GDcA", "background-colour": "tertiary", "icon-colour": "black" }), h("biggive-social-icon", { service: "Instagram", url: "https://www.instagram.com/biggiveorg", "background-colour": "tertiary", "icon-colour": "black" })))))));
|
|
108
108
|
};
|
|
109
109
|
return this.usePresetMenuContent ? presetContentMenu() : slotBasedMenu();
|
|
110
110
|
}
|