@biggive/components 202503271017.0.0 → 202503271358.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/philco/Philcologo-black.png +0 -0
- package/dist/biggive/assets/images/philco/Philcologo-white.png +0 -0
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/p-23242784.entry.js +2 -0
- package/dist/biggive/p-23242784.entry.js.map +1 -0
- package/dist/biggive/p-3f8f69d6.entry.js +2 -0
- package/dist/biggive/p-3f8f69d6.entry.js.map +1 -0
- package/dist/cjs/philco-footer.cjs.entry.js +2 -2
- package/dist/cjs/philco-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/philco-main-menu.cjs.entry.js +2 -2
- package/dist/cjs/philco-main-menu.cjs.entry.js.map +1 -1
- package/dist/collection/assets/images/philco/Philcologo-black.png +0 -0
- package/dist/collection/assets/images/philco/Philcologo-white.png +0 -0
- package/dist/collection/components/philco-footer/philco-footer.css +18 -6
- package/dist/collection/components/philco-footer/philco-footer.js +1 -1
- package/dist/collection/components/philco-footer/philco-footer.js.map +1 -1
- package/dist/collection/components/philco-main-menu/philco-main-menu.css +19 -4
- package/dist/collection/components/philco-main-menu/philco-main-menu.js +2 -2
- package/dist/collection/components/philco-main-menu/philco-main-menu.js.map +1 -1
- package/dist/components/philco-footer.js +2 -2
- package/dist/components/philco-footer.js.map +1 -1
- package/dist/components/philco-main-menu.js +3 -3
- package/dist/components/philco-main-menu.js.map +1 -1
- package/dist/esm/philco-footer.entry.js +2 -2
- package/dist/esm/philco-footer.entry.js.map +1 -1
- package/dist/esm/philco-main-menu.entry.js +3 -3
- package/dist/esm/philco-main-menu.entry.js.map +1 -1
- package/hydrate/index.js +4 -4
- package/hydrate/index.mjs +4 -4
- package/package.json +1 -1
- package/dist/biggive/p-83c672f9.entry.js +0 -2
- package/dist/biggive/p-83c672f9.entry.js.map +0 -1
- package/dist/biggive/p-8b476a3d.entry.js +0 -2
- package/dist/biggive/p-8b476a3d.entry.js.map +0 -1
|
Binary file
|
|
Binary file
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as o,b as t}from"./p-0cedd560.js";export{s as setNonce}from"./p-0cedd560.js";import{g as l}from"./p-e1255160.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-7c2c2df7",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}],[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}],[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}],[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}],[1,"biggive-accordion-entry",{"heading":[1]}],[1,"biggive-back-to-top"],[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}],[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"]}],[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}],[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}],[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"]}],[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}],[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}],[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}],[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}],[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}],[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-form-field-select",{"selectionChanged":[16],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"spaceBelow":[2,"space-below"],"placeholder":[1]}],[1,"biggive-popup",{"modalClosedCallback":[16],"openFromOutside":[64],"closeFromOutside":[64]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}],[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"]}]]],["p-89bfd21d",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-5737a0c1",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-6d817f56",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-097c2cb6",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-83c672f9",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-252eab8f",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-8931c669",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-a54a2977",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-15d3436c",[[1,"biggive-form"]]],["p-4c8460f1",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["p-cbe01e3f",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-3284569a",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-7ba47d7b",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-cb4884a9",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-8b476a3d",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"]}]]]]'),e)}));
|
|
1
|
+
import{p as e,H as o,b as t}from"./p-0cedd560.js";export{s as setNonce}from"./p-0cedd560.js";import{g as l}from"./p-e1255160.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-7c2c2df7",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}],[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}],[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}],[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}],[1,"biggive-accordion-entry",{"heading":[1]}],[1,"biggive-back-to-top"],[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}],[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"]}],[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}],[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}],[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"]}],[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}],[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}],[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}],[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}],[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}],[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-form-field-select",{"selectionChanged":[16],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"spaceBelow":[2,"space-below"],"placeholder":[1]}],[1,"biggive-popup",{"modalClosedCallback":[16],"openFromOutside":[64],"closeFromOutside":[64]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}],[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"]}]]],["p-89bfd21d",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-5737a0c1",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-6d817f56",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-097c2cb6",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-3f8f69d6",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-252eab8f",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-8931c669",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-a54a2977",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-15d3436c",[[1,"biggive-form"]]],["p-4c8460f1",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["p-cbe01e3f",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-3284569a",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-7ba47d7b",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-cb4884a9",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-23242784",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"]}]]]]'),e)}));
|
|
2
2
|
//# sourceMappingURL=biggive.esm.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as a,a as o,g as t}from"./p-0cedd560.js";import{m as d}from"./p-d360f7bc.js";const i='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-size:17px;line-height:24px;font-weight:bold;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}';const r=i;const c=class{constructor(a){e(this,a);this.headingLevel=5;this.donateUrlPrefix="http://";this.blogUrlPrefix="http://";this.experienceUrlPrefix="http://";this.smallCharityWeekEnabled=false;this.year=(new Date).getFullYear().toString()}render(){const e=`h${this.headingLevel}`;return a("footer",{key:"603778fd1fdb8c79ddbcd3fcac141dd23bb3332c",class:"footer"},a("div",{key:"83fd537c0485731910e3677eeccba716d6f7e542",class:"row row-logo"},a("div",{key:"dd74a28d46a1a962aaed5f7f5366912b916dd5d5",class:"logo"},a("img",{key:"64f2b6f1797d5267c86ed51db8d538bbf425881e",src:o("/assets/images/philco/Philcologo-black.png"),alt:"PhilCo"}))),a("div",{key:"460c339fbc48e3caba8f6e25725e9775b6e5fed1",class:"row row-top"},a("nav",{key:"9559de67c1d424f9db9ab6ce8b2e92bd795f629b",class:"nav nav-primary","aria-labelledby":"footer-primary-heading"},a(e,{key:"8148d992983775e01193ca10d967baeceef666fa",class:"heading",id:"footer-primary-heading"},a("div",{key:"76176fa90f5ef35aa8f6a963f5d04badfc165dca",slot:"nav-primary-title"},"CONTACT")),a("ul",{key:"67c171ecedc61d7930cbe90170502d82764c021d",slot:"nav-primary"},a("li",{key:"4ae554cd3aa8f766c7f848828c410f52f90aaea9"},"PhilCo@biggive.org"))),a("nav",{key:"4c8d33ff04dda47ce59ccc31d3626b9724c6f815",class:"nav nav-secondary","aria-labelledby":"footer-secondary-heading-heading"},a(e,{key:"6f7aceddf312a73cd3bc5d535b8e30efbb89a0fa",class:"heading",id:"footer-secondary-heading"},a("div",{key:"702157c9b28899b75b2f549b4a6c7b3455ae0499",slot:"nav-secondary-title"},"PHILCO SITE")),a("ul",{key:"df7876611b24b4ae61dc081e21a1ca158287be0e",slot:"nav-secondary"},a("li",{key:"34ce0031380f1cf4a6a166c45329b7fb54534715"},a("a",{key:"04f06b85eaad8e70d2e22c46d5c842690c59b0bc",href:d("Blog",this.blogUrlPrefix,"case-studies")},"Home")),a("li",{key:"4dd35e2bad752d35855631ed3168b6fd3f7c507f"},a("a",{key:"dad39d3e196f34f0ab6d44279eec826b9242d2ff",href:d("Blog",this.blogUrlPrefix,"blog")},"Why become a Philco")),a("li",{key:"a43d2b1fa38be2572d31a60c4918120942998d2e"},a("a",{key:"6c51f6f4ceab18dbd9227d64a4f6d64c23cf4276",href:d("Blog",this.blogUrlPrefix,"reports-insights")},"Sign Up")))),a("nav",{key:"ed296f19a3b2c409563db1517ab975b6fe22c7e2",class:"nav nav-tertiary","aria-labelledby":"footer-tertiary-heading"},a(e,{key:"a61125fcb89eee1958e5198e8c780bd53918d831",class:"heading",id:"footer-tertiary-heading"},a("div",{key:"7b2f9e571585a94bfa03bf3eea2dbbb400bf1998",slot:"nav-tertiary-title"},"GUIDE")),a("ul",{key:"948d9f50f6c184857be15c572993f50441a22b57",slot:"nav-tertiary"},a("li",{key:"a3518beed0ff339a38102cf0e11639b205d510a4"},a("a",{key:"8079164fba0a6f04e1cb269386c06c23900643c3",href:d("Blog",this.blogUrlPrefix,"support")},"Download the guide"))))),a("div",{key:"8bf4ebd293d8ad7131eb4f39aac5adad57814832",class:"row row-bottom"},a("div",{key:"4838c35fab35e28f58f839074c4fb24b9767e7f8",class:"postscript-wrap"},a("nav",{key:"81041fced7f62b0f47647019b2a7c2e46daf7e3d",class:"nav nav-postscript","aria-label":"Legal"},a("ul",{key:"f1eb4d1636bf4f7e02f7d2010ebc9c698a852571",slot:"nav-postscript"},a("li",{key:"11ae0488581d906a1a4966dbc1aa79ffebd7455c"},a("a",{key:"727a42caf6711553bf71882cfe871042870df52f",href:d("Blog",this.blogUrlPrefix,"terms-and-conditions")},"Terms and Conditions")),a("li",{key:"6f74505bf8f556c3f626a023aa93ed929763ca22"},a("a",{key:"a3923461830a3a4f12213ae274c1b32b477504e8",href:d("Blog",this.blogUrlPrefix,"privacy")},"Privacy Statement")),a("li",{key:"9aa85f378502afc0b7814e4145d7a5982ca9fa8d"},a("a",{key:"a1f6dccc150a4958239412dc09715ffcf17ccbe4",href:d("Blog",this.blogUrlPrefix,"privacy#cookies")},"Cookies Statement")),a("li",{key:"61c47baa1a0bd326b9aefae9428b939c10bcb552"},a("a",{key:"f81b7cf2c15e000855f4efeccff3de0f92867193",href:d("Donate",this.donateUrlPrefix,"cookie-preferences")},"Cookies Preference Centre"))))),a("p",{key:"ff1592cb508822da640aaed28c36e41d9ba5be91"},"© 2007 – ",this.year," The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom")))}get host(){return t(this)}};c.style=r;export{c as philco_footer};
|
|
2
|
+
//# sourceMappingURL=p-23242784.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["philcoFooterCss","PhilcoFooterStyle0","PhilcoFooter","constructor","hostRef","this","headingLevel","donateUrlPrefix","blogUrlPrefix","experienceUrlPrefix","smallCharityWeekEnabled","year","Date","getFullYear","toString","render","HeadingTag","h","key","class","src","getAssetPath","alt","id","slot","href","makeURL"],"sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include standard-font();\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include heading-5();\n border-bottom: 1px solid $colour-philco-gray-90;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n // @todo-COM-104: Replace background image below with a black-on-white PhilCo logo\n //background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-philco-white;\n padding: 0 $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n color: $colour-philco-white;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n\n a {\n color: $colour-philco-white;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-logo {\n padding-left: $spacer-3 $spacer-3 0 $spacer-3;\n }\n .row-top {\n padding: 0 $spacer-3 $spacer-3 $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-logo {\n padding-top: 80px;\n padding-left: 15px;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 0;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n /**\n * URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n * take them as props\n */\n @Prop() donateUrlPrefix: string = 'http://';\n @Prop() blogUrlPrefix: string | undefined = 'http://';\n @Prop() experienceUrlPrefix: string | undefined = 'http://';\n @Prop() smallCharityWeekEnabled = false;\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <footer class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">CONTACT</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">PHILCO SITE</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Sign Up</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">GUIDE</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'support')}>Download the guide</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences')}>Cookies Preference Centre</a>\n </li>\n </ul>\n </nav>\n </div>\n <p>© 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,k1EACxB,MAAAC,EAAeD,E,MCOFE,EAAY,MALzB,WAAAC,CAAAC,G,UAQUC,KAAAC,aAAsC,EAMtCD,KAAAE,gBAA0B,UAC1BF,KAAAG,cAAoC,UACpCH,KAAAI,oBAA0C,UAC1CJ,KAAAK,wBAA0B,MAE1BL,KAAAM,MAAe,IAAIC,MAAOC,cAAcC,U,CAEhD,MAAAC,GACE,MAAMC,EAAa,IAAIX,KAAKC,eAE5B,OACEW,EAAA,UAAAC,IAAA,2CAAQC,MAAM,UACZF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACTF,EAAA,OAAAC,IAAA,2CAAKE,IAAKC,EAAa,8CAA+CC,IAAI,aAI9EL,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBAAiB,kBAAiB,0BAC3CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,0BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,qBAAmB,YAE/BP,EAAA,MAAAC,IAAA,2CAAIM,KAAK,eACPP,EAAA,MAAAC,IAAA,oEAIJD,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAmB,kBAAiB,oCAC7CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,4BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,uBAAqB,gBAEjCP,EAAA,MAAAC,IAAA,2CAAIM,KAAK,iBACPP,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,OAAQrB,KAAKG,cAAe,iBAAe,SAE9DS,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,OAAQrB,KAAKG,cAAe,SAAO,wBAEtDS,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,OAAQrB,KAAKG,cAAe,qBAAmB,cAKtES,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBAAkB,kBAAiB,2BAC5CF,EAACD,EAAU,CAAAE,IAAA,2CAACC,MAAM,UAAUI,GAAG,2BAC7BN,EAAA,OAAAC,IAAA,2CAAKM,KAAK,sBAAoB,UAEhCP,EAAA,MAAAC,IAAA,2CAAIM,KAAK,gBACPP,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,OAAQrB,KAAKG,cAAe,YAAU,0BAM/DS,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBAAoB,aAAY,SACzCF,EAAA,MAAAC,IAAA,2CAAIM,KAAK,kBACPP,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,OAAQrB,KAAKG,cAAe,yBAAuB,yBAEtES,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,OAAQrB,KAAKG,cAAe,YAAU,sBAEzDS,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,OAAQrB,KAAKG,cAAe,oBAAkB,sBAEjES,EAAA,MAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGO,KAAMC,EAAQ,SAAUrB,KAAKE,gBAAiB,uBAAqB,iCAK9EU,EAAA,KAAAC,IAAA,wDAAkBb,KAAKM,KAAI,kI","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as a,c as n,h as i,a as e,d as o,g as s}from"./p-0cedd560.js";import{m as l}from"./p-d360f7bc.js";const t='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{margin:0;padding:0;box-sizing:border-box;font-family:"Euclid Triangle", sans-serif}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}.row-top .nav-secondary{margin-left:auto;display:grid}.row-top .nav-secondary ul{list-style:none;display:inline-flex;margin:auto}.row-top .nav-secondary li{border-right:1px solid #FFFFFF;height:fit-content;padding:0 10px}.row-top .nav-secondary li:last-child{border-right:0;padding-right:0}.row-top .nav-secondary li a{color:#FFFFFF;text-decoration:none}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (hover: hover){.row-top .nav-secondary li a:hover{border-bottom-color:#FFFFFF;color:#FFFFFF}nav .navbar .nav-links .links li .sub-menu .more:hover .sub-sub-menu{display:block}nav .navbar .nav-links .links li:hover .sub-menu-arrow{transform:rotate(90deg)}nav .navbar .nav-links .links li:hover .sub-menu{display:block;background-color:white}nav .navbar .nav-links .links li:hover .sub-menu .sub-sub-menu{background-color:white}}@media (max-width: 1200px){nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li .sub-menu a{font-size:13px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}nav .navbar .nav-links .links li .sub-menu{position:relative;top:0;box-shadow:none;display:none}nav .navbar .nav-links .links li .sub-menu li{border-bottom:none}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu{display:none;position:relative;left:0}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu li{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .links li .sub-menu .more span{display:flex;align-items:center}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu.display-sub-menu{position:initial}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.display-sub-menu,.display-sub-menu li{display:block !important}#nav-primary .display-sub-menu,#nav-primary .display-sub-menu li{background-color:white}.sub-menu-main{position:absolute;top:20px;left:0;line-height:40px;border-radius:0 0 4px 4px;display:none;background-color:#2C089B;z-index:2}.sub-menu-main li{border-right:none !important;padding:0 22px;display:none}@media (max-width: 968px){.sub-menu-main{position:static !important;background:none}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}.nav-secondary li{position:relative !important}.nav-secondary li:hover .sub-menu-arrow{transform:rotate(90deg)}.nav-secondary li:hover .sub-menu-main{display:block}.nav-secondary li:hover .sub-menu-main li{display:block}';const r=t;const d=class{constructor(i){a(this,i);this.logoutClicked=n(this,"logoutClicked",7);this.lastScrollHeight=0;this.openMobileMenu=()=>{const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="0"};this.closeMobileMenu=()=>{const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="-100%"}}async closeMobileMenuFromOutside(){const a=this.host.shadowRoot.querySelector(".nav-links");a.style.left="-100%"}setHeaderSize(){if(this.host.scrollHeight===this.lastScrollHeight){return}this.lastScrollHeight=this.host.scrollHeight;const a=isNaN(this.host.scrollHeight)?60:Math.max(60,this.host.scrollHeight);document.body.style.paddingTop=Math.min(130,a).toString()+"px"}componentDidLoad(){this.host.classList.add("fixed");window.addEventListener("resize",(()=>{this.setHeaderSize()}));this.setHeaderSize()}render(){const a="/";return i(o,{key:"dfaf567c4cf975ffa648027f117ed37368c2a599"},i("nav",{key:"3f207d5cb97a2f7cc9ec04d70937bbad188040e9",role:"navigation","aria-label":"Main Menu"},i("div",{key:"512335c613ccb9861894239073703f8cd835035b",class:"navbar"},i("div",{key:"e77621066dbe99c2f2f54a362021dd7c724147c9",class:"logo"},i("a",{key:"52ae2d87bb05bbe8166959ab415a1c7d6d3fb2d7",href:this.philcoUrlPrefix+a,"aria-label":"Home"},i("img",{key:"ad01ab9f3e07bb213f37e49adf620ceb07945849",src:e("/assets/images/philco/Philcologo-white.png"),alt:"PhilCo"}))),i("biggive-misc-icon",{key:"7f8af07cada83356f6cea9b236ecdc6840589daa",class:"bx bx-menu","background-colour":"transparent","icon-colour":"white",icon:"MenuOpen",onClick:this.openMobileMenu}),i("div",{key:"eeb8dc9cc6a561fdb6767cd7effa6dddd03662fd",class:"nav-links"},i("div",{key:"985e720f25c7befe73ee38af7273707387a6f13b",class:"sidebar-logo"},i("a",{key:"2240f55511052112230f0fe41bf8b06ea7f50d3c",href:this.philcoUrlPrefix+a,"aria-label":"Home"}),i("biggive-misc-icon",{key:"92c34e6c68dde23b2a4c03f7b263b30ee7935d74",class:"bx bx-x","background-colour":"transparent","icon-colour":"white",icon:"MenuClose",onClick:this.closeMobileMenu})),i("div",{key:"7ce7c592ddd932cf4436af45522972413d79ed37",id:"nav-primary"},i("ul",{key:"6f705bd18df36904b0ddabcdc9011eb4987ee424",class:"links",slot:"nav-primary"},i("li",{key:"e5a31d5d8f6b0b7a1abd16540993a7c4126dce59"},i("a",{key:"d70ea9d9935dfa41eaa5ac6bcd13a859cb0ee80b",href:l("Donate",this.philcoUrlPrefix,"explore")},"Why become a Philco")),i("li",{key:"afa5370ba1b2a3cd914a63a08f6742a64195787b"},i("a",{key:"e08e379b1c0dd7fee704f4c787474c627ecdf0c3",href:l("Blog",this.philcoUrlPrefix,"charities")},"News")),i("li",{key:"c58bf99bdec4c7028a3717289fcda7d4d58d7476"},i("a",{key:"a789575b3bfd1e9d51fea3914a2fc94ea30e021a",href:l("Blog",this.philcoUrlPrefix,"funders")},"Sign up"))))))))}get host(){return s(this)}};d.style=r;export{d as philco_main_menu};
|
|
2
|
+
//# sourceMappingURL=p-3f8f69d6.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["philcoMainMenuCss","PhilcoMainMenuStyle0","PhilcoMainMenu","constructor","hostRef","this","lastScrollHeight","openMobileMenu","mobileMenu","host","shadowRoot","querySelector","style","left","closeMobileMenu","closeMobileMenuFromOutside","setHeaderSize","scrollHeight","isNaN","Math","max","document","body","paddingTop","min","toString","componentDidLoad","classList","add","window","addEventListener","render","homePageLink","h","Host","key","role","class","href","philcoUrlPrefix","src","getAssetPath","alt","icon","onClick","id","slot","makeURL"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Euclid Triangle', sans-serif;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n\n\n .nav-secondary {\n margin-left: auto;\n display: grid;\n\n ul {\n list-style: none;\n display: inline-flex;\n margin: auto;\n }\n\n li {\n border-right: 1px solid $colour-white;\n height: fit-content;\n padding: 0 10px;\n\n &:last-child {\n border-right: 0;\n padding-right: 0;\n }\n\n a {\n color: $colour-white;\n text-decoration: none;\n }\n }\n }\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (hover: hover) {\n /* when hover is supported */\n .row-top {\n .nav-secondary {\n li {\n a {\n &:hover {\n border-bottom-color: $colour-white;\n color: $colour-white;\n }\n }\n }\n }\n }\n\n nav {\n .navbar {\n .nav-links {\n .links {\n li {\n .sub-menu {\n .more {\n &:hover {\n .sub-sub-menu {\n display: block;\n }\n }\n }\n }\n\n &:hover {\n .sub-menu-arrow {\n transform: rotate(90deg);\n }\n\n .sub-menu {\n display: block;\n background-color: white;\n\n .sub-sub-menu {\n background-color: white;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n .sub-menu {\n a {\n font-size: 13px;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n\n .sub-menu {\n position: relative;\n top: 0;\n box-shadow: none;\n display: none;\n\n li {\n border-bottom: none;\n }\n\n .sub-sub-menu {\n display: none;\n position: relative;\n left: 0;\n\n li {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n }\n\n .more {\n span {\n display: flex;\n align-items: center;\n }\n\n .sub-sub-menu {\n &.display-sub-menu {\n position: initial;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.display-sub-menu, .display-sub-menu li {\n display: block !important;\n}\n\n#nav-primary .display-sub-menu, #nav-primary .display-sub-menu li {\n background-color: white;\n}\n\n\n.sub-menu-main {\n position: absolute;\n top: $upper-nav-height-desktop;\n left: 0;\n line-height: 40px;\n border-radius: 0 0 4px 4px;\n display: none;\n background-color: $colour-primary-blue;\n z-index: 2;\n\n li {\n border-right: none !important;\n padding: 0 22px;\n display: none;\n }\n\n @media (max-width: $screen-large) {\n position: static !important;\n background: none;\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n\n.nav-secondary li {\n position: relative !important;\n &:hover {\n .sub-menu-arrow {\n transform: rotate(90deg);\n }\n\n .sub-menu-main {\n display: block;\n li {\n display: block;\n }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n private lastScrollHeight = 0;\n\n @Element() host: HTMLPhilcoMainMenuElement;\n\n // URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n // take them as props. But somehow on first render the prop passed in doesn't seem to be used, so the defaults\n // below are the values currently used in our prod site. They should be replaced by other values in other\n // environments.\n @Prop() philcoUrlPrefix: string;\n\n @Event({\n eventName: 'logoutClicked',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n logoutClicked: EventEmitter<void>;\n\n @Method()\n async closeMobileMenuFromOutside() {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n }\n\n private openMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '0';\n };\n\n private closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n private setHeaderSize() {\n if (this.host.scrollHeight === this.lastScrollHeight) {\n // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n // relevant changed.\n return;\n }\n\n this.lastScrollHeight = this.host.scrollHeight;\n\n // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset\n // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use\n // this body padding workaround, we need a safe maximum value, currently 130px, beyond which\n // we will never further displace the main content.\n // (Possibly scrollHeight could have the same issue, not tested.)\n // We have also seen intermittent scrolling scenarios where `scrollHeight` is spuriously less than 60px,\n // maybe related to browsers / OSes with \"overscroll\" features. So we also now set a fixed minimum of 60px.\n const scrollHeight = isNaN(this.host.scrollHeight) ? 60 : Math.max(60, this.host.scrollHeight);\n\n document.body.style.paddingTop = Math.min(130, scrollHeight).toString() + 'px';\n }\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n window.addEventListener('resize', () => {\n this.setHeaderSize();\n });\n this.setHeaderSize();\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuClose\" onClick={this.closeMobileMenu}></biggive-misc-icon>\n </div>\n <div id=\"nav-primary\">\n <ul class=\"links\" slot=\"nav-primary\">\n <li>\n <a href={makeURL('Donate', this.philcoUrlPrefix, 'explore')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.philcoUrlPrefix, 'charities')}>News</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.philcoUrlPrefix, 'funders')}>Sign up</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"mappings":"2GAAA,MAAMA,EAAoB,+1JAC1B,MAAAC,EAAeD,E,MCOFE,EAAc,MAL3B,WAAAC,CAAAC,G,uDAMUC,KAAAC,iBAAmB,EAwBnBD,KAAAE,eAAiB,KACvB,MAAMC,EAAaH,KAAKI,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,GAAG,EAGtBR,KAAAS,gBAAkB,KACxB,MAAMN,EAAaH,KAAKI,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,OAAO,C,CAZlC,gCAAME,GACJ,MAAMP,EAAaH,KAAKI,KAAKC,WAAYC,cAA2B,cACpEH,EAAYI,MAAMC,KAAO,O,CAanB,aAAAG,GACN,GAAIX,KAAKI,KAAKQ,eAAiBZ,KAAKC,iBAAkB,CAGpD,M,CAGFD,KAAKC,iBAAmBD,KAAKI,KAAKQ,aASlC,MAAMA,EAAeC,MAAMb,KAAKI,KAAKQ,cAAgB,GAAKE,KAAKC,IAAI,GAAIf,KAAKI,KAAKQ,cAEjFI,SAASC,KAAKV,MAAMW,WAAaJ,KAAKK,IAAI,IAAKP,GAAcQ,WAAa,I,CAG5E,gBAAAC,GACErB,KAAKI,KAAKkB,UAAUC,IAAI,SACxBC,OAAOC,iBAAiB,UAAU,KAChCzB,KAAKW,eAAe,IAEtBX,KAAKW,e,CAGP,MAAAe,GACE,MAAMC,EAAe,IAErB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,KAAK,aAAY,aAAY,aAChCH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,KAAAE,IAAA,2CAAGG,KAAMjC,KAAKkC,gBAAkBP,EAAY,aAAa,QACvDC,EAAA,OAAAE,IAAA,2CAAKK,IAAKC,EAAa,8CAA+CC,IAAI,aAG9ET,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,aAAY,oBAAmB,cAAa,cAAa,QAAQM,KAAK,WAAWC,QAASvC,KAAKE,iBACxH0B,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,gBACTJ,EAAA,KAAAE,IAAA,2CAAGG,KAAMjC,KAAKkC,gBAAkBP,EAAY,aAAa,SACzDC,EAAA,qBAAAE,IAAA,2CAAmBE,MAAM,UAAS,oBAAmB,cAAa,cAAa,QAAQM,KAAK,YAAYC,QAASvC,KAAKS,mBAExHmB,EAAA,OAAAE,IAAA,2CAAKU,GAAG,eACNZ,EAAA,MAAAE,IAAA,2CAAIE,MAAM,QAAQS,KAAK,eACrBb,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,SAAU1C,KAAKkC,gBAAiB,YAAU,wBAE7DN,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,OAAQ1C,KAAKkC,gBAAiB,cAAY,SAE7DN,EAAA,MAAAE,IAAA,4CACEF,EAAA,KAAAE,IAAA,2CAAGG,KAAMS,EAAQ,OAAQ1C,KAAKkC,gBAAiB,YAAU,iB","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-68d18263.js');
|
|
6
6
|
const helperMethods = require('./helper-methods-83c4873e.js');
|
|
7
7
|
|
|
8
|
-
const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-size:17px;line-height:24px;font-weight:bold;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:
|
|
8
|
+
const philcoFooterCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.footer{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#1d1d1B}nav{width:calc(33.3% - 20px);margin:0;padding:0}nav .heading{font-size:17px;line-height:24px;font-weight:bold;border-bottom:1px solid #1d1d1B;padding-bottom:10px;margin-bottom:10px}nav ul{margin:0;padding:0}nav ul li{margin:0;padding:0;list-style-type:none;margin-top:15px}nav ul li a{color:#1d1d1B;text-decoration:none}.row-logo{background-color:#FFFFFF;padding:100px 60px 0 60px}.row-logo img{height:34px}.row-top{background-repeat:no-repeat;background-size:auto 75px;background-position:60px 30px;background-color:#FFFFFF;padding:0 60px 60px 60px;display:flex;flex-wrap:wrap;justify-content:space-between}.row-top .button-wrap{margin-top:60px;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .row-bottom{background-color:#000000;color:#FFFFFF;padding:60px 60px 15px 60px;border-top:1px solid #FFFFFF}footer .row-bottom .postscript-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){footer .row-bottom .postscript-wrap{flex-direction:column}}footer .row-bottom .nav.nav-postscript{text-align:right;flex-grow:1;color:#FFFFFF}@media screen and (max-width: 768px){footer .row-bottom .nav.nav-postscript{text-align:center}}footer .row-bottom .nav-postscript li{display:inline-block;margin-left:1rem}footer .row-bottom .nav-postscript li:first-child{margin-left:0}@media screen and (max-width: 768px){footer .row-bottom .nav-postscript li{display:block;width:100%;margin-left:0}}footer .row-bottom .nav-postscript li a{color:#FFFFFF}footer .row-bottom .social-icon-wrap{border-top:1px solid #FFFFFF;padding-top:30px;margin-top:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}footer .row-bottom .social-icon-wrap .social-icon-item{margin:0 15px}footer .row-bottom p{text-align:center}@media screen and (max-width: 768px){.row-logo{padding-left:15px 15px 0 15px}.row-top{padding:0 15px 15px 15px}}@media screen and (max-width: 768px){nav{width:100%;margin-right:0;margin-bottom:30px}.row-logo{padding-top:80px;padding-left:15px}.row-top{background-size:auto 50px;padding-top:0;padding-left:15px;background-position:15px 30px}.row-top .button-wrap *{width:100% !important}}";
|
|
9
9
|
const PhilcoFooterStyle0 = philcoFooterCss;
|
|
10
10
|
|
|
11
11
|
const PhilcoFooter = class {
|
|
@@ -24,7 +24,7 @@ const PhilcoFooter = class {
|
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
const HeadingTag = `h${this.headingLevel}`;
|
|
27
|
-
return (index.h("footer", { key: '603778fd1fdb8c79ddbcd3fcac141dd23bb3332c', class: "footer" }, index.h("div", { key: '
|
|
27
|
+
return (index.h("footer", { key: '603778fd1fdb8c79ddbcd3fcac141dd23bb3332c', class: "footer" }, index.h("div", { key: '83fd537c0485731910e3677eeccba716d6f7e542', class: "row row-logo" }, index.h("div", { key: 'dd74a28d46a1a962aaed5f7f5366912b916dd5d5', class: "logo" }, index.h("img", { key: '64f2b6f1797d5267c86ed51db8d538bbf425881e', src: index.getAssetPath('/assets/images/philco/Philcologo-black.png'), alt: "PhilCo" }))), index.h("div", { key: '460c339fbc48e3caba8f6e25725e9775b6e5fed1', class: "row row-top" }, index.h("nav", { key: '9559de67c1d424f9db9ab6ce8b2e92bd795f629b', class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, index.h(HeadingTag, { key: '8148d992983775e01193ca10d967baeceef666fa', class: "heading", id: "footer-primary-heading" }, index.h("div", { key: '76176fa90f5ef35aa8f6a963f5d04badfc165dca', slot: "nav-primary-title" }, "CONTACT")), index.h("ul", { key: '67c171ecedc61d7930cbe90170502d82764c021d', slot: "nav-primary" }, index.h("li", { key: '4ae554cd3aa8f766c7f848828c410f52f90aaea9' }, "PhilCo@biggive.org"))), index.h("nav", { key: '4c8d33ff04dda47ce59ccc31d3626b9724c6f815', class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, index.h(HeadingTag, { key: '6f7aceddf312a73cd3bc5d535b8e30efbb89a0fa', class: "heading", id: "footer-secondary-heading" }, index.h("div", { key: '702157c9b28899b75b2f549b4a6c7b3455ae0499', slot: "nav-secondary-title" }, "PHILCO SITE")), index.h("ul", { key: 'df7876611b24b4ae61dc081e21a1ca158287be0e', slot: "nav-secondary" }, index.h("li", { key: '34ce0031380f1cf4a6a166c45329b7fb54534715' }, index.h("a", { key: '04f06b85eaad8e70d2e22c46d5c842690c59b0bc', href: helperMethods.makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Home")), index.h("li", { key: '4dd35e2bad752d35855631ed3168b6fd3f7c507f' }, index.h("a", { key: 'dad39d3e196f34f0ab6d44279eec826b9242d2ff', href: helperMethods.makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Why become a Philco")), index.h("li", { key: 'a43d2b1fa38be2572d31a60c4918120942998d2e' }, index.h("a", { key: '6c51f6f4ceab18dbd9227d64a4f6d64c23cf4276', href: helperMethods.makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Sign Up")))), index.h("nav", { key: 'ed296f19a3b2c409563db1517ab975b6fe22c7e2', class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, index.h(HeadingTag, { key: 'a61125fcb89eee1958e5198e8c780bd53918d831', class: "heading", id: "footer-tertiary-heading" }, index.h("div", { key: '7b2f9e571585a94bfa03bf3eea2dbbb400bf1998', slot: "nav-tertiary-title" }, "GUIDE")), index.h("ul", { key: '948d9f50f6c184857be15c572993f50441a22b57', slot: "nav-tertiary" }, index.h("li", { key: 'a3518beed0ff339a38102cf0e11639b205d510a4' }, index.h("a", { key: '8079164fba0a6f04e1cb269386c06c23900643c3', href: helperMethods.makeURL('Blog', this.blogUrlPrefix, 'support') }, "Download the guide"))))), index.h("div", { key: '8bf4ebd293d8ad7131eb4f39aac5adad57814832', class: "row row-bottom" }, index.h("div", { key: '4838c35fab35e28f58f839074c4fb24b9767e7f8', class: "postscript-wrap" }, index.h("nav", { key: '81041fced7f62b0f47647019b2a7c2e46daf7e3d', class: "nav nav-postscript", "aria-label": "Legal" }, index.h("ul", { key: 'f1eb4d1636bf4f7e02f7d2010ebc9c698a852571', slot: "nav-postscript" }, index.h("li", { key: '11ae0488581d906a1a4966dbc1aa79ffebd7455c' }, index.h("a", { key: '727a42caf6711553bf71882cfe871042870df52f', href: helperMethods.makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), index.h("li", { key: '6f74505bf8f556c3f626a023aa93ed929763ca22' }, index.h("a", { key: 'a3923461830a3a4f12213ae274c1b32b477504e8', href: helperMethods.makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Statement")), index.h("li", { key: '9aa85f378502afc0b7814e4145d7a5982ca9fa8d' }, index.h("a", { key: 'a1f6dccc150a4958239412dc09715ffcf17ccbe4', href: helperMethods.makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies') }, "Cookies Statement")), index.h("li", { key: '61c47baa1a0bd326b9aefae9428b939c10bcb552' }, index.h("a", { key: 'f81b7cf2c15e000855f4efeccff3de0f92867193', href: helperMethods.makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences') }, "Cookies Preference Centre"))))), index.h("p", { key: 'ff1592cb508822da640aaed28c36e41d9ba5be91' }, "\u00A9 2007 \u2013 ", this.year, " The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
|
|
28
28
|
}
|
|
29
29
|
get host() { return index.getElement(this); }
|
|
30
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"philco-footer.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,
|
|
1
|
+
{"file":"philco-footer.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,m1EAAm1E,CAAC;AAC52E,2BAAe,eAAe;;MCOjB,YAAY;IALzB;;QAQU,iBAAY,GAA0B,CAAC,CAAC;;;;;QAMxC,oBAAe,GAAW,SAAS,CAAC;QACpC,kBAAa,GAAuB,SAAS,CAAC;QAC9C,wBAAmB,GAAuB,SAAS,CAAC;QACpD,4BAAuB,GAAG,KAAK,CAAC;QAEhC,SAAI,GAAW,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC;KA4E5D;IA1EC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACEA,qEAAQ,KAAK,EAAC,QAAQ,IACpBA,kEAAK,KAAK,EAAC,cAAc,IACvBA,kEAAK,KAAK,EAAC,MAAM,IACfA,kEAAK,GAAG,EAAEC,kBAAY,CAAC,4CAA4C,CAAC,EAAE,GAAG,EAAC,QAAQ,GAAG,CACjF,CACF,EAEND,kEAAK,KAAK,EAAC,aAAa,IACtBA,kEAAK,KAAK,EAAC,iBAAiB,qBAAiB,wBAAwB,IACnEA,QAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,wBAAwB,IACrDA,kEAAK,IAAI,EAAC,mBAAmB,cAAc,CAChC,EACbA,iEAAI,IAAI,EAAC,aAAa,IACpBA,wFAA2B,CACxB,CACD,EAENA,kEAAK,KAAK,EAAC,mBAAmB,qBAAiB,kCAAkC,IAC/EA,QAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,0BAA0B,IACvDA,kEAAK,IAAI,EAAC,qBAAqB,kBAAkB,CACtC,EACbA,iEAAI,IAAI,EAAC,eAAe,IACtBA,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC,WAAU,CACnE,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,0BAAyB,CAC1E,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC,cAAa,CAC1E,CACF,CACD,EAENF,kEAAK,KAAK,EAAC,kBAAkB,qBAAiB,yBAAyB,IACrEA,QAAC,UAAU,qDAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,yBAAyB,IACtDA,kEAAK,IAAI,EAAC,oBAAoB,YAAY,CAC/B,EACbA,iEAAI,IAAI,EAAC,cAAc,IACrBA,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,yBAAwB,CAC5E,CACF,CACD,CACF,EAENF,kEAAK,KAAK,EAAC,gBAAgB,IACzBA,kEAAK,KAAK,EAAC,iBAAiB,IAC1BA,kEAAK,KAAK,EAAC,oBAAoB,gBAAY,OAAO,IAChDA,iEAAI,IAAI,EAAC,gBAAgB,IACvBA,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,sBAAsB,CAAC,2BAA0B,CAC3F,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,wBAAuB,CAC3E,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,iBAAiB,CAAC,wBAAuB,CACnF,EACLF,mEACEA,gEAAG,IAAI,EAAEE,qBAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,oBAAoB,CAAC,gCAA+B,CAClG,CACF,CACD,CACF,EACNF,yFAAkB,IAAI,CAAC,IAAI,kIAAkI,CACzJ,CACC,EACT;KACH;;;;;;;","names":["h","getAssetPath","makeURL"],"sources":["src/components/philco-footer/philco-footer.scss?tag=philco-footer&encapsulation=shadow","src/components/philco-footer/philco-footer.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.footer {\n @include standard-font();\n color: $colour-philco-gray-90;\n}\n\nnav {\n width: calc(33.3% - 20px);\n margin: 0;\n padding: 0;\n .heading {\n @include heading-5();\n border-bottom: 1px solid $colour-philco-gray-90;\n padding-bottom: $spacer-2;\n margin-bottom: $spacer-2;\n }\n ul {\n margin: 0;\n padding: 0;\n li {\n margin: 0;\n padding: 0;\n list-style-type: none;\n margin-top: 15px;\n }\n }\n}\n\nnav ul li a {\n color: $colour-philco-gray-90;\n text-decoration: none;\n}\n\n.row-logo {\n background-color: $colour-philco-white;\n padding: 100px $spacer-6 0 $spacer-6;\n img {\n height: 34px;\n }\n}\n\n.row-top {\n // @todo-COM-104: Replace background image below with a black-on-white PhilCo logo\n //background-image: url(/assets/images/biggive-triangle-green.svg);\n background-repeat: no-repeat;\n background-size: auto 75px;\n background-position: $spacer-6 30px;\n background-color: $colour-philco-white;\n padding: 0 $spacer-6 $spacer-6 $spacer-6;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .button-wrap {\n margin-top: $spacer-6;\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n }\n}\n\nfooter .row-bottom {\n background-color: $colour-black;\n color: $colour-philco-white;\n padding: $spacer-6 $spacer-6 $spacer-3 $spacer-6;\n border-top: 1px solid $colour-white;\n\n .postscript-wrap {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n\n @media screen and (max-width: $screen-tablet-max) {\n flex-direction: column;\n }\n }\n\n .nav.nav-postscript {\n text-align: right;\n flex-grow: 1;\n color: $colour-philco-white;\n\n @media screen and (max-width: $screen-tablet-max) {\n text-align: center;\n }\n }\n\n .nav-postscript li {\n display: inline-block;\n margin-left: 1rem;\n\n &:first-child {\n margin-left: 0;\n }\n\n @media screen and (max-width: $screen-tablet-max) {\n display: block;\n width: 100%;\n margin-left: 0;\n }\n\n a {\n color: $colour-philco-white;\n }\n }\n\n .social-icon-wrap {\n border-top: 1px solid $colour-white;\n padding-top: $spacer-4;\n margin-top: $spacer-4;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: $spacer-4;\n\n .social-icon-item {\n margin: 0 $spacer-3;\n }\n }\n\n p {\n text-align: center;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n .row-logo {\n padding-left: $spacer-3 $spacer-3 0 $spacer-3;\n }\n .row-top {\n padding: 0 $spacer-3 $spacer-3 $spacer-3;\n }\n}\n\n@media screen and (max-width: $screen-tablet-max) {\n nav {\n width: 100%;\n margin-right: 0;\n margin-bottom: $spacer-4;\n }\n\n .row-logo {\n padding-top: 80px;\n padding-left: 15px;\n }\n\n .row-top {\n background-size: auto 50px;\n padding-top: 0;\n padding-left: 15px;\n background-position: 15px 30px;\n\n .button-wrap * {\n width: 100% !important;\n }\n }\n}\n","import { Component, Element, getAssetPath, h, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-footer',\n styleUrl: 'philco-footer.scss',\n shadow: true,\n})\nexport class PhilcoFooter {\n @Element() host: HTMLPhilcoFooterElement;\n\n @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 5;\n\n /**\n * URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n * take them as props\n */\n @Prop() donateUrlPrefix: string = 'http://';\n @Prop() blogUrlPrefix: string | undefined = 'http://';\n @Prop() experienceUrlPrefix: string | undefined = 'http://';\n @Prop() smallCharityWeekEnabled = false;\n\n private year: string = new Date().getFullYear().toString();\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <footer class=\"footer\">\n <div class=\"row row-logo\">\n <div class=\"logo\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-black.png')} alt=\"PhilCo\" />\n </div>\n </div>\n\n <div class=\"row row-top\">\n <nav class=\"nav nav-primary\" aria-labelledby=\"footer-primary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-primary-heading\">\n <div slot=\"nav-primary-title\">CONTACT</div>\n </HeadingTag>\n <ul slot=\"nav-primary\">\n <li>PhilCo@biggive.org</li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-secondary\" aria-labelledby=\"footer-secondary-heading-heading\">\n <HeadingTag class=\"heading\" id=\"footer-secondary-heading\">\n <div slot=\"nav-secondary-title\">PHILCO SITE</div>\n </HeadingTag>\n <ul slot=\"nav-secondary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'case-studies')}>Home</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'blog')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'reports-insights')}>Sign Up</a>\n </li>\n </ul>\n </nav>\n\n <nav class=\"nav nav-tertiary\" aria-labelledby=\"footer-tertiary-heading\">\n <HeadingTag class=\"heading\" id=\"footer-tertiary-heading\">\n <div slot=\"nav-tertiary-title\">GUIDE</div>\n </HeadingTag>\n <ul slot=\"nav-tertiary\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'support')}>Download the guide</a>\n </li>\n </ul>\n </nav>\n </div>\n\n <div class=\"row row-bottom\">\n <div class=\"postscript-wrap\">\n <nav class=\"nav nav-postscript\" aria-label=\"Legal\">\n <ul slot=\"nav-postscript\">\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions')}>Terms and Conditions</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy')}>Privacy Statement</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies')}>Cookies Statement</a>\n </li>\n <li>\n <a href={makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences')}>Cookies Preference Centre</a>\n </li>\n </ul>\n </nav>\n </div>\n <p>© 2007 – {this.year} The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom</p>\n </div>\n </footer>\n );\n }\n}\n"],"version":3}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-68d18263.js');
|
|
6
6
|
const helperMethods = require('./helper-methods-83c4873e.js');
|
|
7
7
|
|
|
8
|
-
const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{margin:0;padding:0;box-sizing:border-box;font-family:\"Euclid Triangle\", sans-serif}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}.row-top .nav-secondary{margin-left:auto;display:grid}.row-top .nav-secondary ul{list-style:none;display:inline-flex;margin:auto}.row-top .nav-secondary li{border-right:1px solid #FFFFFF;height:fit-content;padding:0 10px}.row-top .nav-secondary li:last-child{border-right:0;padding-right:0}.row-top .nav-secondary li a{color:#FFFFFF;text-decoration:none}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:
|
|
8
|
+
const philcoMainMenuCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:block !important}:host(.fixed){position:fixed;top:0;left:0;right:0;z-index:10}*{margin:0;padding:0;box-sizing:border-box;font-family:\"Euclid Triangle\", sans-serif}.mobile-only{display:none !important}.row-top{padding:10px 30px;background-color:#2C089B;display:flex;max-height:60px}.row-top .nav-secondary{margin-left:auto;display:grid}.row-top .nav-secondary ul{list-style:none;display:inline-flex;margin:auto}.row-top .nav-secondary li{border-right:1px solid #FFFFFF;height:fit-content;padding:0 10px}.row-top .nav-secondary li:last-child{border-right:0;padding-right:0}.row-top .nav-secondary li a{color:#FFFFFF;text-decoration:none}nav{top:0;left:0;width:100%;height:70px;background:#1d1d1B;z-index:99;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}nav .navbar{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 50px;background-color:#1d1d1B;color:#FFFFFF}nav .navbar .nav-links{line-height:70px;height:100%}nav .navbar .nav-links .sidebar-logo{display:none}nav .navbar .nav-links .links{display:flex}nav .navbar .nav-links .links li{position:relative;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:0 30px}nav .navbar .nav-links .links li a{height:100%;text-decoration:none;white-space:nowrap;color:#FFFFFF;font-size:17px;font-weight:500}nav .navbar .logo{min-width:10px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .logo a{font-size:30px;color:#FFFFFF;text-decoration:none;font-weight:600;display:grid}nav .navbar .logo a img{height:100%;width:100%;object-fit:contain}nav .navbar .bx-menu{display:none}@media (hover: hover){.row-top .nav-secondary li a:hover{border-bottom-color:#FFFFFF;color:#FFFFFF}nav .navbar .nav-links .links li .sub-menu .more:hover .sub-sub-menu{display:block}nav .navbar .nav-links .links li:hover .sub-menu-arrow{transform:rotate(90deg)}nav .navbar .nav-links .links li:hover .sub-menu{display:block;background-color:white}nav .navbar .nav-links .links li:hover .sub-menu .sub-sub-menu{background-color:white}}@media (max-width: 1200px){nav .navbar .logo{min-width:100px;width:100px}nav .navbar .logo img{height:100%;width:100%;object-fit:contain}nav .navbar .nav-links .links li{padding:0 7px}nav .navbar .nav-links .links li a{font-size:15px}nav .navbar .nav-links .links li .sub-menu a{font-size:13px}}@media (max-width: 968px){.mobile-only{display:block !important}.row-top{display:none}nav{height:60px}nav .navbar{padding:0px 25px}nav .navbar .bx-menu{display:block;font-size:25px;color:black}nav .navbar .nav-links{position:fixed;top:0;left:-100%;display:block;max-width:450px;width:100%;background:#1d1d1B;line-height:40px;padding:20px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);transition:all 0.5s ease;z-index:1000;overflow-y:scroll}nav .navbar .nav-links .sidebar-logo{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .sidebar-logo a{display:contents}nav .navbar .nav-links .sidebar-logo a #mobileLogo{width:130px}nav .navbar .nav-links .sidebar-logo #x{margin-right:15px}nav .navbar .nav-links .sidebar-logo i{font-size:25px;color:black}nav .navbar .nav-links .mobile-social-icon-wrap{margin-top:20px}nav .navbar .nav-links .links{display:block;margin-top:20px}nav .navbar .nav-links .links li{display:block;border-bottom:1px solid #e6e6e6}nav .navbar .nav-links .links li a{width:100%;display:block}nav .navbar .nav-links .links li .sub-menu{position:relative;top:0;box-shadow:none;display:none}nav .navbar .nav-links .links li .sub-menu li{border-bottom:none}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu{display:none;position:relative;left:0}nav .navbar .nav-links .links li .sub-menu .sub-sub-menu li{display:flex;align-items:center;justify-content:space-between}nav .navbar .nav-links .links li .sub-menu .more span{display:flex;align-items:center}nav .navbar .nav-links .links li .sub-menu .more .sub-sub-menu.display-sub-menu{position:initial}}@media (max-width: 968px) and (max-width: 370px){nav .navbar .nav-links{max-width:100%}}.display-sub-menu,.display-sub-menu li{display:block !important}#nav-primary .display-sub-menu,#nav-primary .display-sub-menu li{background-color:white}.sub-menu-main{position:absolute;top:20px;left:0;line-height:40px;border-radius:0 0 4px 4px;display:none;background-color:#2C089B;z-index:2}.sub-menu-main li{border-right:none !important;padding:0 22px;display:none}@media (max-width: 968px){.sub-menu-main{position:static !important;background:none}}.arrow{margin-left:5px;text-align:center;display:inline-block;color:black;transition:all 0.3s ease}.arrow.transform-90{transform:rotate(90deg)}.nav-secondary li{position:relative !important}.nav-secondary li:hover .sub-menu-arrow{transform:rotate(90deg)}.nav-secondary li:hover .sub-menu-main{display:block}.nav-secondary li:hover .sub-menu-main li{display:block}";
|
|
9
9
|
const PhilcoMainMenuStyle0 = philcoMainMenuCss;
|
|
10
10
|
|
|
11
11
|
const PhilcoMainMenu = class {
|
|
@@ -52,7 +52,7 @@ const PhilcoMainMenu = class {
|
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
54
|
const homePageLink = '/';
|
|
55
|
-
return (index.h(index.Host, { key: '
|
|
55
|
+
return (index.h(index.Host, { key: 'dfaf567c4cf975ffa648027f117ed37368c2a599' }, index.h("nav", { key: '3f207d5cb97a2f7cc9ec04d70937bbad188040e9', role: "navigation", "aria-label": "Main Menu" }, index.h("div", { key: '512335c613ccb9861894239073703f8cd835035b', class: "navbar" }, index.h("div", { key: 'e77621066dbe99c2f2f54a362021dd7c724147c9', class: "logo" }, index.h("a", { key: '52ae2d87bb05bbe8166959ab415a1c7d6d3fb2d7', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }, index.h("img", { key: 'ad01ab9f3e07bb213f37e49adf620ceb07945849', src: index.getAssetPath('/assets/images/philco/Philcologo-white.png'), alt: "PhilCo" }))), index.h("biggive-misc-icon", { key: '7f8af07cada83356f6cea9b236ecdc6840589daa', class: "bx bx-menu", "background-colour": "transparent", "icon-colour": "white", icon: "MenuOpen", onClick: this.openMobileMenu }), index.h("div", { key: 'eeb8dc9cc6a561fdb6767cd7effa6dddd03662fd', class: "nav-links" }, index.h("div", { key: '985e720f25c7befe73ee38af7273707387a6f13b', class: "sidebar-logo" }, index.h("a", { key: '2240f55511052112230f0fe41bf8b06ea7f50d3c', href: this.philcoUrlPrefix + homePageLink, "aria-label": "Home" }), index.h("biggive-misc-icon", { key: '92c34e6c68dde23b2a4c03f7b263b30ee7935d74', class: "bx bx-x", "background-colour": "transparent", "icon-colour": "white", icon: "MenuClose", onClick: this.closeMobileMenu })), index.h("div", { key: '7ce7c592ddd932cf4436af45522972413d79ed37', id: "nav-primary" }, index.h("ul", { key: '6f705bd18df36904b0ddabcdc9011eb4987ee424', class: "links", slot: "nav-primary" }, index.h("li", { key: 'e5a31d5d8f6b0b7a1abd16540993a7c4126dce59' }, index.h("a", { key: 'd70ea9d9935dfa41eaa5ac6bcd13a859cb0ee80b', href: helperMethods.makeURL('Donate', this.philcoUrlPrefix, 'explore') }, "Why become a Philco")), index.h("li", { key: 'afa5370ba1b2a3cd914a63a08f6742a64195787b' }, index.h("a", { key: 'e08e379b1c0dd7fee704f4c787474c627ecdf0c3', href: helperMethods.makeURL('Blog', this.philcoUrlPrefix, 'charities') }, "News")), index.h("li", { key: 'c58bf99bdec4c7028a3717289fcda7d4d58d7476' }, index.h("a", { key: 'a789575b3bfd1e9d51fea3914a2fc94ea30e021a', href: helperMethods.makeURL('Blog', this.philcoUrlPrefix, 'funders') }, "Sign up")))))))));
|
|
56
56
|
}
|
|
57
57
|
get host() { return index.getElement(this); }
|
|
58
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"philco-main-menu.entry.cjs.js","mappings":"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","names":["h","Host","makeURL"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Euclid Triangle', sans-serif;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n\n\n .nav-secondary {\n margin-left: auto;\n display: grid;\n\n ul {\n list-style: none;\n display: inline-flex;\n margin: auto;\n }\n\n li {\n border-right: 1px solid $colour-white;\n height: fit-content;\n padding: 0 10px;\n\n &:last-child {\n border-right: 0;\n padding-right: 0;\n }\n\n a {\n color: $colour-white;\n text-decoration: none;\n }\n }\n }\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 180px;\n width: 180px;\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (hover: hover) {\n /* when hover is supported */\n .row-top {\n .nav-secondary {\n li {\n a {\n &:hover {\n border-bottom-color: $colour-white;\n color: $colour-white;\n }\n }\n }\n }\n }\n\n nav {\n .navbar {\n .nav-links {\n .links {\n li {\n .sub-menu {\n .more {\n &:hover {\n .sub-sub-menu {\n display: block;\n }\n }\n }\n }\n\n &:hover {\n .sub-menu-arrow {\n transform: rotate(90deg);\n }\n\n .sub-menu {\n display: block;\n background-color: white;\n\n .sub-sub-menu {\n background-color: white;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 120px;\n width: 120px;\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n .sub-menu {\n a {\n font-size: 13px;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n\n .sub-menu {\n position: relative;\n top: 0;\n box-shadow: none;\n display: none;\n\n li {\n border-bottom: none;\n }\n\n .sub-sub-menu {\n display: none;\n position: relative;\n left: 0;\n\n li {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n }\n\n .more {\n span {\n display: flex;\n align-items: center;\n }\n\n .sub-sub-menu {\n &.display-sub-menu {\n position: initial;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.display-sub-menu, .display-sub-menu li {\n display: block !important;\n}\n\n#nav-primary .display-sub-menu, #nav-primary .display-sub-menu li {\n background-color: white;\n}\n\n\n.sub-menu-main {\n position: absolute;\n top: $upper-nav-height-desktop;\n left: 0;\n line-height: 40px;\n border-radius: 0 0 4px 4px;\n display: none;\n background-color: $colour-primary-blue;\n z-index: 2;\n\n li {\n border-right: none !important;\n padding: 0 22px;\n display: none;\n }\n\n @media (max-width: $screen-large) {\n position: static !important;\n background: none;\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n\n.nav-secondary li {\n position: relative !important;\n &:hover {\n .sub-menu-arrow {\n transform: rotate(90deg);\n }\n\n .sub-menu-main {\n display: block;\n li {\n display: block;\n }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n private lastScrollHeight = 0;\n\n @Element() host: HTMLPhilcoMainMenuElement;\n\n // URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n // take them as props. But somehow on first render the prop passed in doesn't seem to be used, so the defaults\n // below are the values currently used in our prod site. They should be replaced by other values in other\n // environments.\n @Prop() philcoUrlPrefix: string;\n\n @Event({\n eventName: 'logoutClicked',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n logoutClicked: EventEmitter<void>;\n\n @Method()\n async closeMobileMenuFromOutside() {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n }\n\n private openMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '0';\n };\n\n private closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n private setHeaderSize() {\n if (this.host.scrollHeight === this.lastScrollHeight) {\n // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n // relevant changed.\n return;\n }\n\n this.lastScrollHeight = this.host.scrollHeight;\n\n // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset\n // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use\n // this body padding workaround, we need a safe maximum value, currently 130px, beyond which\n // we will never further displace the main content.\n // (Possibly scrollHeight could have the same issue, not tested.)\n // We have also seen intermittent scrolling scenarios where `scrollHeight` is spuriously less than 60px,\n // maybe related to browsers / OSes with \"overscroll\" features. So we also now set a fixed minimum of 60px.\n const scrollHeight = isNaN(this.host.scrollHeight) ? 60 : Math.max(60, this.host.scrollHeight);\n\n document.body.style.paddingTop = Math.min(130, scrollHeight).toString() + 'px';\n }\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n window.addEventListener('resize', () => {\n this.setHeaderSize();\n });\n this.setHeaderSize();\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n PhilC\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuClose\" onClick={this.closeMobileMenu}></biggive-misc-icon>\n </div>\n <div id=\"nav-primary\">\n <ul class=\"links\" slot=\"nav-primary\">\n <li>\n <a href={makeURL('Donate', this.philcoUrlPrefix, 'explore')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.philcoUrlPrefix, 'charities')}>News</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.philcoUrlPrefix, 'funders')}>Sign up</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"philco-main-menu.entry.cjs.js","mappings":"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","names":["h","Host","getAssetPath","makeURL"],"sources":["src/components/philco-main-menu/philco-main-menu.scss?tag=philco-main-menu&encapsulation=shadow","src/components/philco-main-menu/philco-main-menu.tsx"],"sourcesContent":[":host {\n display: block !important;\n}\n\n:host(.fixed) {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 10;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Euclid Triangle', sans-serif;\n}\n\n\n.mobile-only {\n display: none !important;\n}\n\n.row-top {\n padding: $spacer-2 $spacer-4;\n background-color: $colour-primary-blue;\n display: flex;\n max-height: $icon-size-large + 2 * $spacer-2;\n\n\n .nav-secondary {\n margin-left: auto;\n display: grid;\n\n ul {\n list-style: none;\n display: inline-flex;\n margin: auto;\n }\n\n li {\n border-right: 1px solid $colour-white;\n height: fit-content;\n padding: 0 10px;\n\n &:last-child {\n border-right: 0;\n padding-right: 0;\n }\n\n a {\n color: $colour-white;\n text-decoration: none;\n }\n }\n }\n}\n\nnav {\n top: 0;\n left: 0;\n width: 100%;\n height: $nav-height-desktop;\n background: $colour-philco-gray-90;\n z-index: 99;\n box-shadow: 0 1px 2px rgb(0 0 0 / 20%);\n\n .navbar {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: auto;\n padding: 0 50px;\n background-color: $colour-philco-gray-90;\n color: $colour-philco-white;\n\n .nav-links {\n line-height: $nav-height-desktop;\n height: 100%;\n\n .sidebar-logo {\n display: none;\n }\n\n .links {\n display: flex;\n\n li {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n padding: 0 30px;\n\n a {\n height: 100%;\n text-decoration: none;\n white-space: nowrap;\n color: $colour-philco-white;\n font-size: 17px;\n font-weight: 500;\n }\n }\n }\n }\n\n .logo {\n min-width: 10px;\n width: 100px;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n a {\n font-size: 30px;\n color: $colour-philco-white;\n text-decoration: none;\n font-weight: 600;\n display: grid;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n }\n\n .bx-menu {\n display: none;\n }\n }\n}\n\n@media (hover: hover) {\n /* when hover is supported */\n .row-top {\n .nav-secondary {\n li {\n a {\n &:hover {\n border-bottom-color: $colour-white;\n color: $colour-white;\n }\n }\n }\n }\n }\n\n nav {\n .navbar {\n .nav-links {\n .links {\n li {\n .sub-menu {\n .more {\n &:hover {\n .sub-sub-menu {\n display: block;\n }\n }\n }\n }\n\n &:hover {\n .sub-menu-arrow {\n transform: rotate(90deg);\n }\n\n .sub-menu {\n display: block;\n background-color: white;\n\n .sub-sub-menu {\n background-color: white;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: 1200px) {\n nav {\n .navbar {\n .logo {\n min-width: 100px;\n width: 100px;\n img {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n }\n\n .nav-links {\n .links {\n li {\n padding: 0 7px;\n\n a {\n font-size: 15px;\n }\n\n .sub-menu {\n a {\n font-size: 13px;\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media (max-width: $screen-large) {\n .mobile-only {\n display: block !important;\n }\n\n .row-top {\n display: none;\n }\n\n nav {\n height: 60px;\n .navbar {\n padding: 0px 25px;\n .bx-menu {\n display: block;\n font-size: 25px;\n color: black;\n }\n\n .nav-links {\n position: fixed;\n top: 0;\n left: -100%;\n display: block;\n max-width: 450px;\n width: 100%;\n background: $colour-philco-gray-90;\n line-height: 40px;\n padding: 20px;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.5s ease;\n z-index: 1000;\n overflow-y: scroll;\n\n .sidebar-logo {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n a {\n display: contents;\n\n #mobileLogo {\n width: 130px;\n }\n\n }\n\n #x {\n margin-right: 15px;\n }\n\n i {\n font-size: 25px;\n color: black;\n }\n }\n\n .mobile-social-icon-wrap {\n margin-top: 20px;\n }\n\n .links {\n display: block;\n margin-top: 20px;\n\n li {\n display: block;\n border-bottom: 1px solid #e6e6e6;\n\n a {\n width: 100%;\n display: block;\n }\n\n .sub-menu {\n position: relative;\n top: 0;\n box-shadow: none;\n display: none;\n\n li {\n border-bottom: none;\n }\n\n .sub-sub-menu {\n display: none;\n position: relative;\n left: 0;\n\n li {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n }\n\n .more {\n span {\n display: flex;\n align-items: center;\n }\n\n .sub-sub-menu {\n &.display-sub-menu {\n position: initial;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 370px) {\n nav .navbar .nav-links {\n max-width: 100%;\n }\n }\n}\n\n.display-sub-menu, .display-sub-menu li {\n display: block !important;\n}\n\n#nav-primary .display-sub-menu, #nav-primary .display-sub-menu li {\n background-color: white;\n}\n\n\n.sub-menu-main {\n position: absolute;\n top: $upper-nav-height-desktop;\n left: 0;\n line-height: 40px;\n border-radius: 0 0 4px 4px;\n display: none;\n background-color: $colour-primary-blue;\n z-index: 2;\n\n li {\n border-right: none !important;\n padding: 0 22px;\n display: none;\n }\n\n @media (max-width: $screen-large) {\n position: static !important;\n background: none;\n }\n}\n\n.arrow {\n margin-left: 5px;\n text-align: center;\n display: inline-block;\n color: black;\n transition: all 0.3s ease;\n\n &.transform-90 {\n transform: rotate(90deg);\n }\n}\n\n.nav-secondary li {\n position: relative !important;\n &:hover {\n .sub-menu-arrow {\n transform: rotate(90deg);\n }\n\n .sub-menu-main {\n display: block;\n li {\n display: block;\n }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, getAssetPath, h, Host, Method, Prop } from '@stencil/core';\nimport { makeURL } from '../../util/helper-methods';\n\n@Component({\n tag: 'philco-main-menu',\n styleUrl: 'philco-main-menu.scss',\n shadow: true,\n})\nexport class PhilcoMainMenu {\n private lastScrollHeight = 0;\n\n @Element() host: HTMLPhilcoMainMenuElement;\n\n // URL prefixes vary by environment, and components library is not best placed to know what they are, so we\n // take them as props. But somehow on first render the prop passed in doesn't seem to be used, so the defaults\n // below are the values currently used in our prod site. They should be replaced by other values in other\n // environments.\n @Prop() philcoUrlPrefix: string;\n\n @Event({\n eventName: 'logoutClicked',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n logoutClicked: EventEmitter<void>;\n\n @Method()\n async closeMobileMenuFromOutside() {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n }\n\n private openMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '0';\n };\n\n private closeMobileMenu = () => {\n const mobileMenu = this.host.shadowRoot!.querySelector<HTMLElement>('.nav-links');\n mobileMenu!.style.left = '-100%';\n };\n\n private setHeaderSize() {\n if (this.host.scrollHeight === this.lastScrollHeight) {\n // Some browsers fire 'resize' overzealously on scroll; we don't want to cause extra paints if nothing\n // relevant changed.\n return;\n }\n\n this.lastScrollHeight = this.host.scrollHeight;\n\n // Some resize edge cases lead Firefox, and maybe others, to go haywire and get a host offset\n // height of millions of pixels, presumably due to a layout logic loop. So for as long as we use\n // this body padding workaround, we need a safe maximum value, currently 130px, beyond which\n // we will never further displace the main content.\n // (Possibly scrollHeight could have the same issue, not tested.)\n // We have also seen intermittent scrolling scenarios where `scrollHeight` is spuriously less than 60px,\n // maybe related to browsers / OSes with \"overscroll\" features. So we also now set a fixed minimum of 60px.\n const scrollHeight = isNaN(this.host.scrollHeight) ? 60 : Math.max(60, this.host.scrollHeight);\n\n document.body.style.paddingTop = Math.min(130, scrollHeight).toString() + 'px';\n }\n\n componentDidLoad() {\n this.host.classList.add('fixed');\n window.addEventListener('resize', () => {\n this.setHeaderSize();\n });\n this.setHeaderSize();\n }\n\n render() {\n const homePageLink = '/';\n\n return (\n <Host>\n <nav role=\"navigation\" aria-label=\"Main Menu\">\n <div class=\"navbar\">\n <div class=\"logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\">\n <img src={getAssetPath('/assets/images/philco/Philcologo-white.png')} alt=\"PhilCo\" />\n </a>\n </div>\n <biggive-misc-icon class=\"bx bx-menu\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuOpen\" onClick={this.openMobileMenu}></biggive-misc-icon>\n <div class=\"nav-links\">\n <div class=\"sidebar-logo\">\n <a href={this.philcoUrlPrefix + homePageLink} aria-label=\"Home\"></a>\n <biggive-misc-icon class=\"bx bx-x\" background-colour=\"transparent\" icon-colour=\"white\" icon=\"MenuClose\" onClick={this.closeMobileMenu}></biggive-misc-icon>\n </div>\n <div id=\"nav-primary\">\n <ul class=\"links\" slot=\"nav-primary\">\n <li>\n <a href={makeURL('Donate', this.philcoUrlPrefix, 'explore')}>Why become a Philco</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.philcoUrlPrefix, 'charities')}>News</a>\n </li>\n <li>\n <a href={makeURL('Blog', this.philcoUrlPrefix, 'funders')}>Sign up</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
Binary file
|
|
Binary file
|
|
@@ -52,12 +52,20 @@ nav ul li a {
|
|
|
52
52
|
text-decoration: none;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
+
.row-logo {
|
|
56
|
+
background-color: #FFFFFF;
|
|
57
|
+
padding: 100px 60px 0 60px;
|
|
58
|
+
}
|
|
59
|
+
.row-logo img {
|
|
60
|
+
height: 34px;
|
|
61
|
+
}
|
|
62
|
+
|
|
55
63
|
.row-top {
|
|
56
64
|
background-repeat: no-repeat;
|
|
57
65
|
background-size: auto 75px;
|
|
58
66
|
background-position: 60px 30px;
|
|
59
67
|
background-color: #FFFFFF;
|
|
60
|
-
padding:
|
|
68
|
+
padding: 0 60px 60px 60px;
|
|
61
69
|
display: flex;
|
|
62
70
|
flex-wrap: wrap;
|
|
63
71
|
justify-content: space-between;
|
|
@@ -76,9 +84,6 @@ footer .row-bottom {
|
|
|
76
84
|
padding: 60px 60px 15px 60px;
|
|
77
85
|
border-top: 1px solid #FFFFFF;
|
|
78
86
|
}
|
|
79
|
-
footer .row-bottom .fr-logo {
|
|
80
|
-
width: 135px;
|
|
81
|
-
}
|
|
82
87
|
footer .row-bottom .postscript-wrap {
|
|
83
88
|
display: flex;
|
|
84
89
|
flex-wrap: wrap;
|
|
@@ -134,8 +139,11 @@ footer .row-bottom p {
|
|
|
134
139
|
}
|
|
135
140
|
|
|
136
141
|
@media screen and (max-width: 768px) {
|
|
142
|
+
.row-logo {
|
|
143
|
+
padding-left: 15px 15px 0 15px;
|
|
144
|
+
}
|
|
137
145
|
.row-top {
|
|
138
|
-
padding: 15px;
|
|
146
|
+
padding: 0 15px 15px 15px;
|
|
139
147
|
}
|
|
140
148
|
}
|
|
141
149
|
@media screen and (max-width: 768px) {
|
|
@@ -144,9 +152,13 @@ footer .row-bottom p {
|
|
|
144
152
|
margin-right: 0;
|
|
145
153
|
margin-bottom: 30px;
|
|
146
154
|
}
|
|
155
|
+
.row-logo {
|
|
156
|
+
padding-top: 80px;
|
|
157
|
+
padding-left: 15px;
|
|
158
|
+
}
|
|
147
159
|
.row-top {
|
|
148
160
|
background-size: auto 50px;
|
|
149
|
-
padding-top:
|
|
161
|
+
padding-top: 0;
|
|
150
162
|
padding-left: 15px;
|
|
151
163
|
background-position: 15px 30px;
|
|
152
164
|
}
|
|
@@ -15,7 +15,7 @@ export class PhilcoFooter {
|
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
17
|
const HeadingTag = `h${this.headingLevel}`;
|
|
18
|
-
return (h("footer", { key: '603778fd1fdb8c79ddbcd3fcac141dd23bb3332c', class: "footer" }, h("div", { key: '
|
|
18
|
+
return (h("footer", { key: '603778fd1fdb8c79ddbcd3fcac141dd23bb3332c', class: "footer" }, h("div", { key: '83fd537c0485731910e3677eeccba716d6f7e542', class: "row row-logo" }, h("div", { key: 'dd74a28d46a1a962aaed5f7f5366912b916dd5d5', class: "logo" }, h("img", { key: '64f2b6f1797d5267c86ed51db8d538bbf425881e', src: getAssetPath('/assets/images/philco/Philcologo-black.png'), alt: "PhilCo" }))), h("div", { key: '460c339fbc48e3caba8f6e25725e9775b6e5fed1', class: "row row-top" }, h("nav", { key: '9559de67c1d424f9db9ab6ce8b2e92bd795f629b', class: "nav nav-primary", "aria-labelledby": "footer-primary-heading" }, h(HeadingTag, { key: '8148d992983775e01193ca10d967baeceef666fa', class: "heading", id: "footer-primary-heading" }, h("div", { key: '76176fa90f5ef35aa8f6a963f5d04badfc165dca', slot: "nav-primary-title" }, "CONTACT")), h("ul", { key: '67c171ecedc61d7930cbe90170502d82764c021d', slot: "nav-primary" }, h("li", { key: '4ae554cd3aa8f766c7f848828c410f52f90aaea9' }, "PhilCo@biggive.org"))), h("nav", { key: '4c8d33ff04dda47ce59ccc31d3626b9724c6f815', class: "nav nav-secondary", "aria-labelledby": "footer-secondary-heading-heading" }, h(HeadingTag, { key: '6f7aceddf312a73cd3bc5d535b8e30efbb89a0fa', class: "heading", id: "footer-secondary-heading" }, h("div", { key: '702157c9b28899b75b2f549b4a6c7b3455ae0499', slot: "nav-secondary-title" }, "PHILCO SITE")), h("ul", { key: 'df7876611b24b4ae61dc081e21a1ca158287be0e', slot: "nav-secondary" }, h("li", { key: '34ce0031380f1cf4a6a166c45329b7fb54534715' }, h("a", { key: '04f06b85eaad8e70d2e22c46d5c842690c59b0bc', href: makeURL('Blog', this.blogUrlPrefix, 'case-studies') }, "Home")), h("li", { key: '4dd35e2bad752d35855631ed3168b6fd3f7c507f' }, h("a", { key: 'dad39d3e196f34f0ab6d44279eec826b9242d2ff', href: makeURL('Blog', this.blogUrlPrefix, 'blog') }, "Why become a Philco")), h("li", { key: 'a43d2b1fa38be2572d31a60c4918120942998d2e' }, h("a", { key: '6c51f6f4ceab18dbd9227d64a4f6d64c23cf4276', href: makeURL('Blog', this.blogUrlPrefix, 'reports-insights') }, "Sign Up")))), h("nav", { key: 'ed296f19a3b2c409563db1517ab975b6fe22c7e2', class: "nav nav-tertiary", "aria-labelledby": "footer-tertiary-heading" }, h(HeadingTag, { key: 'a61125fcb89eee1958e5198e8c780bd53918d831', class: "heading", id: "footer-tertiary-heading" }, h("div", { key: '7b2f9e571585a94bfa03bf3eea2dbbb400bf1998', slot: "nav-tertiary-title" }, "GUIDE")), h("ul", { key: '948d9f50f6c184857be15c572993f50441a22b57', slot: "nav-tertiary" }, h("li", { key: 'a3518beed0ff339a38102cf0e11639b205d510a4' }, h("a", { key: '8079164fba0a6f04e1cb269386c06c23900643c3', href: makeURL('Blog', this.blogUrlPrefix, 'support') }, "Download the guide"))))), h("div", { key: '8bf4ebd293d8ad7131eb4f39aac5adad57814832', class: "row row-bottom" }, h("div", { key: '4838c35fab35e28f58f839074c4fb24b9767e7f8', class: "postscript-wrap" }, h("nav", { key: '81041fced7f62b0f47647019b2a7c2e46daf7e3d', class: "nav nav-postscript", "aria-label": "Legal" }, h("ul", { key: 'f1eb4d1636bf4f7e02f7d2010ebc9c698a852571', slot: "nav-postscript" }, h("li", { key: '11ae0488581d906a1a4966dbc1aa79ffebd7455c' }, h("a", { key: '727a42caf6711553bf71882cfe871042870df52f', href: makeURL('Blog', this.blogUrlPrefix, 'terms-and-conditions') }, "Terms and Conditions")), h("li", { key: '6f74505bf8f556c3f626a023aa93ed929763ca22' }, h("a", { key: 'a3923461830a3a4f12213ae274c1b32b477504e8', href: makeURL('Blog', this.blogUrlPrefix, 'privacy') }, "Privacy Statement")), h("li", { key: '9aa85f378502afc0b7814e4145d7a5982ca9fa8d' }, h("a", { key: 'a1f6dccc150a4958239412dc09715ffcf17ccbe4', href: makeURL('Blog', this.blogUrlPrefix, 'privacy#cookies') }, "Cookies Statement")), h("li", { key: '61c47baa1a0bd326b9aefae9428b939c10bcb552' }, h("a", { key: 'f81b7cf2c15e000855f4efeccff3de0f92867193', href: makeURL('Donate', this.donateUrlPrefix, 'cookie-preferences') }, "Cookies Preference Centre"))))), h("p", { key: 'ff1592cb508822da640aaed28c36e41d9ba5be91' }, "\u00A9 2007 \u2013 ", this.year, " The Big Give Trust (1136547) | Company number 07273065 | Dragon Court, 27-29 Macklin Street, London WC2B 5LX, United Kingdom"))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "philco-footer"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|