1<!DOCTYPE html> 2<html lang="en" class="scroll-smooth"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 8 9 <link rel="apple-touch-icon" sizes="180x180" href="/foundation/apple-touch-icon.png" /> 10 <link rel="icon" type="image/png" href="/foundation/favicon-96x96.png" sizes="96x96" /> 11 <link rel="icon" type="image/svg+xml" href="/foundation/favicon.svg" /> 12 <link rel="shortcut icon" href="/foundation/favicon.ico" /> 13 <link rel="manifest" href="/foundation/site.webmanifest" /> 14 15 16 <style> 17 :root { 18 --color-brand-primary: 100, 149, 121; 19 --color-brand-primary-hovered: 100, 149, 121; 20 --color-brand-secondary: 100, 149, 121; 21 22 23 --color-navigation-background: 255, 255, 255; 24 --color-navigation-border: 100, 149, 121; 25 --color-navigation-text: 12, 77, 97; 26 --color-navigation-hover: 12, 77, 97; 27 --color-navigation-search-background: 255, 255, 255; 28 29 30 --color-mega-menu-background: 255, 255, 255; 31 --color-mega-menu-background-mobile: 255, 255, 255; 32 --color-mega-menu-separator: 100, 149, 121; 33 --color-mega-menu-separator-mobile: 235, 233, 230; 34 --color-mega-menu-text: 12, 77, 97; 35 --color-mega-menu-text-mobile: 102, 102, 93; 36 --color-mega-menu-background-hover: 12, 77, 97; 37 --color-mega-menu-text-hover: 12, 77, 97; 38 --color-mega-menu-featured-heading: 34, 34, 33; 39 --color-mega-menu-featured-body: 34, 34, 33; 40 --color-mega-menu-featured-button: 100, 149, 121; 41 --color-mega-menu-mobile-footer-background: 102, 102, 93; 42 --color-mega-menu-mobile-footer-text: 255, 255, 255; 43 --color-mega-menu-footer-separator-mobile: 125, 125, 117; 44 45 46 --color-hamburger-inactive: 100, 149, 121; 47 --color-hamburger-inactive-background: 0, 0, 0; 48 --color-hamburger-active: 100, 149, 121; 49 50 51 --color-footer-background: 12, 77, 97; 52 --color-footer-heading: 100, 149, 121; 53 --color-footer-text: 255, 255, 255; 54 --color-footer-social-icons: 255, 255, 255; 55 --color-footer-regulatory-text: 100, 149, 121; 56 --color-footer-border: 100, 149, 121; 57 } 58 </style> 59 <link rel="preconnect" href="https://player.vimeo.com" crossorigin> 60 61 62 <title>News | Pelorus Foundation</title> 63 <link rel="canonical" href="https://pelorusfoundation.org/news"> 64 <meta property="og:url" content="https://pelorusfoundation.org/news"> 65 <link rel='alternate' href="https://pelorusfoundation.org/news" hreflang="en-GB" > 66<link rel="shortcut icon" href="https://dx466kr41l2b.cloudfront.net/images/seo/pelorus-foundation-icon-website-global-logo-rgb.png"> 67 <meta property="og:site_name" content="Pelorus Foundation"> 68 <meta property="og:title" content="News | Pelorus Foundation"> 69 <meta property="og:description" content=""> 70 <meta property="og:type" content="website"> 71 <meta property="og:locale" content="en-GB"> 72 <meta name="twitter:card" content="summary">
73<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://dx466kr41l2b.cloudfront.net/images/seo/pelorus-foundation-master-identity-rgb-global-logo.png","width":1791,"height":527},"@id":"https://pelorusfoundation.org#site-owner","url":"https://pelorusfoundation.org","sameAs":["https://www.linkedin.com/company/pelorusfoundation/","https://www.instagram.com/pelorusfoundation","https://www.facebook.com/pelorusfoundation/","https://x.com/PelorusF"]},{"@type":"WebSite","url":"https://pelorusfoundation.org","publisher":{"@id":"https://pelorusfoundation.org#site-owner"},"@id":"https://pelorusfoundation.org#website","name":"Pelorus Foundation"},{"@type":"WebPage","@id":"https://pelorusfoundation.org#web_page","url":"https://pelorusfoundation.org/news","name":"News | Pelorus Foundation","isPartOf":{"@id":"https://pelorusfoundation.org#website"},"inLanguage":"en-GB","datePublished":"2025-03-27T00:00:00+00:00","dateModified":"2025-03-27T00:00:00+00:00","breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Thing","name":"Home","id":"https://pelorusfoundation.org"}},{"@type":"ListItem","position":2,"item":{"@type":"Thing","name":"News","id":"https://pelorusfoundation.org/news"}}]}}]}</script>
73 74 75 <link rel="preload" as="style" href="https://pelorusfoundation.org/build/assets/site-b9e849f2.css" /><link rel="modulepreload" href="https://pelorusfoundation.org/build/assets/site-b82fb1c6.js" /><link rel="stylesheet" href="https://pelorusfoundation.org/build/assets/site-b9e849f2.css" />
75<script type="module" src="https://pelorusfoundation.org/build/assets/site-b82fb1c6.js"></script>
75 76
76<script src="/vendor/statamic/frontend/js/helpers.js"></script>
76 77 <!-- Google Tag Manager -->
78<script>
vendor: 327 bytes, lines 78-82
78(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 79new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 80j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 81'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 82})(window,document,'script','dataLayer','
82GTM-NJJ6HBQ
vendor: 3 bytes, line 82
82');
82</script>
82 83<!-- End Google Tag Manager --> 84 85<!-- Cookie Script -->
86<script type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/ea49a88d5e033cbd084b4ecf869ea412.js"></script>
86 87<!-- End Cookie Script --> 88
88<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
88 89 90
90<script> 91 window.countryCode = 'gb' 92 window.captcha = { 93 service: 'Turnstile', 94 sitekey: '0x4AAAAAAAR3bZYdYkKaUplE', 95 } 96 </script>
96 97 </head> 98 <body 99 data-site-handle="foundation_gb" 100 class="flex flex-col lg:min-h-screen antialiased bg-fixed bg-center bg-cover " 101 style=" 102 background-color: #ffffff; 103 104 " 105 > 106 107 108 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 108-109
108 109<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
109GTM-NJJ6HBQ
vendor: 83 bytes, lines 109-110
109" 110height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
111<!-- End Google Tag Manager (noscript) --> 112 113 <!-- /layout/_header.antlers.html --> 114<header 115 class="pelorus-header-container" 116 x-data='{ 117 scrolled: false, 118 handleScroll() { 119 this.scrolled = window.scrollY > 0; 120 }, 121 height: 0, 122 recalculateHeight() { 123 this.height = this.$refs.header ? this.$refs.header.offsetHeight : 0; 124 this.$store.headerState.height = this.height; 125 }, 126 init() { 127 this.handleScroll(); 128 this.recalculateHeight(); 129 130 this.$watch("scrolled", () => this.$nextTick(() => this.recalculateHeight())); 131 132 // Header height changes whenever the nav opens/closes (mega menu, 133 // mobile menu, search etc), not just on scroll â track it directly. 134 new ResizeObserver(() => this.recalculateHeight()).observe(this.$refs.header); 135 } 136 }' 137 x-on:scroll.window.passive='handleScroll' 138> 139 <nav 140 id="header" 141 class="fixed inset-x-0 top-0 w-full z-[999] font-montserrat isolate" 142 x-ref="header" 143 > 144 145 <!-- /layout/_header-mobile.antlers.html --> 146 147<div 148 name="header-mobile" 149 class="flex items-center justify-between px-6 py-4 shadow-xl lg:hidden" 150 style="background-color: #ffffff;" 151 x-data='{ 152 open: false, 153 navData: [ 154 155 { 156 id: "e9057a12-e7f8-444c-95f1-f8b38afc3b85", 157 title: "What we do", 158 url: "/what-we-do", 159 featured: [ 160 161 { 162 id: "m5y3igiq", 163 title: "Protecting the Most Endangered Rhino", 164 description: "There are less than 80 Javan Rhinos left. Learn how you can protect a species from extinction.", 165 link: "https://pelorusfoundation.org/projects/most-endangered-javan-rhino", 166 }, 167 168 { 169 id: "m5y1q0qj",
170 title: "Protecting Pangolins", 171 description: "Our project helping protect endangered pangolins in Southern Africa.", 172 link: "/projects/protecting-pangolins-southern-africa", 173 }, 174 175 { 176 id: "m5y1s1by", 177 title: "Sequestering Soil Carbon", 178 description: "Find out about our soil carbon sequestration project in Mongolia.", 179 link: "/projects/sequestering-soil-carbon", 180 }, 181 182 ], 183 children: [ 184 185 { 186 id: "b69eb589-1ee0-4fc1-bec1-916dba51c9e8", 187 title: "View all Projects", 188 url: "/projects", 189 featured: [ 190 191 ], 192 children: [ 193 194 ] 195 }, 196 197 { 198 id: "7a4ea802-64d7-4989-9fc8-41e2f5b11035", 199 title: "Regenerating Land and Forests", 200 url: "/projects/regenerating-land-and-forests", 201 featured: [ 202 203 { 204 id: "m6506oa0", 205 title: "Scaling Agroforestry", 206 description: "Find out about this carbon removal method that captures carbon from a food forest.", 207 link: "https://pelorusfoundation.org/projects/scaling-agroforestry", 208 }, 209 210 ], 211 children: [ 212 213 { 214 id: "f16e9335-2c05-45af-9bc2-791e0a9db0b3", 215 title: "Sequestering Soil Carbon in Mongolia", 216 url: "/projects/sequestering-soil-carbon", 217 featured: [ 218 219 ], 220 children: [ 221 222 ] 223 }, 224 225 { 226 id: "13dfc6e4-c548-4724-83aa-7be3636e7aaa", 227 title: "Mangrove Blue Carbon in Kenya", 228 url: "/projects/planting-mangroves", 229 featured: [ 230 231 ], 232 children: [ 233 234 ] 235 }, 236 237 { 238 id: "747b6184-347e-47a0-b69e-9b66a2d37f6f", 239 title: "Scaling Agroforestry", 240 url: "/projects/scaling-agroforestry", 241 featured: [ 242 243 ], 244 children: [ 245 246 ] 247 }, 248 249 { 250 id: "dd5ffb8a-2fe7-4e1f-a537-4eec6d24af75", 251 title: "Enhancing Rock Weathering", 252 url: "/projects/enhancing-rock-weathering", 253 featured: [ 254 255 ], 256 children: [ 257 258 ] 259 }, 260 261 { 262 id: "3056dd33-7f4f-41ea-ba0d-811290f2738f", 263 title: "Planting Trees in Timor-Leste", 264 url: "/projects/forest-carbon-timor-leste", 265 featured: [ 266 267 ], 268 children: [ 269 270 ] 271 }, 272 273 { 274 id: "021fd9ac-b85b-485e-858f-e54bbd6d176e", 275 title: "View all", 276 url: "/projects/regenerating-land-and-forests", 277 featured: [ 278 279 ], 280 children: [ 281 282 ] 283 }, 284 285 ] 286 }, 287 288 { 289 id: "6d5c2e89-6e81-4f52-b77b-973f1a27d505", 290 title: "Fighting Wildlife Crime", 291 url: "/projects/fighting-wildlife-crime", 292 featured: [ 293 294 { 295 id: "m6508olg", 296 title: "Disrupting Live Animal Trafficking", 297 description: "Discover one of the ways we are helping to tackle Africa’s devastating poaching crisis.", 298 link: "https://pelorusfoundation.org/projects/focused-conservation-live-animal-trafficking", 299 }, 300 301 ], 302 children: [ 303 304 { 305 id: "cf537dc6-79e3-48bb-a40a-3760ea8a7c01", 306 title: "Botswana's Elephant Sanctuary", 307 url: "/projects/saving-elephants-botswana", 308 featured: [ 309 310 ], 311 children: [ 312 313 ] 314 }, 315 316 { 317 id: "8788ba0d-97c6-48a9-b587-200e7b9b5c45", 318 title: "Fighting Wildlife Crime", 319 url: "/projects/fighting-nature-crime", 320 featured: [ 321 322 ], 323 children: [ 324 325 ] 326 }, 327 328 { 329 id: "2f512ec4-8e6e-4610-a6d4-3246885b8c71", 330 title: "Innovation, Reforestation, and Technology", 331 url: "/projects/innovation-reforestation-technology", 332 featured: [ 333 334 ], 335 children: [ 336 337 ] 338 }, 339 340 { 341 id: "178c8c4d-a057-4262-b608-07f4b4150a6a",
342 title: "Protecting Pangolins in Southern Africa", 343 url: "/projects/protecting-pangolins-southern-africa", 344 featured: [ 345 346 ], 347 children: [ 348 349 ] 350 }, 351 352 { 353 id: "8484f3f4-be60-4b49-a0ee-771188102cf0", 354 title: "Tackling Africa's Poaching Crisis", 355 url: "/projects/africas-poaching-crisis", 356 featured: [ 357 358 ], 359 children: [ 360 361 ] 362 }, 363 364 { 365 id: "bd33a808-8570-42ec-8747-9ebc8e7b59bb", 366 title: "Training Rangers in the Democratic Republic of Congo", 367 url: "/projects/training-field-rangers", 368 featured: [ 369 370 ], 371 children: [ 372 373 ] 374 }, 375 376 { 377 id: "114b5143-467b-4fa6-92f7-1a3dfb397f18", 378 title: "View all", 379 url: "/projects/fighting-wildlife-crime", 380 featured: [ 381 382 ], 383 children: [ 384 385 ] 386 }, 387 388 ] 389 }, 390 391 { 392 id: "622f15d9-e17d-4c5f-a4b5-49254cb909d2", 393 title: "Restoring Our Oceans", 394 url: "/projects/restoring-our-oceans", 395 featured: [ 396 397 ], 398 children: [ 399 400 { 401 id: "a17b9df0-1cd4-4368-8239-273f5c50c5cd", 402 title: "The Communities Reviving Kenya's Coasts", 403 url: "/projects/reviving-kenyas-coast", 404 featured: [ 405 406 ], 407 children: [ 408 409 ] 410 }, 411 412 { 413 id: "b716eeff-d0a8-4eb3-b123-1e3922bb64fd", 414 title: "View all", 415 url: "/projects/restoring-our-oceans", 416 featured: [ 417 418 ], 419 children: [ 420 421 ] 422 }, 423 424 ] 425 }, 426 427 ] 428 }, 429 430 { 431 id: "9cc7a354-3b14-41a4-aa60-683a4d077bdf", 432 title: "Services", 433 url: "/services", 434 featured: [ 435 436 { 437 id: "m8yttxe3", 438 title: "Climate Investment Fund", 439 description: "The Climate Investment Fund is a dynamic carbon credit portfolio working to scale projects that actually remove carbon dioxide from the atmosphere.", 440 link: "https://pelorusfoundation.org/services/climate-investment-fund", 441 }, 442 443 { 444 id: "m8ytw3do", 445 title: "Philanthropy Advice", 446 description: "At our charity we go beyond traditional grant-making. We are your trusted partner in helping you make a real difference through philanthropy, offering expert advice and tailored support for individuals, businesses, and philanthropists.", 447 link: "https://pelorusfoundation.org/services/philanthropy-advice", 448 }, 449 450 ], 451 children: [ 452 453 { 454 id: "77dad75f-1255-4bfd-a9cd-e5b95733259c", 455 title: "View all Services", 456 url: "/services", 457 featured: [ 458 459 ], 460 children: [ 461 462 ] 463 }, 464 465 { 466 id: "0673ddd0-b5d1-41bf-aec0-18b6bf58cb5b", 467 title: "Climate Investment Fund", 468 url: "/services/climate-investment-fund", 469 featured: [ 470 471 ], 472 children: [ 473 474 ] 475 }, 476 477 { 478 id: "9263d105-493f-44ac-88b2-56172154ae3e", 479 title: "Philanthropy Advice", 480 url: "/services/philanthropy-advice", 481 featured: [ 482 483 ], 484 children: [ 485 486 ] 487 }, 488 489 ] 490 }, 491 492 { 493 id: "0d3c7c8b-7be5-4c2e-a155-82e382ef882b", 494 title: "Get Involved", 495 url: "/support", 496 featured: [ 497 498 { 499 id: "m8ytz0x8", 500 title: "Events & Experiences", 501 description: "Support nature at our events and through our exclusive conservation experiences.", 502 link: "https://pelorusfoundation.org/support/events-and-experiences", 503 }, 504 505 { 506 id: "m8yu1q9s", 507 title: "Gifts in Wills", 508 description: "When you leave a gift in your Will to Pelorus Foundation, you’re helping to ensure the survival of endangered species and the protection of our planet’s precious wild places for generations to come.", 509 link: "https://pelorusfoundation.org/support/gifts-in-wills", 510 }, 511 512 { 513 id: "m8yu3h0r", 514 title: "Company Giving", 515 description: "At Pelorus Foundation we partner with forward-thinking businesses to make a real difference for the planet.", 516 link: "https://pelorusfoundation.org/support/company-giving", 517 }, 518 519 ], 520 children: [ 521 522 { 523 id: "00e375ae-95b9-4569-b218-2fe304a10994", 524 title: "Appeals", 525 url: "/support/appeals", 526 featured: [ 527 528 ], 529 children: [ 530 531 ] 532 }, 533 534 { 535 id: "6ba0d6c7-c644-40c9-86d7-fa806a642639", 536 title: "Events & Experiences", 537 url: "/support/events-and-experiences", 538 featured: [ 539 540 ], 541 children: [ 542 543 ] 544 }, 545 546 { 547 id: "6810edd9-48da-4eeb-ae7c-e29e855f84c3", 548 title: "Gifts in Wills", 549 url: "/support/gifts-in-wills", 550 featured: [ 551 552 ], 553 children: [ 554 555 ] 556 }, 557 558 { 559 id: "c246a0a3-3f06-420f-a4c7-ed8126485f05", 560 title: "Philanthropy", 561 url: "/support/philanthropy", 562 featured: [ 563 564 ], 565 children: [ 566 567 ] 568 }, 569 570 { 571 id: "9f4c2d71-2082-4550-8fd0-abed51daa220", 572 title: "Company Giving", 573 url: "/support/company-giving", 574 featured: [ 575 576 ], 577 children: [ 578 579 ] 580 }, 581 582 {
583 id: "41cc55a2-fcbc-4c53-9bc8-5e5bb39bd007", 584 title: "Fundraising", 585 url: "/support/fundraise", 586 featured: [ 587 588 ], 589 children: [ 590 591 ] 592 }, 593 594 ] 595 }, 596 597 { 598 id: "6a2bb2b7-a22f-4b58-a580-62c7846b7067", 599 title: "News", 600 url: "/news", 601 featured: [ 602 603 { 604 id: "m96268p3", 605 title: "Citizen-Led Coastal Conservation", 606 description: "Oceans Alive Kenya has focused on training Kuruwitu residents to become citizen scientists, equipping them with the skills to monitor their own marine environment.", 607 link: "https://pelorusfoundation.org/news/citizen-science-conservation", 608 }, 609 610 { 611 id: "m9628l6e", 612 title: "Our latest Impact Report", 613 description: "In our latest Annual Impact Report, see how your support has helped to drive real impact in protecting wildlife and wild places, safeguarding the natural world for generations to come.", 614 link: "https://pelorusfoundation.org/news/impact-report-2025", 615 }, 616 617 { 618 id: "m962ahxz", 619 title: "Weathering the storm of Mangrove deforestation", 620 description: "On every continent apart from Antarctica mangroves dominate 75% of the world’s tropical coastlines. Yet, in the last 20 years over 50% have been cut down, largely due to human impact.", 621 link: "https://pelorusfoundation.org/news/weathering-mangrove-deforestation", 622 }, 623 624 ], 625 children: [ 626 627 { 628 id: "e4fb9bed-2f0d-4f1b-9d04-575d2791d064", 629 title: "News", 630 url: "/news", 631 featured: [ 632 633 ], 634 children: [ 635 636 ] 637 }, 638 639 { 640 id: "21d30fa6-1580-4068-bcad-4d1af75da162", 641 title: "Newsletter", 642 url: "/newsletter", 643 featured: [ 644 645 ], 646 children: [ 647 648 ] 649 }, 650 651 ] 652 }, 653 654 { 655 id: "7dd04c16-4a8b-45a0-8632-56dfcfec51e5", 656 title: "Who we are", 657 url: "/about", 658 featured: [ 659 660 { 661 id: "m962eaii", 662 title: "Our People", 663 description: "Meet our team of expert conservationists, marine biologists and environmental researchers are dedicated to protecting the planet and driving global awareness.", 664 link: "https://pelorusfoundation.org/about/team", 665 }, 666 667 { 668 id: "m962ecmk", 669 title: "Ways of Donating", 670 description: "Learn how to get involved and contribute to the projects we work on", 671 link: "https://pelorusfoundation.enthuse.com/pelorusfoundation/donate#!/", 672 }, 673 674 { 675 id: "m962eeyt", 676 title: "Contact us", 677 description: "To speak to a member of our team.", 678 link: "https://pelorusfoundation.org/contact", 679 }, 680 681 ], 682 children: [ 683 684 { 685 id: "c1e011f4-a2bc-46d1-97cc-855ff3e4d05c", 686 title: "About Pelorus Foundation", 687 url: "/about", 688 featured: [ 689 690 { 691 id: "m962eaii", 692 title: "Our People", 693 description: "Meet our team of expert conservationists, marine biologists and environmental researchers are dedicated to protecting the planet and driving global awareness.", 694 link: "https://pelorusfoundation.org/about/team", 695 }, 696 697 { 698 id: "m962ecmk", 699 title: "Ways of Donating", 700 description: "Learn how to get involved and contribute to the projects we work on", 701 link: "https://pelorusfoundation.enthuse.com/pelorusfoundation/donate#!/", 702 }, 703 704 { 705 id: "m962eeyt", 706 title: "Contact us", 707 description: "To speak to a member of our team.", 708 link: "https://pelorusfoundation.org/contact", 709 }, 710 711 ], 712 children: [ 713 714 ] 715 }, 716 717 { 718 id: "45e4fdfe-867e-42f7-aaa4-02ed8e37503d", 719 title: "Our Strategy", 720 url: "/about/our-strategy", 721 featured: [ 722 723 ], 724 children: [ 725 726 ] 727 }, 728 729 { 730 id: "8a378814-cd9c-495e-9355-e9dd4dab2eb7", 731 title: "Our People", 732 url: "/about/team", 733 featured: [ 734 735 ], 736 children: [ 737 738 ] 739 }, 740 741 { 742 id: "fe7d3f17-74ca-4821-b633-c7a036028e09", 743 title: "Work for us", 744 url: "/about/careers", 745 featured: [ 746 747 ], 748 children: [ 749 750 ] 751 }, 752 753 { 754 id: "b205689e-d42d-42f0-8201-4edcb6e10782", 755 title: "Contact", 756 url: "/contact", 757 featured: [ 758 759 ], 760 children: [ 761 762 ] 763 }, 764 765 ] 766 }, 767 768 { 769 id: "55da089c-bb67-4adb-bea7-8d5e034a97f7", 770 title: "SHOP", 771 url: "https://giftsforthewild.org", 772 featured: [ 773 774 { 775 id: "mhkpwlgp", 776 title: "", 777 description: "", 778 link: "https://giftsforthewild.org", 779 }, 780 781 ], 782 children: [ 783 784 ] 785 }, 786 787 ], 788 }' 789 x-trap.noscroll="open" 790> 791 <div class="flex-1 mr-6"> 792 <a href="https://pelorusfoundation.org"> 793 794 <img 795 class="max-h-[52px] h-full w-auto" 796 width="768" 797 height="226" 798 src="https://dx466kr41l2b.cloudfront.net/images/pelorus-foundation_master-identity_rgb-768x226.png" 799 > 800 801 </a> 802 </div> 803 804 <div class="flex items-center flex-none"> 805 <a 806 href="https://pelorusfoundation.enthuse.com/pelorusfoundation/donate#!/" 807 class="px-4 mr-6 btn 808 btn-reverse-green 809 " 810 >Donate</a> 811 812 <button 813 class="hamburger" 814 @click="open = !open" 815 >
816 <span class="hamburger-bar"></span> 817 <span class="hamburger-bar"></span> 818 <span class="hamburger-bar"></span> 819 </button> 820 </div> 821 822 <template x-teleport="body" x-data="{ 823 navigationStack: [], 824 }"> 825 <!-- Slideover --> 826 <div x-dialog x-model="open" :initial-focus="void 0" style="display: none" class="fixed inset-0 overflow-hidden z-[899999]"> 827 828 <!-- Overlay --> 829 <div x-dialog:overlay x-transition.opacity class="fixed inset-0 bg-[#000000] bg-opacity-30"></div> 830 831 <!-- Panel --> 832 <div class="fixed inset-y-0 left-0 w-full" > 833 <div 834 x-dialog:panel 835 x-transition:enter="transition ease-in-out duration-500" 836 x-transition:enter-start="-translate-x-full" 837 x-transition:enter-end="translate-x-0" 838 x-transition:leave="transition ease-in-out duration-500" 839 x-transition:leave-start="translate-x-0" 840 x-transition:leave-end="-translate-x-full" 841 class="w-full h-full" 842 > 843 <div class="flex flex-col justify-between h-full bg-mega-menu-background-mobile shadow-lg"> 844 <div class="w-full flex px-4 py-8 border-b border-mega-menu-separator-mobile flex-none"> 845 <button type="button" class="flex-grow w-full" x-on:click="$dispatch('open-mobile-searchbox');"> 846 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.249 17.392" class="w-4 h-4"> 847 <g fill="none" stroke="currentColor"> 848 <circle cx="7.47" cy="7.47" r="7.47" stroke="none" /> 849 <circle cx="7.47" cy="7.47" r="6.97" /> 850 <path d="M12.425 11.846 18.939 17" /> 851 </g> 852 </svg> 853 </button> 854 <button type="button" class="flex-none" x-on:click="$dialog.close()"> 855 <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-auto" viewB
855ox="0 0 158.67 158.68"> 856 <path id="Line" d="M-25.29 74.11h209.25v10.46H-25.29z" fill="#67675d" transform="rotate(-45 79.337 79.348)"/> 857 <path id="Line-2" d="M74.1-25.29h10.46v209.25H74.1z" fill="#67675d" transform="rotate(-45 79.33 79.33)"/> 858 </svg> 859 </button> 860 </div> 861 862 <!-- Body --> 863 <div class="flex-1 overflow-y-auto"> 864 <div> 865 <!-- Nav --> 866 <template x-if="!navigationStack.length"> 867 <ul> 868 <template x-for="navItem in navData"> 869 <li class="text-mega-menu-text-mobile font-montserrat font-medium px-4 py-4 border-b border-mega-menu-separator-mobile"> 870 <template x-if="!navItem.children.length" hidden> 871 <a class="block w-full h-full" x-bind:href="navItem.url"> 872 <span x-text="navItem.title"></span> 873 </a> 874 </template> 875 876 <template x-if="navItem.children.length > 0" hidden> 877 <a 878 class="flex items-center justify-between" 879 href="#" 880 x-on:click.prevent="navigationStack.push(navItem.children)" 881 > 882 <span x-text="navItem.title"></span> 883 884 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 885 stroke-width="2" stroke="currentColor" 886 class="flex-none w-4 h-4"> 887 <path stroke-linecap="round" stroke-linejoin="round" 888 d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 889 </svg> 890 </a> 891 </template> 892 </li> 893 </template> 894 </ul> 895 </template> 896 <template x-if="navigationStack.length"> 897 <ul> 898 <li 899 class="text-mega-menu-text-mobile font-montserrat font-medium text-xs px-4 py-4 border-b border-mega-menu-separator-mobile last:border-transparent"> 900 <button class="flex items-center space-x-2" type="button" 901 x-on:click="navigationStack.pop()"> 902 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 903 stroke-width="1.5" stroke="currentColor" class="w-4 h-4 rotate-180"> 904 <path stroke-linecap="round" stroke-linejoin="round" 905 d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 906 </svg> 907 <span>Back</span> 908 </button> 909 </li> 910 <template x-for="navItem in navigationStack[navigationStack.length - 1]"> 911 <li class="text-mega-menu-text-mobile font-montserrat font-medium px-4 py-4 border-b border-mega-menu-separator-mobile"> 912 <template x-if="!navItem.children.length" hidden> 913 <a class="block w-full h-full" x-bind:href="navItem.url">
914 <span x-text="navItem.title"></span> 915 </a> 916 </template> 917 918 <template x-if="navItem.children.length > 0" hidden> 919 <a 920 class="flex items-center justify-between" 921 href="#" 922 x-on:click.prevent="navigationStack.push(navItem.children)" 923 > 924 <span x-text="navItem.title"></span> 925 926 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 927 stroke-width="2" stroke="currentColor" 928 class="flex-none w-4 h-4"> 929 <path stroke-linecap="round" stroke-linejoin="round" 930 d="M8.25 4.5l7.5 7.5-7.5 7.5" /> 931 </svg> 932 </a> 933 </template> 934 </li> 935 </template> 936 </ul> 937 </template> 938 </div> 939 </div> 940 941 <div class="flex-none bg-mega-menu-mobile-footer-background text-mega-menu-mobile-footer-text text-xxs font-montserrat"> 942 <ul> 943 <li class="px-4 py-3 border-b border-mega-menu-footer-separator-mobile"> 944 <a href="tel:+18006590217">+1 800 659 0217</a> 945 946 <br> 947 <a href="tel:+18006590217">+1 800 659 0217</a> 948 949 </li> 950 951 <li class="py-3 px-4 border-b border-mega-menu-footer-separator-mobile"> 952 Monday to Friday: 9am - 6pm (GMT) 953 </li> 954 955 956 957 958 959 </ul> 960 </div> 961 </div> 962 </div> 963 </div> 964 </div> 965</template> 966</div> 967 968<!-- End: /layout/_header-mobile.antlers.html --> 969 970 971 <div name="header-desktop" x-data='{ 972 isHomepage: false, 973 showMenu: null, 974 showSearch: false, 975 openMegaMenu: null, 976 openMegaMenuLevelTwo: null, 977 openMegaMenuLevelThree: null, 978 openMegaMenuLevelFour: null, 979 init() { 980 this.$watch("openMegaMenu", () => { 981 this.openMegaMenuLevelTwo = null; 982 this.openMegaMenuLevelThree = null; 983 this.openMegaMenuLevelFour = null; 984 }); 985 } 986 }'> 987 988 <div x-transition.opacity class="fixed inset-0 bg-[#000000] bg-opacity-30" x-show="openMegaMenu !== null"></div> 989 990 <!-- /layout/_header-desktop.antlers.html --> 991 <div class="relative z-10 hidden header-desktop lg:block" 992 x-show="isHomepage ? showMenu : (showMenu === null ? !scrolled : showMenu)" x-collapse.duration.1000ms x-cloak> 993 994 <div class="px-8 py-4 bg-navigation-background text-navigation-text"> 995 <div class="container flex items-center justify-between"> 996 997 <div class="flex items-center justify-start flex-1 min-w-0"> 998 <ul class="flex items-center justify-start space-x-6"> 999 <li class="flex items-center"> 1000 <a href="tel:+18006590217" class="text-xxs"> 1001 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" 1002 class="w-4 h-4"> 1003 <path fill-rule="evenodd" 1004 d="M1.5 4.5a3 3 0 0 1 3-3h1.372c.86 0 1.61.586 1.819 1.42l1.105 4.423a1.875 1.875 0 0 1-.694 1.955l-1.293.97c-.135.101-.164.249-.126.352a11.285 11.285 0 0 0 6.697 6.697c.103.038.25.009.352-.126l.97-1.293a1.875 1.875 0 0 1 1.955-.694l4.423 1.105c.834.209 1.42.959 1.42 1.82V19.5a3 3 0 0 1-3 3h-2.25C8.552 22.5 1.5 15.448 1.5 6.75V4.5Z" 1005 clip-rule="evenodd" /> 1006 </svg> 1007 </a> 1008 </li> 1009 1010 1011 1012 <li class="flex items-center"> 1013 <button type="button" x-on:click="$dispatch('open-desktop-searchbox')"> 1014 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.249 17.392" class="w-4 h-4"> 1015 <g fill="none" stroke="currentColor"> 1016 <circle cx="7.47" cy="7.47" r="7.47" stroke="none" /> 1017 <circle cx="7.47" cy="7.47" r="6.97" /> 1018 <path d="M12.425 11.846 18.939 17" /> 1019 </g> 1020 </svg> 1021 </button> 1022 </li> 1023 </ul> 1024 </div> 1025 1026 1027 <div class="flex items-center justify-center flex-none min-w-0"> 1028 <a href="https://pelorusfoundation.org"> 1029 1030 <img class="h-[52px] w-auto inline-block" src="https://dx466kr41l2b.cloudfront.net/images/pelorus-foundation_master-identity_rgb-768x226.png" alt="" 1031 width="768" width="226"> 1032 1033 </a> 1034 </div> 1035 1036 1037 <div class="flex items-center justify-end flex-1 min-w-0"> 1038 <ul class="flex items-center justify-start space-x-6"> 1039 <li class="flex items-center"> 1040 <a href="https://pelorusfoundation.enthuse.com/pelorusfoundation/donate#!/" class="px-8 text-xxs btn 1041 btn-reverse-green 1042 ">Donate</a> 1043 </li> 1044 1045 <li class="flex items-center"> 1046 <button class="invisible hamburger hamburger-dark">
1047 <span class="hamburger-bar"></span> 1048 <span class="hamburger-bar"></span> 1049 <span class="hamburger-bar"></span> 1050 </button> 1051 </li> 1052 </ul> 1053 </div> 1054 </div> 1055 </div> 1056 1057 1058 <!-- Search --> 1059 <div x-show="showSearch" x-collapse.duration.500ms x-cloak> 1060 <div class="px-8 py-4 bg-navigation-search-background"> 1061 <form method="get" action="https://pelorusfoundation.org/search" 1062 class="flex items-center justify-between flex-none max-w-2xl px-4 py-4 mx-auto border-b border-white"> 1063 <input name="q" type="text" 1064 class="flex-1 mr-4 font-medium bg-transparent font-montserrat focus:outline-none placeholder:text-navigation-text/50 text-navigation-text/50" 1065 placeholder="Search"> 1066 <button type="submit"> 1067 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.249 17.392" class="w-4 h-4"> 1068 <g fill="none" stroke="#66665d"> 1069 <circle cx="7.47" cy="7.47" r="7.47" stroke="none" /> 1070 <circle cx="7.47" cy="7.47" r="6.97" /> 1071 <path d="M12.425 11.846 18.939 17" /> 1072 </g> 1073 </svg> 1074 </button> 1075 </form> 1076 </div> 1077 </div> 1078 1079 <div x-on:mouseleave="openMegaMenu = null;"> 1080 1081 <div> 1082 <div 1083 class="px-8 py-4 bg-navigation-background text-navigation-text border-y border-navigation-border"> 1084 <ul class="container flex items-center justify-center space-x-12"> 1085 1086 <li 1087 class="flex items-center justify-between space-x-2 text-xs tracking-[0.05em] uppercase"> 1088 <a href="/what-we-do" 1089 class="flex items-center justify-between space-x-2 font-medium //justify-center" 1090 1091 x-on:mouseenter="openMegaMenu = 'e9057a12-e7f8-444c-95f1-f8b38afc3b85'" 1092 > 1093 <span class="transition duration-500 ease-in-out hover:text-navigation-hover" 1094 x-bind:class="{ 1095 'text-navigation-hover' : openMegaMenu == 'e9057a12-e7f8-444c-95f1-f8b38afc3b85' 1096 }"> 1097 What we do 1098 </span> 1099 1100 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 1101 stroke-width="1.5" stroke="currentColor" 1102 class="flex-none w-3 h-3 transition duration-500 ease-in-out" 1103 x-bind:class="{ 'rotate-180 text-navigation-hover': openMegaMenu == 'e9057a12-e7f8-444c-95f1-f8b38afc3b85' }"> 1104 <path stroke-linecap="round" stroke-linejoin="round" 1105 d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 1106 </svg> 1107 1108 </a> 1109 1110 </li> 1111 1112 <li 1113 class="flex items-center justify-between space-x-2 text-xs tracking-[0.05em] uppercase"> 1114 <a href="/services" 1115 class="flex items-center justify-between space-x-2 font-medium //ju
1115stify-center" 1116 1117 x-on:mouseenter="openMegaMenu = '9cc7a354-3b14-41a4-aa60-683a4d077bdf'" 1118 > 1119 <span class="transition duration-500 ease-in-out hover:text-navigation-hover" 1120 x-bind:class="{ 1121 'text-navigation-hover' : openMegaMenu == '9cc7a354-3b14-41a4-aa60-683a4d077bdf' 1122 }"> 1123 Services 1124 </span> 1125 1126 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 1127 stroke-width="1.5" stroke="currentColor" 1128 class="flex-none w-3 h-3 transition duration-500 ease-in-out" 1129 x-bind:class="{ 'rotate-180 text-navigation-hover': openMegaMenu == '9cc7a354-3b14-41a4-aa60-683a4d077bdf' }"> 1130 <path stroke-linecap="round" stroke-linejoin="round" 1131 d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 1132 </svg> 1133 1134 </a> 1135 1136 </li> 1137 1138 <li 1139 class="flex items-center justify-between space-x-2 text-xs tracking-[0.05em] uppercase"> 1140 <a href="/support" 1141 class="flex items-center justify-between space-x-2 font-medium //justify-center" 1142 1143 x-on:mouseenter="openMegaMenu = '0d3c7c8b-7be5-4c2e-a155-82e382ef882b'" 1144 > 1145 <span class="transition duration-500 ease-in-out hover:text-navigation-hover" 1146 x-bind:class="{ 1147 'text-navigation-hover' : openMegaMenu == '0d3c7c8b-7be5-4c2e-a155-82e382ef882b' 1148 }"> 1149 Get Involved 1150 </span> 1151 1152 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 1153 stroke-width="1.5" stroke="currentColor" 1154 class="flex-none w-3 h-3 transition duration-500 ease-in-out" 1155 x-bind:class="{ 'rotate-180 text-navigation-hover': openMegaMenu == '0d3c7c8b-7be5-4c2e-a155-82e382ef882b' }"> 1156 <path stroke-linecap="round" stroke-linejoin="round" 1157 d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 1158 </svg> 1159 1160 </a> 1161 1162 </li> 1163 1164 <li 1165 class="flex items-center justify-between space-x-2 text-xs tracking-[0.05em] uppercase"> 1166 <a href="/news" 1167 class="flex items-center justify-between space-x-2 font-medium //justify-center" 1168 1169 x-on:mouseenter="openMegaMenu = '6a2bb2b7-a22f-4b58-a580-62c7846b7067'" 1170 > 1171 <span class="transition duration-500 ease-in-out hover:text-navigation-hover" 1172 x-bind:class="{ 1173 'text-navigation-hover' : openMegaMenu == '6a2bb2b7-a22f-4b58-a580-62c7846b7067' 1174 }"> 1175 News 1176 </span> 1177 1178 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 1179 stroke-width="1.5" stroke="currentColor" 1180 class="flex-none w-3 h-3 transition duration-500 ease-in-out" 1181 x-bind:class="{ 'rotate-180 text-navigation-hover': openMegaMenu == '6a2bb2b7-a22f-4b58-a580-62c7846b7067' }"> 1182 <path stroke-linecap="round" stroke-linejoin="round" 1183 d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 1184 </svg> 1185 1186 </a> 1187 1188 </li> 1189 1190 <li 1191 class="flex items-center justify-between space-x-2 text-xs tracking-[0.05em] uppercase"> 1192 <a href="/about" 1193 class="flex items-center justify-between space-x-2 font-medium //ju
1193stify-center" 1194 1195 x-on:mouseenter="openMegaMenu = '7dd04c16-4a8b-45a0-8632-56dfcfec51e5'" 1196 > 1197 <span class="transition duration-500 ease-in-out hover:text-navigation-hover" 1198 x-bind:class="{ 1199 'text-navigation-hover' : openMegaMenu == '7dd04c16-4a8b-45a0-8632-56dfcfec51e5' 1200 }"> 1201 Who we are 1202 </span> 1203 1204 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 1205 stroke-width="1.5" stroke="currentColor" 1206 class="flex-none w-3 h-3 transition duration-500 ease-in-out" 1207 x-bind:class="{ 'rotate-180 text-navigation-hover': openMegaMenu == '7dd04c16-4a8b-45a0-8632-56dfcfec51e5' }"> 1208 <path stroke-linecap="round" stroke-linejoin="round" 1209 d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 1210 </svg> 1211 1212 </a> 1213 1214 </li> 1215 1216 <li 1217 class="flex items-center justify-between space-x-2 text-xs tracking-[0.05em] uppercase"> 1218 <a href="https://giftsforthewild.org" 1219 class="flex items-center justify-between space-x-2 font-medium //justify-center" 1220 1221 x-on:mouseenter="openMegaMenu = null" 1222 > 1223 <span class="transition duration-500 ease-in-out hover:text-navigation-hover" 1224 x-bind:class="{ 1225 'text-navigation-hover' : openMegaMenu == '55da089c-bb67-4adb-bea7-8d5e034a97f7' 1226 }"> 1227 SHOP 1228 </span> 1229 1230 </a> 1231 1232 </li> 1233 1234 </ul> 1235 </div> 1236 </div> 1237 1238 1239 <div class="relative grid items-start bg-mega-menu-background isolate"> 1240 1241 1242 <div class="col-start-1 row-start-1" x-show="openMegaMenu == 'e9057a12-e7f8-444c-95f1-f8b38afc3b85'" 1243 x-collapse.duration.500ms x-data="{ 1244 mouseX: null, 1245 mouseY: null, 1246 boxTopX: null, 1247 boxTopY: null, 1248 boxBottomX: null, 1249 boxBottomY: null, 1250 enableSafeZone: false, 1251 handleMouseMove(event) { 1252 this.enableSafeZone = true; 1253 this.mouseX = event.clientX; 1254 this.mouseY = event.clientY; 1255 1256 let activeChildLinks = this.$refs.megaMenuChildren; 1257 1258 if( activeChildLinks ) { 1259 let boxBounding = activeChildLinks.getBoundingClientRect(); 1260 this.boxTopX = boxBounding.left; 1261 this.boxTopY = boxBounding.top; 1262 this.boxBottomX = boxBounding.left; 1263 this.boxBottomY = boxBounding.bottom; 1264 } else { 1265 this.boxTopX = null; 1266 this.boxTopY = null; 1267 this.boxBottomX = null; 1268 this.boxBottomY = null; 1269 } 1270 1271 } 1272 }" x-on:mousemove.passive="handleMouseMove(event)" 1273 x-on:mousemove.debounce.500ms="enableSafeZone = false;"> 1274 <div class="container grid w-full grid-cols-4 py-8 mx-auto"> 1275 1276 <div class="transition-opacity duration-500 ease-in-out opacity-0" x-bind:class="{ 1277 'opacity-0': openMegaMenu != 'e9057a12-e7f8-444c-95f1-f8b38afc3b85', 1278 'opacity-100': openMegaMenu == 'e9057a12-e7f8-444c-95f1-f8b38afc3b85', 1279 }"> 1280 <ul 1281 class=" font-montserrat text-mega-menu-text font-medium tracking-[0.025em] text-xs"> 1282 1283 <li> 1284 <a href="/projects" 1285 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group underline" 1286 x-bind:class="{ 1287 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != 'b69eb589-1ee0-4fc1-bec1-916dba51c9e8', 1288 'text-white' : openMegaMenuLevelTwo == 'b69eb589-1ee0-4fc1-bec1-916dba51c9e8', 1289 }" 1290 x-on:mouseenter="openMegaMenuLevelTwo = null" 1291 >
1292 <span 1293 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 1294 <span 1295 class="block w-full h-full origin-left bg-mega-menu-background-hover" 1296 x-show="openMegaMenuLevelTwo == 'b69eb589-1ee0-4fc1-bec1-916dba51c9e8'"></span> 1297 </span> 1298 <span class=""> 1299 View all Projects 1300 </span> 1301 1302 </a> 1303 </li> 1304 1305 <li> 1306 <a href="/projects/regenerating-land-and-forests" 1307 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 1308 x-bind:class="{ 1309 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '7a4ea802-64d7-4989-9fc8-41e2f5b11035', 1310 'text-white' : openMegaMenuLevelTwo == '7a4ea802-64d7-4989-9fc8-41e2f5b11035', 1311 }" 1312 x-on:mouseenter="openMegaMenuLevelTwo = '7a4ea802-64d7-4989-9fc8-41e2f5b11035'" 1313 > 1314 <span 1315 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 1316 <span 1317 class="block w-full h-full origin-left bg-mega-menu-background-hover" 1318 x-show="openMegaMenuLevelTwo == '7a4ea802-64d7-4989-9fc8-41e2f5b11035'"></span> 1319 </span> 1320 <span class=""> 1321 Regenerating Land and Forests 1322 </span> 1323 1324 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1325 viewB
1325ox="0 0 24 24" stroke-width="1.5" 1326 stroke="currentColor" 1327 class="flex-none w-3 h-3 -rotate-90"> 1328 <path stroke-linecap="round" stroke-linejoin="round" 1329 d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 1330 </svg> 1331 1332 </a> 1333 </li> 1334 1335 <li> 1336 <a href="/projects/fighting-wildlife-crime" 1337 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 1338 x-bind:class="{ 1339 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '6d5c2e89-6e81-4f52-b77b-973f1a27d505', 1340 'text-white' : openMegaMenuLevelTwo == '6d5c2e89-6e81-4f52-b77b-973f1a27d505', 1341 }" 1342 x-on:mouseenter="openMegaMenuLevelTwo = '6d5c2e89-6e81-4f52-b77b-973f1a27d505'" 1343 > 1344 <span 1345 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 1346 <span 1347 class="block w-full h-full origin-left bg-mega-menu-background-hover" 1348 x-show="openMegaMenuLevelTwo == '6d5c2e89-6e81-4f52-b77b-973f1a27d505'"></span> 1349 </span> 1350 <span class=""> 1351 Fighting Wildlife Crime 1352 </span> 1353 1354 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1355 viewB
1355ox="0 0 24 24" stroke-width="1.5" 1356 stroke="currentColor" 1357 class="flex-none w-3 h-3 -rotate-90"> 1358 <path stroke-linecap="round" stroke-linejoin="round" 1359 d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 1360 </svg> 1361 1362 </a> 1363 </li> 1364 1365 <li> 1366 <a href="/projects/restoring-our-oceans" 1367 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 1368 x-bind:class="{ 1369 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '622f15d9-e17d-4c5f-a4b5-49254cb909d2', 1370 'text-white' : openMegaMenuLevelTwo == '622f15d9-e17d-4c5f-a4b5-49254cb909d2', 1371 }" 1372 x-on:mouseenter="openMegaMenuLevelTwo = '622f15d9-e17d-4c5f-a4b5-49254cb909d2'" 1373 > 1374 <span 1375 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 1376 <span 1377 class="block w-full h-full origin-left bg-mega-menu-background-hover" 1378 x-show="openMegaMenuLevelTwo == '622f15d9-e17d-4c5f-a4b5-49254cb909d2'"></span> 1379 </span> 1380 <span class=""> 1381 Restoring Our Oceans 1382 </span> 1383 1384 <svg xmlns="http://www.w3.org/2000/svg" fill="none" 1385 viewB
1385ox="0 0 24 24" stroke-width="1.5" 1386 stroke="currentColor" 1387 class="flex-none w-3 h-3 -rotate-90"> 1388 <path stroke-linecap="round" stroke-linejoin="round" 1389 d="M19.5 8.25l-7.5 7.5-7.5-7.5" /> 1390 </svg> 1391 1392 </a> 1393 </li> 1394 1395 </ul> 1396 </div> 1397 1398 <div class="grid col-span-3 //items-start" x-ref="megaMenuChildren"> 1399 <div class="grid grid-cols-3 col-start-1 row-start-1 gap-8 bg-mega-menu-background" 1400 x-show="openMegaMenuLevelTwo == null"> 1401 1402 <div class="pl-4 border-l border-mega-menu-separator"> 1403 1404 1405 <a href="https://pelorusfoundation.org/projects/most-endangered-javan-rhino" class="block group"> 1406 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 1407 1408 <img 1409 class="object-cover w-full h-full" 1410 src="https://dx466kr41l2b.cloudfront.net/images/foundation/projects/javan-rhinos-indonesia/javan-rhino-water-belcher-halfhero.jpg" 1411 alt="" 1412 width="2000" 1413 width="990" 1414 > 1415 1416 </div> 1417 1418 <p 1419 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 1420 Protecting the Most Endangered Rhino 1421 </p> 1422 1423 <p 1424 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 1425 There are less than 80 Javan Rhinos left. Learn how you can protect a species from extinction. 1426 </p> 1427 1428 <button 1429 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 1430 type="button"> 1431 Read more 1432 </button> 1433 </a> 1434 1435 </div> 1436 1437 1438 1439 <div class="pl-4 border-l border-mega-menu-separator"> 1440 1441 <a href="/projects/protecting-pangolins-southern-africa" class="block group"> 1442 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 1443 1444 <img 1445 class="object-cover w-full h-full" 1446 src="https://dx466kr41l2b.cloudfront.net/images/travel/country/south-africa/experiences/foundation-conservation/pangolins-square.jpg" 1447 alt="" 1448 width="1000" 1449 width="1000" 1450 > 1451 1452 </div> 1453 1454 <p 1455 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 1456 Protecting Pangol
1456ins 1457 </p> 1458 1459 <p 1460 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 1461 Our project helping protect endangered pangolins in Southern Africa. 1462 </p> 1463 1464 <button 1465 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 1466 type="button"> 1467 Read more 1468 </button> 1469 </a> 1470 1471 </div> 1472 1473 1474 1475 <div class="pl-4 border-l border-mega-menu-separator"> 1476 1477 <a href="/projects/sequestering-soil-carbon" class="block group"> 1478 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 1479 1480 <img 1481 class="object-cover w-full h-full" 1482 src="https://dx466kr41l2b.cloudfront.net/images/mongolia-experiences-cover-image-hero.jpg" 1483 alt="" 1484 width="2250" 1485 width="1750" 1486 > 1487 1488 </div> 1489 1490 <p 1491 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 1492 Sequestering Soil Carbon 1493 </p> 1494 1495 <p 1496 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 1497 Find out about our soil carbon sequestration project in Mongolia. 1498 </p> 1499 1500 <button 1501 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 1502 type="button"> 1503 Read more 1504 </button> 1505 </a> 1506 1507 </div> 1508 </div> 1509 1510 1511 1512 1513 1514 <div class="grid grid-cols-3 col-start-1 row-start-1 gap-8 bg-mega-menu-background" 1515 x-show="openMegaMenuLevelTwo == '7a4ea802-64d7-4989-9fc8-41e2f5b11035'"> 1516 <div class="col-span-2 pl-12 border-l border-mega-menu-separator"> 1517 <ul class="col-span-2 font-montserrat text-mega-menu-text font-medium tracking-[0.025em] text-xs pointer-events-auto columns-2" 1518 x-bind:class="{ 1519 'active-child-links' : openMegaMenuLevelTwo == '7a4ea802-64d7-4989-9fc8-41e2f5b11035' 1520 }"> 1521 1522 <li> 1523 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1524 href="/projects/sequestering-soil-carbon" 1525 x-on:mouseenter="openMegaMenuLevelThree = 'f16e9335-2c05-45af-9bc2-791e0a9db0b3'">Sequestering Soil Carbon in Mongolia</a> 1526 </li> 1527 1528 <li> 1529 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1530 href="/projects/planting-mangroves" 1531 x-on:mouseenter="openMegaMenuLevelThree = '13dfc6e4-c548-4724-83aa-7be3636e7aaa'">Mangrove Blue Carbon in Kenya</a> 1532 </li> 1533 1534 <li> 1535 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1536 href="/projects/scaling-agroforestry" 1537 x-on:mouseenter="openMegaMenuLevelThree = '747b6184-347e-47a0-b69e-9b66a2d37f6f'">Scaling Agroforestry</a> 1538 </li> 1539 1540 <li> 1541 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1542 href="/projects/enhancing-rock-weathering" 1543 x-on:mouseenter="openMegaMenuLevelThree = 'dd5ffb8a-2fe7-4e1f-a537-4eec6d24af75'">Enhancing Rock Weathering</a> 1544 </li> 1545 1546 <li> 1547 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1548 href="/projects/forest-carbon-timor-leste" 1549 x-on:mouseenter="openMegaMenuLevelThree = '3056dd33-7f4f-41ea-ba0d-811290f2738f'">Planting Trees in Timor-Leste</a> 1550 </li> 1551 1552 <li> 1553 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid underline" 1554 href="/projects/regenerating-land-and-forests" 1555 x-on:mouseenter="openMegaMenuLevelThree = '021fd9ac-b85b-485e-858f-e54bbd6d176e'">View all</a> 1556 </li> 1557 1558 </ul> 1559 </div> 1560 1561 1562 <div class="pl-4 border-l border-mega-menu-separator"> 1563 1564 1565 <a href="https://pelorusfoundation.org/projects/scaling-agroforestry" class="block group"> 1566 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 1567 1568 <img 1569 class="object-cover w-full h-full" 1570 src="https://dx466kr41l2b.cloudfront.net/images/foundation/projects/scaling-agroforestry-indonesia/gulagula-coffee-woman-landscape.jpg" 1571 alt="" 1572 width="1200" 1573 width="675" 1574 > 1575 1576 </div> 1577 1578 <p 1579 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 1580 Scaling Agroforestry 1581 </p> 1582 1583 <p 1584 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 1585 Find out about this carbon removal method that captures carbon from a food forest. 1586 </p> 1587 1588 <button 1589 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 1590 type="button"> 1591 Read more 1592 </button> 1593 </a> 1594 1595 </div> 1596 </div> 1597 1598 1599 1600 <div class="grid grid-cols-3 col-start-1 row-start-1 gap-8 bg-mega-menu-background" 1601 x-show="openMegaMenuLevelTwo == '6d5c2e89-6e81-4f52-b77b-973f1a27d505'"> 1602 <div class="col-span-2 pl-12 border-l border-mega-menu-separator"> 1603 <ul class="col-span-2 font-montserrat text-mega-menu-text font-medium tracking-[0.025em] text-xs pointer-events-auto columns-2" 1604 x-bind:class="{ 1605 'active-child-links' : openMegaMenuLevelTwo == '6d5c2e89-6e81-4f52-b77b-973f1a27d505' 1606 }"> 1607 1608 <li> 1609 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1610 href="/projects/saving-elephants-botswana" 1611 x-on:mouseenter="openMegaMenuLevelThree = 'cf537dc6-79e3-48bb-a40a-3760ea8a7c01'">Botswana's Elephant Sanctuary</a> 1612 </li> 1613 1614 <li> 1615 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1616 href="/projects/fighting-nature-crime" 1617 x-on:mouseenter="openMegaMenuLevelThree = '8788ba0d-97c6-48a9-b587-200e7b9b5c45'">Fighting Wildlife Crime</a> 1618 </li> 1619 1620 <li> 1621 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1622 href="/projects/innovation-reforestation-technology" 1623 x-on:mouseenter="openMegaMenuLevelThree = '2f512ec4-8e6e-4610-a6d4-3246885b8c71'">Innovation, Reforestation, and Technology</a> 1624 </li> 1625 1626 <li> 1627 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1628 href="/projects/protecting-pangolins-southern-africa" 1629 x-on:mouseenter="openMegaMenuLevelThree = '178c8c4d-a057-4262-b608-07f4b4150a6a'">
1629Protecting Pangolins in Southern Africa</a> 1630 </li> 1631 1632 <li> 1633 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1634 href="/projects/africas-poaching-crisis" 1635 x-on:mouseenter="openMegaMenuLevelThree = '8484f3f4-be60-4b49-a0ee-771188102cf0'">Tackling Africa's Poaching Crisis</a> 1636 </li> 1637 1638 <li> 1639 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1640 href="/projects/training-field-rangers" 1641 x-on:mouseenter="openMegaMenuLevelThree = 'bd33a808-8570-42ec-8747-9ebc8e7b59bb'">Training Rangers in the Democratic Republic of Congo</a> 1642 </li> 1643 1644 <li> 1645 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid underline" 1646 href="/projects/fighting-wildlife-crime" 1647 x-on:mouseenter="openMegaMenuLevelThree = '114b5143-467b-4fa6-92f7-1a3dfb397f18'">View all</a> 1648 </li> 1649 1650 </ul> 1651 </div> 1652 1653 1654 <div class="pl-4 border-l border-mega-menu-separator"> 1655 1656 1657 <a href="https://pelorusfoundation.org/projects/focused-conservation-live-animal-trafficking" class="block group"> 1658 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 1659 1660 <img 1661 class="object-cover w-full h-full" 1662 src="https://dx466kr41l2b.cloudfront.net/images/foundation/projects/disrupting-live-animal-trafficking/seized-ivory-focused-conservation.jpg" 1663 alt="" 1664 width="2847" 1665 width="1926" 1666 > 1667 1668 </div> 1669 1670 <p 1671 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 1672 Disrupting Live Animal Trafficking 1673 </p> 1674 1675 <p 1676 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 1677 Discover one of the ways we are helping to tackle Africaâs devastating poaching crisis. 1678 </p> 1679 1680 <button 1681 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 1682 type="button"> 1683 Read more 1684 </button> 1685 </a> 1686 1687 </div> 1688 </div> 1689 1690 1691 1692 <div class="grid grid-cols-3 col-start-1 row-start-1 gap-8 bg-mega-menu-background" 1693 x-show="openMegaMenuLevelTwo == '622f15d9-e17d-4c5f-a4b5-49254cb909d2'"> 1694 <div class="col-span-2 pl-12 border-l border-mega-menu-separator"> 1695 <ul class="col-span-2 font-montserrat text-mega-menu-text font-medium tracking-[0.025em] text-xs pointer-events-auto columns-2" 1696 x-bind:class="{ 1697 'active-child-links' : openMegaMenuLevelTwo == '622f15d9-e17d-4c5f-a4b5-49254cb909d2' 1698 }"> 1699 1700 <li> 1701 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid " 1702 href="/projects/reviving-kenyas-coast" 1703 x-on:mouseenter="openMegaMenuLevelThree = 'a17b9df0-1cd4-4368-8239-273f5c50c5cd'">The Communities Reviving Kenya's Coasts</a> 1704 </li> 1705 1706 <li> 1707 <a class="block w-full py-1.5 hover:text-mega-menu-text-hover break-inside-avoid underline" 1708 href="/projects/restoring-our-oceans" 1709 x-on:mouseenter="openMegaMenuLevelThree = 'b716eeff-d0a8-4eb3-b123-1e3922bb64fd'">View all</a> 1710 </li> 1711 1712 </ul> 1713 </div> 1714 1715 1716 <div class="pl-4 border-l border-mega-menu-separator"> 1717 1718 1719 </div> 1720 </div> 1721 1722 1723 </div> 1724 </div> 1725
1726 <svg x-show="openMegaMenuLevelTwo !== null" 1727 class="fixed z-50 bg-red-500 opacity-0 pointer-events-none" 1728 x-bind:width="Math.max((boxTopX - mouseX) + 30, 0)" 1729 x-bind:height="Math.max(boxBottomY - boxTopY, 0)" x-bind:style="{ 1730 'top': boxTopY, 1731 'left': mouseX, 1732 }"> 1733 1734 <path class="pointer-events-auto" stroke="red" strokeWidth="0.4" fill="green" 1735 x-bind:d=" 1736 `M 0, ${mouseY - boxTopY} 1737 L ${(boxTopX - mouseX) + 30},${boxBottomY - boxTopY} 1738 L ${(boxTopX - mouseX) + 30},0 1739 L 0,${mouseY - boxTopY} 1740 z` 1741 " /> 1742 </svg> 1743 </div> 1744 1745 1746 1747 <div class="col-start-1 row-start-1" x-show="openMegaMenu == '9cc7a354-3b14-41a4-aa60-683a4d077bdf'" 1748 x-collapse.duration.500ms x-data="{ 1749 mouseX: null, 1750 mouseY: null, 1751 boxTopX: null, 1752 boxTopY: null, 1753 boxBottomX: null, 1754 boxBottomY: null, 1755 enableSafeZone: false, 1756 handleMouseMove(event) { 1757 this.enableSafeZone = true; 1758 this.mouseX = event.clientX; 1759 this.mouseY = event.clientY; 1760 1761 let activeChildLinks = this.$refs.megaMenuChildren; 1762 1763 if( activeChildLinks ) { 1764 let boxBounding = activeChildLinks.getBoundingClientRect(); 1765 this.boxTopX = boxBounding.left; 1766 this.boxTopY = boxBounding.top; 1767 this.boxBottomX = boxBounding.left; 1768 this.boxBottomY = boxBounding.bottom; 1769 } else { 1770 this.boxTopX = null; 1771 this.boxTopY = null; 1772 this.boxBottomX = null; 1773 this.boxBottomY = null; 1774 } 1775 1776 } 1777 }" x-on:mousemove.passive="handleMouseMove(event)" 1778 x-on:mousemove.debounce.500ms="enableSafeZone = false;"> 1779 <div class="container grid w-full grid-cols-4 py-8 mx-auto"> 1780 1781 <div class="transition-opacity duration-500 ease-in-out opacity-0" x-bind:class="{ 1782 'opacity-0': openMegaMenu != '9cc7a354-3b14-41a4-aa60-683a4d077bdf', 1783 'opacity-100': openMegaMenu == '9cc7a354-3b14-41a4-aa60-683a4d077bdf', 1784 }"> 1785 <ul 1786 class=" font-montserrat text-mega-menu-text font-medium tracking-[0.025em] text-xs"> 1787 1788 <li> 1789 <a href="/services" 1790 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group underline" 1791 x-bind:class="{ 1792 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '77dad75f-1255-4bfd-a9cd-e5b95733259c', 1793 'text-white' : openMegaMenuLevelTwo == '77dad75f-1255-4bfd-a9cd-e5b95733259c', 1794 }" 1795 x-on:mouseenter="openMegaMenuLevelTwo = null" 1796 >
1797 <span 1798 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 1799 <span 1800 class="block w-full h-full origin-left bg-mega-menu-background-hover" 1801 x-show="openMegaMenuLevelTwo == '77dad75f-1255-4bfd-a9cd-e5b95733259c'"></span> 1802 </span> 1803 <span class=""> 1804 View all Services 1805 </span> 1806 1807 </a> 1808 </li> 1809 1810 <li> 1811 <a href="/services/climate-investment-fund" 1812 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 1813 x-bind:class="{ 1814 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '0673ddd0-b5d1-41bf-aec0-18b6bf58cb5b', 1815 'text-white' : openMegaMenuLevelTwo == '0673ddd0-b5d1-41bf-aec0-18b6bf58cb5b', 1816 }" 1817 x-on:mouseenter="openMegaMenuLevelTwo = null" 1818 > 1819 <span 1820 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 1821 <span 1822 class="block w-full h-full origin-left bg-mega-menu-background-hover" 1823 x-show="openMegaMenuLevelTwo == '0673ddd0-b5d1-41bf-aec0-18b6bf58cb5b'"></span> 1824 </span> 1825 <span class=""> 1826 Climate Investment Fund 1827 </span> 1828 1829 </a> 1830 </li> 1831 1832 <li> 1833 <a href="/services/philanthropy-advice" 1834 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 1835 x-bind:class="{ 1836 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '9263d105-493f-44ac-88b2-56172154ae3e', 1837 'text-white' : openMegaMenuLevelTwo == '9263d105-493f-44ac-88b2-56172154ae3e', 1838 }" 1839 x-on:mouseenter="openMegaMenuLevelTwo = null" 1840 > 1841 <span 1842 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 1843 <span 1844 class="block w-full h-full origin-left bg-mega-menu-background-hover" 1845 x-show="openMegaMenuLevelTwo == '9263d105-493f-44ac-88b2-56172154ae3e'"></span> 1846 </span>
1847 <span class=""> 1848 Philanthropy Advice 1849 </span> 1850 1851 </a> 1852 </li> 1853 1854 </ul> 1855 </div> 1856 1857 <div class="grid col-span-3 //items-start" x-ref="megaMenuChildren"> 1858 <div class="grid grid-cols-3 col-start-1 row-start-1 gap-8 bg-mega-menu-background" 1859 x-show="openMegaMenuLevelTwo == null"> 1860 1861 <div class="pl-4 border-l border-mega-menu-separator"> 1862 1863 1864 <a href="https://pelorusfoundation.org/services/climate-investment-fund" class="block group"> 1865 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 1866 1867 <img 1868 class="object-cover w-full h-full" 1869 src="https://dx466kr41l2b.cloudfront.net/images/climate-investment-fun-foundation-hero.jpg" 1870 alt="" 1871 width="2250" 1872 width="1000" 1873 > 1874 1875 </div> 1876 1877 <p 1878 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 1879 Climate Investment Fund 1880 </p> 1881 1882 <p 1883 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 1884 The Climate Investment Fund is a dynamic carbon credit portfolio working to scale projects that actually remove carbon dioxide from the atmosphere. 1885 </p> 1886 1887 <button 1888 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 1889 type="button"> 1890 Read more 1891 </button> 1892 </a> 1893 1894 </div> 1895 1896 1897 1898 <div class="pl-4 border-l border-mega-menu-separator"> 1899 1900 <a href="https://pelorusfoundation.org/services/philanthropy-advice" class="block group"> 1901 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 1902 1903 <img 1904 class="object-cover w-full h-full" 1905 src="https://dx466kr41l2b.cloudfront.net/images/foundation/pages/philanthropy-advice/gorilla-leaves-background-square.png" 1906 alt="" 1907 width="1000" 1908 width="1000" 1909 > 1910 1911 </div> 1912 1913 <p 1914 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 1915 Philanthropy Advice 1916 </p> 1917 1918 <p 1919 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 1920 At our charity we go beyond traditional grant-making. We are your trusted partner in helping you make a real difference through philanthropy, offering expert advice and tailored support for individuals, businesses, and philanthropists. 1921 </p> 1922 1923 <button 1924 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 1925 type="button"> 1926 Read more 1927 </button> 1928 </a> 1929 1930 </div> 1931 1932 1933 1934 <div class="pl-4 border-l border-mega-menu-separator"> 1935 1936 </div> 1937 </div> 1938 1939 1940 1941 1942 1943 1944 1945 1946 </div> 1947 </div> 1948
1949 <svg x-show="openMegaMenuLevelTwo !== null" 1950 class="fixed z-50 bg-red-500 opacity-0 pointer-events-none" 1951 x-bind:width="Math.max((boxTopX - mouseX) + 30, 0)" 1952 x-bind:height="Math.max(boxBottomY - boxTopY, 0)" x-bind:style="{ 1953 'top': boxTopY, 1954 'left': mouseX, 1955 }"> 1956 1957 <path class="pointer-events-auto" stroke="red" strokeWidth="0.4" fill="green" 1958 x-bind:d=" 1959 `M 0, ${mouseY - boxTopY} 1960 L ${(boxTopX - mouseX) + 30},${boxBottomY - boxTopY} 1961 L ${(boxTopX - mouseX) + 30},0 1962 L 0,${mouseY - boxTopY} 1963 z` 1964 " /> 1965 </svg> 1966 </div> 1967 1968 1969 1970 <div class="col-start-1 row-start-1" x-show="openMegaMenu == '0d3c7c8b-7be5-4c2e-a155-82e382ef882b'" 1971 x-collapse.duration.500ms x-data="{ 1972 mouseX: null, 1973 mouseY: null, 1974 boxTopX: null, 1975 boxTopY: null, 1976 boxBottomX: null, 1977 boxBottomY: null, 1978 enableSafeZone: false, 1979 handleMouseMove(event) { 1980 this.enableSafeZone = true; 1981 this.mouseX = event.clientX; 1982 this.mouseY = event.clientY; 1983 1984 let activeChildLinks = this.$refs.megaMenuChildren; 1985 1986 if( activeChildLinks ) { 1987 let boxBounding = activeChildLinks.getBoundingClientRect(); 1988 this.boxTopX = boxBounding.left; 1989 this.boxTopY = boxBounding.top; 1990 this.boxBottomX = boxBounding.left; 1991 this.boxBottomY = boxBounding.bottom; 1992 } else { 1993 this.boxTopX = null; 1994 this.boxTopY = null; 1995 this.boxBottomX = null; 1996 this.boxBottomY = null; 1997 } 1998 1999 } 2000 }" x-on:mousemove.passive="handleMouseMove(event)" 2001 x-on:mousemove.debounce.500ms="enableSafeZone = false;"> 2002 <div class="container grid w-full grid-cols-4 py-8 mx-auto"> 2003 2004 <div class="transition-opacity duration-500 ease-in-out opacity-0" x-bind:class="{ 2005 'opacity-0': openMegaMenu != '0d3c7c8b-7be5-4c2e-a155-82e382ef882b', 2006 'opacity-100': openMegaMenu == '0d3c7c8b-7be5-4c2e-a155-82e382ef882b', 2007 }"> 2008 <ul 2009 class=" font-montserrat text-mega-menu-text font-medium tracking-[0.025em] text-xs"> 2010 2011 <li> 2012 <a href="/support/appeals" 2013 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2014 x-bind:class="{ 2015 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '00e375ae-95b9-4569-b218-2fe304a10994', 2016 'text-white' : openMegaMenuLevelTwo == '00e375ae-95b9-4569-b218-2fe304a10994', 2017 }" 2018 x-on:mouseenter="openMegaMenuLevelTwo = null" 2019 >
2020 <span 2021 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2022 <span 2023 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2024 x-show="openMegaMenuLevelTwo == '00e375ae-95b9-4569-b218-2fe304a10994'"></span> 2025 </span> 2026 <span class=""> 2027 Appeals 2028 </span> 2029 2030 </a> 2031 </li> 2032 2033 <li> 2034 <a href="/support/events-and-experiences" 2035 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2036 x-bind:class="{ 2037 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '6ba0d6c7-c644-40c9-86d7-fa806a642639', 2038 'text-white' : openMegaMenuLevelTwo == '6ba0d6c7-c644-40c9-86d7-fa806a642639', 2039 }" 2040 x-on:mouseenter="openMegaMenuLevelTwo = null" 2041 > 2042 <span 2043 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2044 <span 2045 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2046 x-show="openMegaMenuLevelTwo == '6ba0d6c7-c644-40c9-86d7-fa806a642639'"></span> 2047 </span> 2048 <span class=""> 2049 Events & Experiences 2050 </span> 2051 2052 </a> 2053 </li> 2054 2055 <li> 2056 <a href="/support/gifts-in-wills" 2057 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2058 x-bind:class="{ 2059 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '6810edd9-48da-4eeb-ae7c-e29e855f84c3', 2060 'text-white' : openMegaMenuLevelTwo == '6810edd9-48da-4eeb-ae7c-e29e855f84c3', 2061 }" 2062 x-on:mouseenter="openMegaMenuLevelTwo = null" 2063 > 2064 <span 2065 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2066 <span 2067 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2068 x-show="openMegaMenuLevelTwo == '6810edd9-48da-4eeb-ae7c-e29e855f84c3'"></span> 2069 </span>
2070 <span class=""> 2071 Gifts in Wills 2072 </span> 2073 2074 </a> 2075 </li> 2076 2077 <li> 2078 <a href="/support/philanthropy" 2079 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2080 x-bind:class="{ 2081 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != 'c246a0a3-3f06-420f-a4c7-ed8126485f05', 2082 'text-white' : openMegaMenuLevelTwo == 'c246a0a3-3f06-420f-a4c7-ed8126485f05', 2083 }" 2084 x-on:mouseenter="openMegaMenuLevelTwo = null" 2085 > 2086 <span 2087 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2088 <span 2089 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2090 x-show="openMegaMenuLevelTwo == 'c246a0a3-3f06-420f-a4c7-ed8126485f05'"></span> 2091 </span> 2092 <span class=""> 2093 Philanthropy 2094 </span> 2095 2096 </a> 2097 </li> 2098 2099 <li> 2100 <a href="/support/company-giving" 2101 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2102 x-bind:class="{ 2103 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '9f4c2d71-2082-4550-8fd0-abed51daa220', 2104 'text-white' : openMegaMenuLevelTwo == '9f4c2d71-2082-4550-8fd0-abed51daa220', 2105 }" 2106 x-on:mouseenter="openMegaMenuLevelTwo = null" 2107 > 2108 <span 2109 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2110 <span 2111 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2112 x-show="openMegaMenuLevelTwo == '9f4c2d71-2082-4550-8fd0-abed51daa220'"></span> 2113 </span> 2114 <span class=""> 2115 Company Giving 2116 </span> 2117 2118 </a> 2119 </li> 2120 2121 <li> 2122 <a href="/support/fundraise" 2123 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2124 x-bind:class="{ 2125 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '41cc55a2-fcbc-4c53-9bc8
2125-5e5bb39bd007', 2126 'text-white' : openMegaMenuLevelTwo == '41cc55a2-fcbc-4c53-9bc8-5e5bb39bd007', 2127 }" 2128 x-on:mouseenter="openMegaMenuLevelTwo = null" 2129 > 2130 <span 2131 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2132 <span 2133 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2134 x-show="openMegaMenuLevelTwo == '41cc55a2-fcbc-4c53-9bc8-5e5bb39bd007'"></span> 2135 </span> 2136 <span class=""> 2137 Fundraising 2138 </span> 2139 2140 </a> 2141 </li> 2142 2143 </ul> 2144 </div> 2145 2146 <div class="grid col-span-3 //items-start" x-ref="megaMenuChildren"> 2147 <div class="grid grid-cols-3 col-start-1 row-start-1 gap-8 bg-mega-menu-background" 2148 x-show="openMegaMenuLevelTwo == null"> 2149 2150 <div class="pl-4 border-l border-mega-menu-separator"> 2151 2152 2153 <a href="https://pelorusfoundation.org/support/events-and-experiences" class="block group"> 2154 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 2155 2156 <img 2157 class="object-cover w-full h-full" 2158 src="https://dx466kr41l2b.cloudfront.net/images/foundation/pages/events-experiences/geordie-clayshoot-talk-halfhero.jpg" 2159 alt="" 2160 width="2000" 2161 width="990" 2162 > 2163 2164 </div> 2165 2166 <p 2167 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 2168 Events & Experiences 2169 </p> 2170 2171 <p 2172 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 2173 Support nature at our events and through our exclusive conservation experiences. 2174 </p> 2175 2176 <button 2177 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 2178 type="button"> 2179 Read more 2180 </button> 2181 </a> 2182 2183 </div> 2184 2185 2186 2187 <div class="pl-4 border-l border-mega-menu-separator"> 2188 2189 <a href="https://pelorusfoundation.org/support/gifts-in-wills" class="block group"> 2190 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 2191 2192 <img 2193 class="object-cover w-full h-full" 2194 src="https://dx466kr41l2b.cloudfront.net/images/foundation/pages/gifts-in-wills/grandparents-nature-1.jpg" 2195 alt="" 2196 width="1200" 2197 width="675" 2198 > 2199 2200 </div> 2201 2202 <p 2203 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 2204 Gifts in Wills 2205 </p> 2206 2207 <p 2208 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 2209 When you leave a gift in your Will to Pelorus Foundation, youâre helping to ensure the survival of endangered species and the protection of our planetâs precious wild places for generations to come. 2210 </p> 2211 2212 <button 2213 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 2214 type="button"> 2215 Read more 2216 </button> 2217 </a> 2218 2219 </div> 2220 2221 2222 2223 <div class="pl-4 border-l border-mega-menu-separator"> 2224 2225 <a href="https://pelorusfoundation.org/support/company-giving" class="block group"> 2226 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 2227 2228 <img 2229 class="object-cover w-full h-full" 2230 src="https://dx466kr41l2b.cloudfront.net/images/foundation/pages/company-giving/lioness-mom-cub-halfhero.jpg" 2231 alt="" 2232 width="2000" 2233 width="990" 2234 > 2235 2236 </div> 2237 2238 <p 2239 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 2240 Company Giving 2241 </p> 2242 2243 <p 2244 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 2245 At Pelorus Foundation we partner with forward-thinking businesses to make a real difference for the planet. 2246 </p> 2247 2248 <button 2249 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 2250 type="button"> 2251 Read more 2252 </button> 2253 </a> 2254 2255 </div> 2256 </div> 2257 2258 2259 2260 2261 2262 2263 2264 2265 2266 2267 2268 2269 2270 2271 </div> 2272 </div> 2273
2274 <svg x-show="openMegaMenuLevelTwo !== null" 2275 class="fixed z-50 bg-red-500 opacity-0 pointer-events-none" 2276 x-bind:width="Math.max((boxTopX - mouseX) + 30, 0)" 2277 x-bind:height="Math.max(boxBottomY - boxTopY, 0)" x-bind:style="{ 2278 'top': boxTopY, 2279 'left': mouseX, 2280 }"> 2281 2282 <path class="pointer-events-auto" stroke="red" strokeWidth="0.4" fill="green" 2283 x-bind:d=" 2284 `M 0, ${mouseY - boxTopY} 2285 L ${(boxTopX - mouseX) + 30},${boxBottomY - boxTopY} 2286 L ${(boxTopX - mouseX) + 30},0 2287 L 0,${mouseY - boxTopY} 2288 z` 2289 " /> 2290 </svg> 2291 </div> 2292 2293 2294 2295 <div class="col-start-1 row-start-1" x-show="openMegaMenu == '6a2bb2b7-a22f-4b58-a580-62c7846b7067'" 2296 x-collapse.duration.500ms x-data="{ 2297 mouseX: null, 2298 mouseY: null, 2299 boxTopX: null, 2300 boxTopY: null, 2301 boxBottomX: null, 2302 boxBottomY: null, 2303 enableSafeZone: false, 2304 handleMouseMove(event) { 2305 this.enableSafeZone = true; 2306 this.mouseX = event.clientX; 2307 this.mouseY = event.clientY; 2308 2309 let activeChildLinks = this.$refs.megaMenuChildren; 2310 2311 if( activeChildLinks ) { 2312 let boxBounding = activeChildLinks.getBoundingClientRect(); 2313 this.boxTopX = boxBounding.left; 2314 this.boxTopY = boxBounding.top; 2315 this.boxBottomX = boxBounding.left; 2316 this.boxBottomY = boxBounding.bottom; 2317 } else { 2318 this.boxTopX = null; 2319 this.boxTopY = null; 2320 this.boxBottomX = null; 2321 this.boxBottomY = null; 2322 } 2323 2324 } 2325 }" x-on:mousemove.passive="handleMouseMove(event)" 2326 x-on:mousemove.debounce.500ms="enableSafeZone = false;"> 2327 <div class="container grid w-full grid-cols-4 py-8 mx-auto"> 2328 2329 <div class="transition-opacity duration-500 ease-in-out opacity-0" x-bind:class="{ 2330 'opacity-0': openMegaMenu != '6a2bb2b7-a22f-4b58-a580-62c7846b7067', 2331 'opacity-100': openMegaMenu == '6a2bb2b7-a22f-4b58-a580-62c7846b7067', 2332 }"> 2333 <ul 2334 class=" font-montserrat text-mega-menu-text font-medium tracking-[0.025em] text-xs"> 2335 2336 <li> 2337 <a href="/news" 2338 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2339 x-bind:class="{ 2340 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != 'e4fb9bed-2f0d-4f1b-9d04-575d2791d064', 2341 'text-white' : openMegaMenuLevelTwo == 'e4fb9bed-2f0d-4f1b-9d04-575d2791d064', 2342 }" 2343 x-on:mouseenter="openMegaMenuLevelTwo = null" 2344 >
2345 <span 2346 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2347 <span 2348 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2349 x-show="openMegaMenuLevelTwo == 'e4fb9bed-2f0d-4f1b-9d04-575d2791d064'"></span> 2350 </span> 2351 <span class=""> 2352 News 2353 </span> 2354 2355 </a> 2356 </li> 2357 2358 <li> 2359 <a href="/newsletter" 2360 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2361 x-bind:class="{ 2362 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '21d30fa6-1580-4068-bcad-4d1af75da162', 2363 'text-white' : openMegaMenuLevelTwo == '21d30fa6-1580-4068-bcad-4d1af75da162', 2364 }" 2365 x-on:mouseenter="openMegaMenuLevelTwo = null" 2366 > 2367 <span 2368 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2369 <span 2370 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2371 x-show="openMegaMenuLevelTwo == '21d30fa6-1580-4068-bcad-4d1af75da162'"></span> 2372 </span> 2373 <span class=""> 2374 Newsletter 2375 </span> 2376 2377 </a> 2378 </li> 2379 2380 </ul> 2381 </div> 2382 2383 <div class="grid col-span-3 //items-start" x-ref="megaMenuChildren"> 2384 <div class="grid grid-cols-3 col-start-1 row-start-1 gap-8 bg-mega-menu-background" 2385 x-show="openMegaMenuLevelTwo == null"> 2386 2387 <div class="pl-4 border-l border-mega-menu-separator"> 2388 2389 2390 <a href="https://pelorusfoundation.org/news/citizen-science-conservation" class="block group"> 2391 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 2392 2393 <img 2394 class="object-cover w-full h-full" 2395 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/citizen-coastal-conservation/citizen-scientist-tape-square.jpg" 2396 alt="A group of men on a sandy beach are engaged in a team activity, focused on tying or measuring ropes. Some individuals are wearing casual clothing, and palm trees are visible in the background." 2397 width="1000" 2398 width="1000" 2399 > 2400 2401 </div> 2402 2403 <p 2404 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 2405 Citizen-Led Coastal Conservation 2406 </p> 2407 2408 <p 2409 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 2410 Oceans Alive Kenya has focused on training Kuruwitu residents to become citizen scientists, equipping them with the skills to monitor their own marine environment. 2411 </p> 2412 2413 <button 2414 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 2415 type="button"> 2416 Read more 2417 </button> 2418 </a> 2419 2420 </div> 2421 2422 2423 2424 <div class="pl-4 border-l border-mega-menu-separator"> 2425 2426 <a href="https://pelorusfoundation.org/news/impact-report-2025" class="block group"> 2427 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 2428 2429 <img 2430 class="object-cover w-full h-full" 2431 src="https://dx466kr41l2b.cloudfront.net/images/foundation/ne
2431ws/pelorus-foundation-impact-report-2024/mongolia-plain-halfhero.jpg" 2432 alt="" 2433 width="2000" 2434 width="990" 2435 > 2436 2437 </div> 2438 2439 <p 2440 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 2441 Our latest Impact Report 2442 </p> 2443 2444 <p 2445 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 2446 In our latest Annual Impact Report, see how your support has helped to drive real impact in protecting wildlife and wild places, safeguarding the natural world for generations to come. 2447 </p> 2448 2449 <button 2450 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 2451 type="button"> 2452 Read more 2453 </button> 2454 </a> 2455 2456 </div> 2457 2458 2459 2460 <div class="pl-4 border-l border-mega-menu-separator"> 2461 2462 <a href="https://pelorusfoundation.org/news/weathering-mangrove-deforestation" class="block group"> 2463 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 2464 2465 <img 2466 class="object-cover w-full h-full" 2467 src="https://dx466kr41l2b.cloudfront.net/images/hero-mangrove-forest-underwater.jpg" 2468 alt="" 2469 width="1920" 2470 width="950" 2471 > 2472 2473 </div> 2474 2475 <p 2476 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 2477 Weathering the storm of Mangrove deforestation 2478 </p> 2479 2480 <p 2481 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 2482 On every continent apart from Antarctica mangroves dominate 75% of the worldâs tropical coastlines. Yet, in the last 20 years over 50% have been cut down, largely due to human impact. 2483 </p> 2484 2485 <button 2486 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 2487 type="button"> 2488 Read more 2489 </button> 2490 </a> 2491 2492 </div> 2493 </div> 2494 2495 2496 2497 2498 2499 2500 </div> 2501 </div> 2502
2503 <svg x-show="openMegaMenuLevelTwo !== null" 2504 class="fixed z-50 bg-red-500 opacity-0 pointer-events-none" 2505 x-bind:width="Math.max((boxTopX - mouseX) + 30, 0)" 2506 x-bind:height="Math.max(boxBottomY - boxTopY, 0)" x-bind:style="{ 2507 'top': boxTopY, 2508 'left': mouseX, 2509 }"> 2510 2511 <path class="pointer-events-auto" stroke="red" strokeWidth="0.4" fill="green" 2512 x-bind:d=" 2513 `M 0, ${mouseY - boxTopY} 2514 L ${(boxTopX - mouseX) + 30},${boxBottomY - boxTopY} 2515 L ${(boxTopX - mouseX) + 30},0 2516 L 0,${mouseY - boxTopY} 2517 z` 2518 " /> 2519 </svg> 2520 </div> 2521 2522 2523 2524 <div class="col-start-1 row-start-1" x-show="openMegaMenu == '7dd04c16-4a8b-45a0-8632-56dfcfec51e5'" 2525 x-collapse.duration.500ms x-data="{ 2526 mouseX: null, 2527 mouseY: null, 2528 boxTopX: null, 2529 boxTopY: null, 2530 boxBottomX: null, 2531 boxBottomY: null, 2532 enableSafeZone: false, 2533 handleMouseMove(event) { 2534 this.enableSafeZone = true; 2535 this.mouseX = event.clientX; 2536 this.mouseY = event.clientY; 2537 2538 let activeChildLinks = this.$refs.megaMenuChildren; 2539 2540 if( activeChildLinks ) { 2541 let boxBounding = activeChildLinks.getBoundingClientRect(); 2542 this.boxTopX = boxBounding.left; 2543 this.boxTopY = boxBounding.top; 2544 this.boxBottomX = boxBounding.left; 2545 this.boxBottomY = boxBounding.bottom; 2546 } else { 2547 this.boxTopX = null; 2548 this.boxTopY = null; 2549 this.boxBottomX = null; 2550 this.boxBottomY = null; 2551 } 2552 2553 } 2554 }" x-on:mousemove.passive="handleMouseMove(event)" 2555 x-on:mousemove.debounce.500ms="enableSafeZone = false;"> 2556 <div class="container grid w-full grid-cols-4 py-8 mx-auto"> 2557 2558 <div class="transition-opacity duration-500 ease-in-out opacity-0" x-bind:class="{ 2559 'opacity-0': openMegaMenu != '7dd04c16-4a8b-45a0-8632-56dfcfec51e5', 2560 'opacity-100': openMegaMenu == '7dd04c16-4a8b-45a0-8632-56dfcfec51e5', 2561 }"> 2562 <ul 2563 class=" font-montserrat text-mega-menu-text font-medium tracking-[0.025em] text-xs"> 2564 2565 <li> 2566 <a href="/about" 2567 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group underline" 2568 x-bind:class="{ 2569 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != 'c1e011f4-a2bc-46d1-97cc-855ff3e4d05c', 2570 'text-white' : openMegaMenuLevelTwo == 'c1e011f4-a2bc-46d1-97cc-855ff3e4d05c', 2571 }" 2572 x-on:mouseenter="openMegaMenuLevelTwo = null" 2573 >
2574 <span 2575 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2576 <span 2577 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2578 x-show="openMegaMenuLevelTwo == 'c1e011f4-a2bc-46d1-97cc-855ff3e4d05c'"></span> 2579 </span> 2580 <span class=""> 2581 About Pelorus Foundation 2582 </span> 2583 2584 </a> 2585 </li> 2586 2587 <li> 2588 <a href="/about/our-strategy" 2589 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2590 x-bind:class="{ 2591 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '45e4fdfe-867e-42f7-aaa4-02ed8e37503d', 2592 'text-white' : openMegaMenuLevelTwo == '45e4fdfe-867e-42f7-aaa4-02ed8e37503d', 2593 }" 2594 x-on:mouseenter="openMegaMenuLevelTwo = null" 2595 > 2596 <span 2597 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2598 <span 2599 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2600 x-show="openMegaMenuLevelTwo == '45e4fdfe-867e-42f7-aaa4-02ed8e37503d'"></span> 2601 </span> 2602 <span class=""> 2603 Our Strategy 2604 </span> 2605 2606 </a> 2607 </li> 2608 2609 <li> 2610 <a href="/about/team" 2611 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2612 x-bind:class="{ 2613 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != '8a378814-cd9c-495e-9355-e9dd4dab2eb7', 2614 'text-white' : openMegaMenuLevelTwo == '8a378814-cd9c-495e-9355-e9dd4dab2eb7', 2615 }" 2616 x-on:mouseenter="openMegaMenuLevelTwo = null" 2617 > 2618 <span 2619 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2620 <span 2621 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2622 x-show="openMegaMenuLevelTwo == '8a378814-cd9c-495e-9355-e9dd4dab2eb7'"></span> 2623 </span>
2624 <span class=""> 2625 Our People 2626 </span> 2627 2628 </a> 2629 </li> 2630 2631 <li> 2632 <a href="/about/careers" 2633 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2634 x-bind:class="{ 2635 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != 'fe7d3f17-74ca-4821-b633-c7a036028e09', 2636 'text-white' : openMegaMenuLevelTwo == 'fe7d3f17-74ca-4821-b633-c7a036028e09', 2637 }" 2638 x-on:mouseenter="openMegaMenuLevelTwo = null" 2639 > 2640 <span 2641 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2642 <span 2643 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2644 x-show="openMegaMenuLevelTwo == 'fe7d3f17-74ca-4821-b633-c7a036028e09'"></span> 2645 </span> 2646 <span class=""> 2647 Work for us 2648 </span> 2649 2650 </a> 2651 </li> 2652 2653 <li> 2654 <a href="/contact" 2655 class="relative isolate flex items-center justify-between w-full py-1.5 pr-14 group " 2656 x-bind:class="{ 2657 'hover:text-mega-menu-text-hover' : openMegaMenuLevelTwo != 'b205689e-d42d-42f0-8201-4edcb6e10782', 2658 'text-white' : openMegaMenuLevelTwo == 'b205689e-d42d-42f0-8201-4edcb6e10782', 2659 }" 2660 x-on:mouseenter="openMegaMenuLevelTwo = null" 2661 > 2662 <span 2663 class="absolute inset-0 block w-full h-full origin-right scale-x-105 scale-y-125 -z-10"> 2664 <span 2665 class="block w-full h-full origin-left bg-mega-menu-background-hover" 2666 x-show="openMegaMenuLevelTwo == 'b205689e-d42d-42f0-8201-4edcb6e10782'"></span> 2667 </span> 2668 <span class=""> 2669 Contact 2670 </span> 2671 2672 </a> 2673 </li> 2674 2675 </ul> 2676 </div> 2677
2678 <div class="grid col-span-3 //items-start" x-ref="megaMenuChildren"> 2679 <div class="grid grid-cols-3 col-start-1 row-start-1 gap-8 bg-mega-menu-background" 2680 x-show="openMegaMenuLevelTwo == null"> 2681 2682 <div class="pl-4 border-l border-mega-menu-separator"> 2683 2684 2685 <a href="https://pelorusfoundation.org/about/team" class="block group"> 2686 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 2687 2688 <img 2689 class="object-cover w-full h-full" 2690 src="https://dx466kr41l2b.cloudfront.net/images/foundation/foundation/foundation-team-hero-our-people-conservation.jpg" 2691 alt="" 2692 width="2250" 2693 width="1000" 2694 > 2695 2696 </div> 2697 2698 <p 2699 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 2700 Our People 2701 </p> 2702 2703 <p 2704 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 2705 Meet our team of expert conservationists, marine biologists and environmental researchers are dedicated to protecting the planet and driving global awareness. 2706 </p> 2707 2708 <button 2709 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 2710 type="button"> 2711 Read more 2712 </button> 2713 </a> 2714 2715 </div> 2716 2717 2718 2719 <div class="pl-4 border-l border-mega-menu-separator"> 2720 2721 <a href="https://pelorusfoundation.enthuse.com/pelorusfoundation/donate#!/" class="block group"> 2722 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 2723 2724 <img 2725 class="object-cover w-full h-full" 2726 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/protecting-pangolins-southern-africa-askemma/pangolin-hand-africa-halfhero.jpg" 2727 alt="" 2728 width="2000" 2729 width="990" 2730 > 2731 2732 </div> 2733 2734 <p 2735 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 2736 Ways of Donating 2737 </p> 2738 2739 <p 2740 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 2741 Learn how to get involved and contribute to the projects we work on 2742 </p> 2743 2744 <button 2745 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 2746 type="button"> 2747 Read more 2748 </button> 2749 </a> 2750 2751 </div> 2752 2753 2754 2755 <div class="pl-4 border-l border-mega-menu-separator"> 2756 2757 <a href="https://pelorusfoundation.org/contact" class="block group"> 2758 <div class="w-full mb-4 aspect-w-4 aspect-h-3"> 2759 2760 <img 2761 class="object-cover w-full h-full" 2762 src="https://dx466kr41l2b.cloudfront.net/images/travel/country/antarctica/antarctica-penguins-half-moon-island-chinstrap-colony-coldhouse.jpg" 2763 alt="A group of chinstrap penguins on rocky terrain, with two penguins appearing to kiss while others look on. The scene is set against a cloudy sky." 2764 width="1000" 2765 width="667" 2766 > 2767 2768 </div> 2769 2770 <p 2771 class="mb-4 text-2xl tracking-wide uppercase font-mfred text-mega-menu-featured-heading"> 2772 Contact us 2773 </p> 2774 2775 <p 2776 class="mb-6 text-sm font-light font-berlingske text-mega-menu-featured-body"> 2777 To speak to a member of our team. 2778 </p> 2779 2780 <button 2781 class="text-xs font-semibold font-montserrat text-mega-menu-featured-button link-animated" 2782 type="button"> 2783 Read more 2784 </button> 2785 </a> 2786 2787 </div> 2788 </div> 2789 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 </div> 2802 </div> 2803
2804 <svg x-show="openMegaMenuLevelTwo !== null" 2805 class="fixed z-50 bg-red-500 opacity-0 pointer-events-none" 2806 x-bind:width="Math.max((boxTopX - mouseX) + 30, 0)" 2807 x-bind:height="Math.max(boxBottomY - boxTopY, 0)" x-bind:style="{ 2808 'top': boxTopY, 2809 'left': mouseX, 2810 }"> 2811 2812 <path class="pointer-events-auto" stroke="red" strokeWidth="0.4" fill="green" 2813 x-bind:d=" 2814 `M 0, ${mouseY - boxTopY} 2815 L ${(boxTopX - mouseX) + 30},${boxBottomY - boxTopY} 2816 L ${(boxTopX - mouseX) + 30},0 2817 L 0,${mouseY - boxTopY} 2818 z` 2819 " /> 2820 </svg> 2821 </div> 2822 2823 2824 2825 2826 </div> 2827 </div> 2828 2829 </div> 2830 2831 <div class="fixed inset-x-0 top-0 z-50 hidden w-full px-8 pointer-events-none lg:block"> 2832 <div class="container flex items-center justify-end py-4" style="height: 84px"> 2833 <div class="relative flex items-center isolate"> 2834 2835 2836 <div class="absolute transition-opacity duration-500 ease-in-out -translate-x-1/2 -translate-y-1/2 rounded-full opacity-0 -z-10 w-14 h-14 left-1/2 top-1/2 bg-hamburger-inactive-background/25" 2837 x-bind:class="{ 2838 '!opacity-100' : isHomepage ? !showMenu : (showMenu === null ? scrolled : !showMenu) 2839 }"></div> 2840 2841 <button class="pointer-events-auto hamburger" x-bind:class="{ 2842 'active' : isHomepage ? showMenu : (showMenu === null ? !scrolled : showMenu) 2843 }" x-on:click="showMenu = showMenu === null && !isHomepage ? scrolled : !showMenu"> 2844 <span class="hamburger-bar"></span> 2845 <span class="hamburger-bar"></span> 2846 <span class="hamburger-bar"></span> 2847 </button> 2848 </div> 2849 </div> 2850 </div> 2851</div> 2852<!-- End: /layout/_header-desktop.antlers.html --> 2853 </nav> 2854 2855 2856</header> 2857 2858<!-- End: /layout/_header.antlers.html --> 2859 2860 <!-- /default.antlers.html --> 2861 2862<main> 2863 2864 <!-- /page_builder/_hero_half_screen.antlers.html --> 2865<section 2866 id="aQpHRAvQ" 2867 class="hero-half-screen relative w-full min-h-[max(50vh,40rem)] h-px overflow-hidden" 2868 x-data="{ 2869 init(){ 2870 this.slider = new Swiper(this.$refs.swiper, { 2871 loop: true, 2872 slidesPerView: 1, 2873 effect: 'fade', 2874 }); 2875 }, 2876 slider: null, 2877 }"> 2878 <div x-ref="swiper" class="h-full "> 2879 <div class="swiper-wrapper"> 2880 2881 <div class=" !w-full !shrink-0"> 2882 2883 2884 <img 2885 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/citizen-coastal-conservation/citizen-scientists-kenya-half-hero.jpg" 2886 alt="Four young men gather around a table, focused on a discussion. One man stands, pointing at notes on a sheet of paper, while the others sit attentively, with expressions of contemplation. The setting is casual, with a sofa visible in the background." 2887 width="2000" 2888 height="990" 2889 style="object-position: 47% 0%;" 2890 class="absolute inset-0 object-cover w-full h-full " 2891 > 2892 2893 2894 2895 2896 2897 <div 2898 class="absolute inset-0 w-full h-full" 2899 style="background-image: linear-gradient(to bottom, rgba(255,0,0,0), #191919); opacity: 40%;" 2900 > 2901 </div> 2902 2903 <div 2904 class=" 2905 absolute inset-0 z-10 flex w-full h-full 2906 2907 justify-center 2908 2909 2910 2911 items-end 2912 2913 2914 2915 pt-0 2916 2917 2918 2919 pr-0 2920 2921 2922 2923 pb-8 2924 2925 2926 2927 pl-0 2928 2929 2930 " 2931 > 2932 <div 2933 class=" 2934 bard-content 2935 2936 2937 2938 2939 2940 2941 2942max-w-5xl 2943 2944 2945 " 2946> 2947 2948 2949 <h1 style="text-align: center;" class="bard-size-8xl bard-tracking-wide bard-font-mfred bard-case-uppercase"><span style="color: #FFFFFF;">News</span></h1> 2950 2951 2952</div> 2953 </div> 2954 </div> 2955 2956 </div> 2957 </div> 2958 2959</section> 2960<!-- End: /page_builder/_hero_half_screen.antlers.html --> 2961 2962 <!-- /page_builder/_breadcrumbs.antlers.html --> 2963<section 2964 id="lqzg6jv4"
2965 class="breadcrumbs w-full border-y border-[#EBE9E6]" 2966 style="" 2967> 2968 <div 2969 class="container" 2970 style="" 2971 > 2972 <div class="flex py-4 divide-x divide-[#F38B00] items-center overflow-x-auto"> 2973 2974 <a 2975 href="/" 2976 class="text-xxs font-montserrat font-medium text-[#66665D] px-3 first:pl-0 last:pr-0 whitespace-nowrap" 2977 > 2978 Home 2979 </a> 2980 2981 <a 2982 href="" 2983 class="text-xxs font-montserrat font-medium text-[#66665D] px-3 first:pl-0 last:pr-0 whitespace-nowrap" 2984 > 2985 News 2986 </a> 2987 2988 </div> 2989 </div> 2990</section> 2991<!-- End: /page_builder/_breadcrumbs.antlers.html --> 2992 2993 <!-- /page_builder/_news_grid.antlers.html --> 2994<section 2995 id="lzickniy" 2996 class="news-grid relative w-full" 2997 style="" 2998> 2999 <div 3000 class="container" 3001 style="" 3002 > 3003 <div> 3004 3005 3006 <div class="pt-8 pb-12 text-center"> 3007 <h2 class="uppercase text-lg pl-[7.2px] tracking-[7.2px] leading-[22px] font-semibold mb-2"> 3008 Filter 3009 </h2> 3010 <p class="text-[#66665D] text-sm font-berlingske">(16 Foundation News Tags)</p> 3011 </div> 3012 3013 <form action="" method="get" class="container justify-center space-y-4 md:space-y-0 md:flex md:space-x-4" x-data> 3014 3015 <div 3016 class="filter-select filter-select-via-variable" 3017 style="color: #063657; --filter-color: #063657;" 3018 > 3019 <select name="foundation_countries" x-on:change="$event.target.form.submit();" class="w-full"> 3020 <option value="" selected>Countries</option> 3021 3022 3023 3024 <option value="africa" > 3025 Africa 3026 </option> 3027 3028 3029 3030 <option value="antarctica" > 3031 Antarctica 3032 </option> 3033 3034 3035 3036 <option value="arctic" > 3037 Arctic 3038 </option> 3039 3040 3041 3042 <option value="australia" > 3043 Australia 3044 </option> 3045 3046 3047 3048 <option value="belize" > 3049 Belize 3050 </option> 3051 3052 3053 3054 <option value="botswana" > 3055 Botswana 3056 </option> 3057 3058 3059 3060 <option value="costa-rica" > 3061 Costa Rica 3062 </option> 3063 3064 3065 3066 <option value="democratic-republic-of-congo" > 3067 Democratic Republic of Congo 3068 </option> 3069 3070 3071 3072 <option value="eritrea" > 3073 Eritrea 3074 </option> 3075 3076 3077 3078 <option value="galapagos" > 3079 Galapagos 3080 </option> 3081 3082 3083 3084 <option value="guatemala" > 3085 Guatemala 3086 </option> 3087 3088 3089 3090 <option value="honduras" > 3091 Honduras 3092 </option> 3093 3094 3095 3096 <option value="iceland" > 3097 Iceland 3098 </option> 3099 3100 3101 3102 <option value="indonesia" > 3103 Indonesia 3104 </option> 3105 3106 3107 3108 <option value="kenya" > 3109 Kenya 3110 </option> 3111 3112 3113 3114 <option value="mexico" > 3115 Mexico 3116 </option> 3117 3118 3119 3120 <option value="mongolia" > 3121 Mongolia 3122 </option> 3123 3124 3125 3126 <option value="mozambique" > 3127 Mozambique 3128 </option> 3129 3130 3131 3132 <option value="namibia" > 3133 Namibia 3134 </option> 3135 3136 3137 3138 <option value="nicaragua" > 3139 Nicaragua 3140 </option> 3141 3142 3143 3144 <option value="rwanda" > 3145 Rwanda 3146 </option> 3147 3148 3149 3150 <option value="scotland" > 3151 Scotland 3152 </option> 3153 3154 3155 3156 <option value="south-africa" > 3157 South Africa 3158 </option> 3159 3160 3161 3162 <option value="sudan" > 3163 Sudan 3164 </option> 3165 3166 3167 3168 <option value="tanzania" > 3169 Tanzania 3170 </option> 3171 3172 3173 3174 <option value="timor-leste" > 3175 Timor-Leste 3176 </option> 3177 3178 3179 3180 <option value="united-kingdom" > 3181 United Kingdom 3182 </option> 3183 3184 3185 3186 <option value="united-states" > 3187 United States 3188 </option> 3189 3190 3191 3192 <option value="vietnam" > 3193 Vietnam 3194 </option> 3195 3196 3197 3198 <option value="zimbabwe" > 3199 Zimbabwe 3200 </option> 3201 3202 3203 3204 </select> 3205 </div> 3206 3207 3208 <div 3209 class="filter-select filter-select-via-variable" 3210 style="color: #063657; --filter-color: #063657;" 3211 > 3212 <select name="foundation_project_types" x-on:change="$event.target.form.submit();" class="w-full"> 3213 <option value="" selected>Project Types</option> 3214 3215 3216 3217 <option value="agroforestry" > 3218 Agroforestry 3219 </option> 3220 3221 3222 3223 <option value="carbon-capture" > 3224 Carbon Capture 3225 </option> 3226 3227 3228 3229 <option value="community-development" > 3230 Community Development 3231 </option> 3232 3233 3234 3235 <option value="corporate-social-responsibility" > 3236 Corporate Social Responsibility 3237 </option> 3238 3239 3240 3241 <option value="fighting-wildlife-crime" > 3242 Fighting Wildlife Crime 3243 </option> 3244 3245 3246 3247 <option value="ocean-conservation" > 3248 Ocean Conservation 3249 </option> 3250 3251 3252 3253 <option value="regenerating-land-and-forests" > 3254 Regenerating Land and Forests 3255 </option> 3256 3257 3258 3259 <option value="technology-in-conservation" > 3260 Technology in Conservation 3261 </option> 3262 3263 3264 3265 <option value="wildlife-coexistence" > 3266 Wildlife Coexistence 3267 </option> 3268 3269 3270 3271 <option value="wildlife-protection" > 3272 Wildlife Protection 3273 </option> 3274 3275 3276 3277 </select> 3278 </div> 3279 3280 </form> 3281 3282 <div class="grid grid-cols-1 py-16 mx-auto overflow-hidden gap-14 grid-col md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 grid-flow-dense" style="grid-auto-rows: minmax(370px, auto);"> 3283 3284 <a 3285 href="/news/high-seas-treaty-landmark-moment" 3286 class="block w-full entry_grid group " 3287 > 3288 <div class="w-full h-[370px] overflow-hidden"> 3289 3290 <img 3291 src="https://dx466kr41l2b.cloudfront.net/images/foundation/ne
3291ws/landmark-moment-ocean/leonhard_niederwimmer-jellyfish-7320516_1920.jpg" 3292 alt="" 3293 width="1265" 3294 height="1920" 3295 style="object-position: 46% 46%;" 3296 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3297 > 3298 3299 </div> 3300 <div class="max-w-xs py-4"> 3301 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3302 A Landmark Moment for the Ocean 3303 </h3> 3304 <button 3305 type="button" 3306 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3307 style="color: #063657; --animated-link-color: #063657;" 3308 > 3309 Read more 3310 </button> 3311 </div> 3312 </a> 3313 3314 <a 3315 href="/news/london-climate-week-pelorus-foundation-2026" 3316 class="block w-full entry_grid group " 3317 > 3318 <div class="w-full h-[370px] overflow-hidden"> 3319 3320 <img 3321 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/london-climate-week-2026/london-climate-week-2026-halfhero.png" 3322 alt="" 3323 width="2000" 3324 height="990" 3325 style="object-position: 50% 50%;" 3326 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3327 > 3328 3329 </div> 3330 <div class="max-w-xs py-4"> 3331 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3332 London Climate Week 2026 3333 </h3> 3334 <button 3335 type="button" 3336 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3337 style="color: #063657; --animated-link-color: #063657;" 3338 > 3339 Read more 3340 </button> 3341 </div> 3342 </a> 3343 3344 <a 3345 href="/news/impact-report-2025" 3346 class="block w-full entry_grid group " 3347 > 3348 <div class="w-full h-[370px] overflow-hidden"> 3349 3350 <img 3351 src="https://dx466kr41l2b.cloudfront.net/images/udopr8sg.jpeg" 3352 alt="" 3353 width="1280" 3354 height="960" 3355 style="object-position: 50% 50%;" 3356 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3357 > 3358 3359 </div> 3360 <div class="max-w-xs py-4"> 3361 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3362 Pelorus Foundation Impact Report 2025 3363 </h3> 3364 <button 3365 type="button" 3366 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3367 style="color: #063657; --animated-link-color: #063657;" 3368 > 3369 Read more 3370 </button> 3371 </div> 3372 </a> 3373 3374 <a 3375 href="/news/savannah-day-matetsi-conservation" 3376 class="block w-full entry_grid group " 3377 > 3378 <div class="w-full h-[370px] overflow-hidden"> 3379 3380 <img 3381 src="https://dx466kr41l2b.cloudfront.net/images/foundation/ne
3381ws/savannah-day-matetsi/ostritch-savannah-square.jpg" 3382 alt="" 3383 width="1000" 3384 height="1000" 3385 style="object-position: 50% 50%;" 3386 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3387 > 3388 3389 </div> 3390 <div class="max-w-xs py-4"> 3391 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3392 Matetsi's Conservation Story 3393 </h3> 3394 <button 3395 type="button" 3396 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3397 style="color: #063657; --animated-link-color: #063657;" 3398 > 3399 Read more 3400 </button> 3401 </div> 3402 </a> 3403 3404 <a 3405 href="/news/mama-karanga-african-wildlife" 3406 class="block w-full entry_grid group " 3407 > 3408 <div class="w-full h-[370px] overflow-hidden"> 3409 3410 <img 3411 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/mamakarangas-wildlife-donorteaser/pangolin-adobestock-square.jpg" 3412 alt="" 3413 width="1000" 3414 height="1000" 3415 style="object-position: 50% 50%;" 3416 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3417 > 3418 3419 </div> 3420 <div class="max-w-xs py-4"> 3421 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3422 Empowered Kenyan Women and a chance to save African Wildlife 3423 </h3> 3424 <button 3425 type="button" 3426 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3427 style="color: #063657; --animated-link-color: #063657;" 3428 > 3429 Read more 3430 </button> 3431 </div> 3432 </a> 3433 3434 <a 3435 href="/news/savannah-day-rangers-sabi" 3436 class="block w-full entry_grid group " 3437 > 3438 <div class="w-full h-[370px] overflow-hidden"> 3439 3440 <img 3441 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/savannah-day-ranger/savannah-ranger-foundationday-landscape.jpg" 3442 alt="" 3443 width="2000" 3444 height="990" 3445 style="object-position: 54% 3%;" 3446 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3447 > 3448 3449 </div> 3450 <div class="max-w-xs py-4"> 3451 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3452 Savannah's Day with the Sabi Sand Rangers 3453 </h3> 3454 <button 3455 type="button" 3456 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3457 style="color: #063657; --animated-link-color: #063657;" 3458 > 3459 Read more 3460 </button> 3461 </div> 3462 </a> 3463 3464 <a 3465 href="/news/protecting-elephants-people-science" 3466 class="block w-full entry_grid group " 3467 > 3468 <div class="w-full h-[370px] overflow-hidden"> 3469 3470 <img 3471 src="https://dx466kr41l2b.cloudfront.net/images/foundation/ne
3471ws/bioboundaries-elephants-science/baby-elephant-running-square.jpg" 3472 alt="" 3473 width="1000" 3474 height="1000" 3475 style="object-position: 99% 52%;" 3476 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3477 > 3478 3479 </div> 3480 <div class="max-w-xs py-4"> 3481 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3482 Protecting Elephants and People with Science 3483 </h3> 3484 <button 3485 type="button" 3486 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3487 style="color: #063657; --animated-link-color: #063657;" 3488 > 3489 Read more 3490 </button> 3491 </div> 3492 </a> 3493 3494 <a 3495 href="/news/impact-report-2023-1" 3496 class="block w-full entry_grid group " 3497 > 3498 <div class="w-full h-[370px] overflow-hidden"> 3499 3500 <img 3501 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/pelorus-foundation-impact-report-2024/mongolia-plain-halfhero.jpg" 3502 alt="" 3503 width="2000" 3504 height="990" 3505 style="object-position: 50% 50%;" 3506 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3507 > 3508 3509 </div> 3510 <div class="max-w-xs py-4"> 3511 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3512 Pelorus Foundation Impact Report 2024 3513 </h3> 3514 <button 3515 type="button" 3516 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3517 style="color: #063657; --animated-link-color: #063657;" 3518 > 3519 Read more 3520 </button> 3521 </div> 3522 </a> 3523 3524 <a 3525 href="/news/reflections-blue-earth-summit-2024" 3526 class="block w-full entry_grid group " 3527 > 3528 <div class="w-full h-[370px] overflow-hidden"> 3529 3530 <img 3531 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/blue-earth-summit-24/ice-glacier-blue-square.jpg" 3532 alt="" 3533 width="1000" 3534 height="1000" 3535 style="object-position: 50% 50%;" 3536 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3537 > 3538 3539 </div> 3540 <div class="max-w-xs py-4"> 3541 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3542 Reflections on the Blue Earth Summit 2024 3543 </h3> 3544 <button 3545 type="button" 3546 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3547 style="color: #063657; --animated-link-color: #063657;" 3548 > 3549 Read more 3550 </button> 3551 </div> 3552 </a> 3553 3554 <a
3555 href="/news/running-the-new-york-marathon-with-jimmy-carroll" 3556 class="block w-full entry_grid group " 3557 > 3558 <div class="w-full h-[370px] overflow-hidden"> 3559 3560 <img 3561 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/jimmy-newyork-marathon/jimmy-run-west-square.jpg" 3562 alt="" 3563 width="1000" 3564 height="1000" 3565 style="object-position: 50% 50%;" 3566 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3567 > 3568 3569 </div> 3570 <div class="max-w-xs py-4"> 3571 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3572 Running the New York Marathon With Jimmy Carroll 3573 </h3> 3574 <button 3575 type="button" 3576 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3577 style="color: #063657; --animated-link-color: #063657;" 3578 > 3579 Read more 3580 </button> 3581 </div> 3582 </a> 3583 3584 <a 3585 href="/news/citizen-science-conservation" 3586 class="block w-full entry_grid group " 3587 > 3588 <div class="w-full h-[370px] overflow-hidden"> 3589 3590 <img 3591 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/citizen-coastal-conservation/citizen-scientists-kenya-half-hero.jpg" 3592 alt="Four young men gather around a table, focused on a discussion. One man stands, pointing at notes on a sheet of paper, while the others sit attentively, with expressions of contemplation. The setting is casual, with a sofa visible in the background." 3593 width="2000" 3594 height="990" 3595 style="object-position: 47% 0%;" 3596 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3597 > 3598 3599 </div> 3600 <div class="max-w-xs py-4"> 3601 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3602 Citizen-Led Coastal Conservation 3603 </h3> 3604 <button 3605 type="button" 3606 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3607 style="color: #063657; --animated-link-color: #063657;" 3608 > 3609 Read more 3610 </button> 3611 </div> 3612 </a> 3613 3614 <a 3615 href="/news/coral-bleaching-threatens-coastal-restoration-at-kuruwitu" 3616 class="block w-full entry_grid group " 3617 > 3618 <div class="w-full h-[370px] overflow-hidden"> 3619 3620 <img 3621 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/coral-bleaching-kuruwitu/coral-bleaching-square.jpg" 3622 alt="" 3623 width="1000" 3624 height="1000" 3625 style="object-position: 50% 50%;" 3626 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3627 > 3628 3629 </div> 3630 <div class="max-w-xs py-4"> 3631 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3632 Coral Bleaching Threatens Coastal Restoration at Kuruwitu 3633 </h3> 3634 <button 3635 type="button" 3636 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3637 style="color: #063657; --animated-link-color: #063657;" 3638 > 3639 Read more 3640 </button> 3641 </div> 3642 </a> 3643 3644 <a 3645 href="/news/the-future-of-farming" 3646 class="block w-full entry_grid group " 3647 > 3648 <div class="w-full h-[370px] overflow-hidden"> 3649 3650 <img 3651 src="https://dx466kr41l2b.cloudfront.net/images/foundation/ne
3651ws/megs-falkland-event/falkland-event-regenerative-farming-megs-half-hero.jpg" 3652 alt="" 3653 width="2000" 3654 height="990" 3655 style="object-position: 50% 50%;" 3656 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3657 > 3658 3659 </div> 3660 <div class="max-w-xs py-4"> 3661 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3662 Exploring the Future of Farming 3663 </h3> 3664 <button 3665 type="button" 3666 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3667 style="color: #063657; --animated-link-color: #063657;" 3668 > 3669 Read more 3670 </button> 3671 </div> 3672 </a> 3673 3674 <a 3675 href="/news/could-citizen-science-be-the-cure-to-ocean-health" 3676 class="block w-full entry_grid group " 3677 > 3678 <div class="w-full h-[370px] overflow-hidden"> 3679 3680 <img 3681 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/citizen-science-ocean-health/fish-coral-white-square.jpg" 3682 alt="" 3683 width="1000" 3684 height="1000" 3685 style="object-position: 50% 50%;" 3686 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3687 > 3688 3689 </div> 3690 <div class="max-w-xs py-4"> 3691 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3692 Could Citizen Science Be the Cure to Ocean Health? 3693 </h3> 3694 <button 3695 type="button" 3696 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3697 style="color: #063657; --animated-link-color: #063657;" 3698 > 3699 Read more 3700 </button> 3701 </div> 3702 </a> 3703 3704 <a 3705 href="/news/cif-biannual-impact-report" 3706 class="block w-full entry_grid group " 3707 > 3708 <div class="w-full h-[370px] overflow-hidden"> 3709 3710 <img 3711 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/climate-investment-fund-biannual-impact-report/dragonfly-lotus-square.jpg" 3712 alt="" 3713 width="1000" 3714 height="1000" 3715 style="object-position: 50% 50%;" 3716 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3717 > 3718 3719 </div> 3720 <div class="max-w-xs py-4"> 3721 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3722 Climate Investment Fund Biannual Impact Report 3723 </h3> 3724 <button 3725 type="button" 3726 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3727 style="color: #063657; --animated-link-color: #063657;" 3728 > 3729 Read more 3730 </button> 3731 </div> 3732 </a> 3733 3734 <a 3735 href="/news/training-rangers-to-fight-crime" 3736 class="block w-full entry_grid group " 3737 > 3738 <div class="w-full h-[370px] overflow-hidden"> 3739 3740 <img 3741 src="https://dx466kr41l2b.cloudfront.net/images/rangers-tree-square.jpg" 3742 alt="" 3743 width="1000" 3744 height="1000" 3745 style="object-position: 50% 50%;" 3746 class="object-cover w-full h-full transition-transform ease-in-out group-hover:scale-105 duration-2000" 3747 > 3748 3749 </div> 3750 <div class="max-w-xs py-4"> 3751 <h3 class="uppercase font-semibold tracking-[0.8px] pb-2"> 3752 Training Rangers to Fight Crime 3753 </h3> 3754 <button 3755 type="button" 3756 class="text-xs tracking-[0.6px] font-montserrat font-semibold link-animated link-via-variable" 3757 style="color: #063657; --animated-link-color: #063657;" 3758 > 3759 Read more 3760 </button> 3761 </div> 3762 </a> 3763 3764 </div> 3765 3766 3767 3768 <div class="flex items-center justify-center py-8 space-x-12 font-medium uppercase border-t border-[#3A3D4C]/15 font-montserrat text-xxs text-[#222221] tracking-wide"> 3769
3770 <span> 3771 <svg xmlns="http://www.w3.org/2000/svg" width="19.879" height="12.79" class="rotate-180 opacity-50"> 3772 <g data-name="Group 1778"> 3773 <g data-name="Group 175"> 3774 <path data-name="Path 128" d="M0 6.395h19.075" fill="none" stroke="currentColor" /> 3775 </g> 3776 <g data-name="Group 176"> 3777 <path data-name="Path 129" d="m11.644 12.395 7.735-6-7.735-6" fill="none" stroke="currentColor" 3778 stroke-linejoin="round" /> 3779 </g> 3780 </g> 3781 </svg> 3782 </span> 3783 3784 3785 <span>1 of 3</span> 3786 3787 3788 <a href="https://pelorusfoundation.org/news?page=2"> 3789 <svg xmlns="http://www.w3.org/2000/svg" width="19.879" height="12.79"> 3790 <g data-name="Group 1778"> 3791 <g data-name="Group 175"> 3792 <path data-name="Path 128" d="M0 6.395h19.075" fill="none" stroke="currentColor" /> 3793 </g> 3794 <g data-name="Group 176"> 3795 <path data-name="Path 129" d="m11.644 12.395 7.735-6-7.735-6" fill="none" stroke="currentColor" 3796 stroke-linejoin="round" /> 3797 </g> 3798 </g> 3799 </svg> 3800 </a> 3801 3802 </div> 3803 3804 3805 3806 3807 </div> 3808 </div> 3809</section> 3810<!-- End: /page_builder/_news_grid.antlers.html --> 3811 3812 <!-- /page_builder/_body_blocks.antlers.html --> 3813<section 3814 id="ls1n7h3m" 3815 class=" 3816 body-block relative 3817 3818 3819 3820 3821 " 3822 style="" 3823> 3824 <div 3825 class="container relative" 3826 style="" 3827 > 3828 <div class="overflow-x-auto 3829 pt-12 3830 3831 3832 3833 pr-0 3834 3835 3836 3837 pb-12 3838 3839 3840 3841 pl-0 3842 3843"> 3844 <div 3845 class=" 3846 bard-content 3847 3848 3849 3850 3851 3852 3853 3854max-w-4xl 3855 3856 mx-auto 3857 " 3858> 3859 3860 3861 <h2 style="text-align: center;" class="bard-size-5xl bard-font-mfred bard-case-uppercase"><span style="color: #0C4D61;">Show your Support</span></h2><p style="text-align: center;"></p> 3862 3863 3864 3865 <!-- /components/_buttons.antlers.html --> 3866 3867 <div 3868 class="bard-buttons flex flex-wrap gap-3 not-prose 3869 3870 justify-center 3871 "> 3872 3873 <!-- /components/_button.antlers.html --> 3874 3875 <a 3876 class="btn 3877 3878 btn-reverse-brand 3879 3880 w-auto 3881 " href="www.google.co.uk" 3882 3883> 3884 Make a Donation 3885 </a> 3886 3887<!-- End: /components/_button.antlers.html --> 3888 3889 </div> 3890 3891<!-- End: /components/_buttons.antlers.html --> 3892 3893 3894 3895 <p style="text-align: center;"></p> 3896 3897 3898</div> 3899 </div> 3900 </div> 3901</section> 3902<!-- End: /page_builder/_body_blocks.antlers.html --> 3903 3904</main> 3905<!-- End: /default.antlers.html --> 3906 3907 <!-- /layout/_footer.antlers.html --> 3908 3909<footer 3910 id="footer" 3911 class="w-full bg-footer-background text-footer-text" 3912 x-data="{ 3913 email: null, 3914 openNewsletterModal() { 3915 this.$dispatch('open-newsletter-modal', { 3916 email: this.email, 3917 }); 3918 } 3919 }" 3920> 3921 3922 <div class="container grid grid-cols-2 pb-14 gap-x-2 gap-y-8 md:gap-8 xl:gap-16 pt-14 md:grid-cols-3 lg:grid-cols-5 "> 3923 <div> 3924 <p class="uppercase font-montserrat font-semibold text-sm tracking-[2.8px] text-footer-heading"> 3925 Quick Links 3926 </p> 3927 <ul class="pt-8 font-berlingske tracking-[0.13px] text-sm font-light space-y-2"> 3928 3929 3930 3931 <li><a href="/about">Who we are</a></li> 3932 3933 3934 3935 3936 3937 <li><a href="/privacy-policy">Privacy Policy</a></li> 3938 3939 3940 3941 3942 3943 <li><a href="/terms-conditions">T&Cs</a></li> 3944 3945 3946 3947 </ul> 3948 </div> 3949 3950 <div> 3951 <p class="uppercase font-montserrat font-semibold text-sm tracking-[2.8px] text-footer-heading"> 3952 Get Involved 3953 </p> 3954 <ul class="pt-8 font-berlingske tracking-[0.13px] text-sm font-light space-y-2"> 3955 3956 3957 3958 <li><a href="/donate">Donate</a></li> 3959 3960 3961 3962 3963 3964 <li><a href="/support/company-giving">Company Giving</a></li> 3965 3966 3967 3968 3969 3970 <li><a href="/support/events-and-experiences">Events & Experiences</a></li> 3971 3972 3973 3974 3975 3976 <li><a href="/support/philanthropy">Philanthropy</a></li> 3977 3978 3979 3980 </ul> 3981 </div> 3982 3983 <div> 3984 <p class="uppercase font-montserrat font-semibold text-sm tracking-[2.8px] text-footer-heading"> 3985 Contact Us 3986 </p> 3987 <ul class="pt-8 font-berlingske tracking-[0.13px] text-sm font-light space-y-2"> 3988 3989 3990 3991 <li><a href="tel:+442038485424">UK +44 203 848 5424</a></li> 3992 3993 3994 3995 3996 3997 <li><a href="tel:+18006590217">US +1 800 659 0217</a></li> 3998 3999 4000 4001 4002 4003 <li><a href="mailto:[email protected]">[email protected]</a></li> 4004 4005 4006 4007 4008 4009 <li><a href="/contact">Contact Us</a></li> 4010 4011 4012 4013 </ul> 4014 </div> 4015 4016 <div class="order-first col-span-2 md:col-span-3 lg:col-span-2 lg:order-none"> 4017 4018 <p class="uppercase font-montserrat font-semibold text-sm tracking-[2.8px] text-footer-heading"> 4019 Sign Up 4020 </p> 4021 4022 <p class="mt-8 font-berlingske tracking-[0.13px] text-sm font-light"> 4023 Join our community to receive the latest news. 4024 </p> 4025 4026 <form class="flex w-full mb-10 mt-9" action="" method="post" x-on:submit.prevent="openNewsletterModal()"> 4027 <input 4028 type="email" 4029 class="flex-1 mr-4 text-sm bg-transparent border-b font-berlingske" 4030 placeholder="Email" 4031 x-model="email" 4032 required 4033 > 4034 <button 4035 type="submit" 4036 class="flex-none px-4 btn 4037 btn-brand" 4038 > 4039 Submit 4040 </button> 4041 </form> 4042 4043 4044 <div> 4045 <ul class="flex flex-wrap items-center"> 4046 4047 <!-- linkedin --> 4048 <li> 4049 <a href="https://www.linkedin.com/company/pelorusfoundation/" target="_blank"><svg class="w-5 h-5 my-1 mr-6 text-footer-footer-social-icons" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 77.4 76.4">
4049 <path fill="currentColor" d="M1.1 23.5h16.3v52.2H1.1V23.5zM18 8.9c0 4.4-3.2 8.2-8.8 8.2-5.3 0-8.5-3.5-8.5-8.2C.7 4.2 4.2.7 9.5.7c5 0 8.2 3.8 8.5 8.2M27.1 40.1c0-6.4-.3-12-.3-16.6h14l.9 7.3h.3c2-3.5 7.3-8.5 16.1-8.5 10.8 0 18.7 7.3 18.7 22.5v30.9H60.6V46.8c0-6.7-2.3-11.4-8.2-11.4-4.4 0-7.3 3.2-8.5 6.1-.3 1.2-.6 2.6-.6 4.1v30.1H27.1V40.1z" /> </svg></a> 4050 </li> 4051 4052 <!-- instagram --> 4053 <li> 4054 <a href="https://www.instagram.com/pelorusfoundation" target="_blank"><svg class="w-5 h-5 my-1 mr-6 text-footer-footer-social-icons" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 76.5 76.4"> <path fill="currentColor" d="M22.7 1c-3.1.1-6.2.7-9.1 1.8-2.5.9-4.8 2.4-6.6 4.3-1.9 1.9-3.4 4.1-4.4 6.6-1.1 2.9-1.7 6-1.7 9.1-.2 4-.2 5.3-.2 15.5s.1 11.5.3 15.5c.1 3.1.7 6.2 1.8 9.1.9 2.5 2.4 4.8 4.3 6.6 1.9 1.9 4.2 3.4 6.7 4.3 2.9 1.1 6 1.7 9.1 1.7 4 .2 5.3.2 15.4.2s11.5-.1 15.4-.3c3.1-.1 6.2-.7 9.1-1.8 5-2 9-6 11-11 1.1-2.9 1.7-6 1.7-9.1.2-4 .2-5.3.2-15.4s-.1-11.5-.3-15.4c-.1-3.1-.7-6.2-1.8-9.1-.9-2.5-2.4-4.8-4.3-6.6-1.9-1.9-4.1-3.4-6.6-4.3-2.9-1.1-6-1.7-9.1-1.7-4-.2-5.3-.2-15.5-.2S26.7.8 22.7 1m.5 67.8c-2.4 0-4.8-.4-7-1.3-1.6-.6-3.1-1.6-4.3-2.8-1.2-1.2-2.2-2.7-2.8-4.3-.8-2.2-1.3-4.6-1.3-7-.2-4-.2-5.1-.2-15.2s0-11.2.2-15.2c0-2.4.5-4.7 1.3-7 .6-1.6 1.6-3.1 2.8-4.3 1.2-1.2 2.7-2.2 4.3-2.8 2.2-.8 4.6-1.3 7-1.3 4-.2 5.1-.2 15.2-.2s11.2 0 15.2.2c2.4 0 4.7.5 7 1.3 1.6.6 3.1 1.6 4.3 2.8 1.2 1.2 2.2 2.7 2.8 4.3.8 2.2 1.3 4.6 1.3 7v15.2c0 10.1 0 11.2-.2 15.2 0 2.4-.5 4.7-1.3 7-1.3 3.3-3.8 5.9-7.1 7.1-2.2.8-4.6 1.3-7 1.3-4 .2-5.1.2-15.2.2s-11.1 0-15-.2m30.5-50.6c0 2.5 2 4.5 4.5 4.5s4.5-2 4.5-4.5-2-4.5-4.5-4.5-4.5 2-4.5 4.5M19 38.3c0 10.6 8.7 19.3 19.3 19.2 10.6 0 19.3-8.7 19.2-19.3 0-10.6-8.7-19.3-19.3-19.2C27.6 19 19 27.6 19 38.3m6.7 0c0-6.9 5.6-12.5 12.5-12.5s12.5 5.6 12.5 12.5-5.6 12.5-12.5 12.5c-6.8 0-12.4-5.6-12.5-12.5"/> </svg></a> 4055 </li> 4056 4057 <!-- facebook --> 4058 <li> 4059 <a href="https://www.facebook.com/pelorusfoundation/" target="_blank"><svg class="w-5 h-5 my-1 mr-6 text-footer-footer-social-icons" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 77.4 76.4"> <path fill="currentColor" d="M76.2 38.2C76.2 17.5 59.4.7 38.7.7S1.2 17.5 1.2 38.2c0 18.7 13.7 34.2 31.6 37V49.1h-9.5V38.2h9.5V30c0-9.4 5.6-14.6 14.2-14.6 4.1 0 8.4.7 8.4.7v9.2h-4.7c-4.7 0-6.1 2.9-6.1 5.9v7H55L53.3 49h-8.7v26.2c17.9-2.7 31.6-18.3 31.6-37z"/> </svg></a> 4060 </li> 4061 4062 <!-- twitter --> 4063 <li> 4064 <a href="https://x.com/PelorusF" target="_blank"><svg class="w-5 h-5 my-1 mr-6 text-footer-footer-social-icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227"> <path fill="currentColor" d="m712.3 520.9 439.2-510.7h-104.1L666 453.6 361.4 10.2H10l460.7 670.4L10 1216.1h104.1l402.8-468.2 321.7 468.2H1190L712.2 520.8ZM569.7 686.6 523 619.8 151.6 88.6h159.9l299.7 428.7 46.7 66.8 389.6 557.3H887.6L569.7 686.7Z"/> </svg></a> 4065 </li> 4066 4067 </ul> 4068 </div> 4069 </div> 4070 4071 </div> 4072 4073 <div> 4074 <ul class="container flex flex-wrap items-center justify-center border-footer-border/20 border-y"> 4075 4076 <li class="w-1/3 lg:w-1/6"> 4077 <img 4078 src="https://dx466kr41l2b.cloudfront.net/images/footer/logos/fr-2.png" 4079 alt="" 4080 width="690" 4081 height="481" 4082 class="w-full h-auto" 4083 /> 4084 </li> 4085 4086 <li class="w-1/3 lg:w-1/6"> 4087 <img 4088 src="https://dx466kr41l2b.cloudfront.net/images/footer/logos/for-the-planet-blue-2.png" 4089 alt="" 4090 width="690" 4091 height="481" 4092 class="w-full h-auto" 4093 /> 4094 </li> 4095 4096 <li class="w-1/3 lg:w-1/6"> 4097 <img 4098 src="https://dx466kr41l2b.cloudfront.net/images/footer/logos/global-giving-blue-3.png" 4099 alt="" 4100 width="612" 4101 height="481" 4102 class="w-full h-auto" 4103 /> 4104 </li> 4105 4106 <li class="w-1/3 lg:w-1/6"> 4107 <img 4108 src="https://dx466kr41l2b.cloudfront.net/images/footer/logos/charity-excellence-blue-3.png" 4109 alt="" 4110 width="612" 4111 height="481" 4112 class="w-full h-auto" 4113 /> 4114 </li> 4115 4116 </ul> 4117 </div> 4118 4119 <div class="container flex flex-col w-full py-6 space-y-2 text-xs font-light font-berlingske xl:flex-row xl:space-y-0 text-footer-regulatory-text"> 4120 <p class="w-full text-center">UK Registered Charity Number: 1189966 | Pelorus Foundation Inc. is a US 501(c)(3) non-profit organization, IRS Charitable Organization No.: 41-3248034</p> 4121 <div class="text-center lg:justify-end xl:flex-none xl:text-start"> 4122 <p class="opacity-75 font-montserrat text-xxs text-[#B2AEAA]/50">Site by <a href="https://strattons.com" target="_blank">Strattons</a></p> 4123 </div> 4124 </div> 4125</footer> 4126 4127<!-- End: /layout/_footer.antlers.html --> 4128 4129 4130<div 4131 name="footer-newsletter-modal" 4132 x-data="{ 4133 isOpen: false, 4134 open(event) { 4135 this.isOpen = true; 4136 this.$nextTick(() => { 4137 document.getElementById('footer-newsletter-modal-form').querySelector('input[name=email]').value = event.email; 4138 }); 4139 }, 4140 close() { 4141 this.isOpen = false;
4142 } 4143 }" 4144 x-on:open-newsletter-modal.window="open($event.detail)" 4145 x-trap="isOpen" 4146 x-show="isOpen" 4147 x-cloak 4148> 4149 <div 4150 class="fixed inset-0 z-[99999] flex items-center justify-center w-screen h-screen-dynamic" 4151 @keyup.escape.window="close()" 4152 4153 > 4154 <!-- Background overlay --> 4155 <div class="absolute inset-0 w-full h-full bg-opacity-75 bg-black/75 backdrop-blur" @click="close()"></div> 4156 4157 <div 4158 x-show="isOpen" x-transition 4159 x-on:click="close()" 4160 class="container relative flex items-center justify-center p-4 h-screen-dynamic" 4161 > 4162 <div 4163 x-on:click.stop 4164 x-trap.noscroll.inert="isOpen" 4165 class="relative grid w-full h-full max-h-full grid-cols-1 bg-white shadow-lg lg:grid-cols-2" 4166 style="" 4167 id="footer-newsletter-modal-form" 4168 > 4169 <div 4170 class="relative hidden h-full lg:block" 4171 4172 > 4173 4174 4175 <img 4176 src="https://dx466kr41l2b.cloudfront.net/images/foundation/white-rhino-ear-notching-square.jpg" 4177 alt="" 4178 width="1000" 4179 height="1000" 4180 tyle="object-position: 50% 50%;" 4181 class="absolute inset-0 object-cover w-full h-full" 4182 > 4183 4184 4185 4186 <div class="relative p-4 lg:p-16"> 4187 <div 4188 class=" 4189 bard-content 4190 4191 4192 " 4193> 4194 4195 4196 <p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><span style="color: #ffffff;">All information provided is used in accordance with our <a class="link-orange" href="https://pelorusfoundation.org/privacy-policy"><u>privacy policy</u></a>.<br>Newsletter subscribers can unsubscribe at any time by clicking on the âunsubscribeâ link in any of our emails.</span></p> 4197 4198 4199</div> 4200 </div> 4201 </div> 4202 4203 4204 <div class="px-4 py-4 overflow-y-auto lg:px-16 lg:py-12"> 4205 <span class="nocache" data-nocache="ecdca768834c02ab9c6bda6879ff44d0596b535439ae2b388b4c073b761d6af24d9e1f00"></span> 4206 </div> 4207 4208 </div> 4209 </div> 4210 4211 <!-- Close button --> 4212 <button class="absolute flex items-center justify-center p-1 bg-white rounded-full top-6 right-6" x-on:click="close()"> 4213 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 text-[#66665D]"> 4214 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 4215 </svg> 4216 </button> 4217 </div> 4218</div> 4219 4220 4221 4222 4223 4224 4225 <div 4226 name="lightbox" 4227 x-data="{ 4228 assets: [], 4229 hammer: null, 4230 activeAssetIndex: null, 4231 descriptionHeight: 52, 4232 get activeAsset() { 4233 if(this.assets) { 4234 return this.assets[this.activeAssetIndex]; 4235 } 4236 4237 return null; 4238 }, 4239 get isOpen() { 4240 return this.assets.length > 0; 4241 }, 4242 open(event) { 4243 this.assets = event.assets; 4244 this.activeAssetIndex = event.index; 4245 this.descriptionHeight = 52; 4246 4247 this.$nextTick(() => { 4248 if(this.$refs.description && this.$refs.description.offsetHeight) { 4249 this.descriptionHeight = this.$refs.description.offsetHeight; 4250 } 4251 }); 4252 }, 4253 close() { 4254 this.descriptionHeight = 52; 4255 this.activeAssetIndex = null; 4256 this.assets = []; 4257 }, 4258 prev() { 4259 if(this.activeAssetIndex == 0) { 4260 return this.activeAssetIndex = this.assets.length - 1; 4261 } 4262 this.activeAssetIndex = this.activeAssetIndex - 1; 4263 4264 this.$nextTick(() => { 4265 this.descriptionHeight = this.$refs.description.offsetHeight; 4266 }); 4267 }, 4268 next() { 4269 if(this.activeAssetIndex == this.assets.length - 1) { 4270 return this.activeAssetIndex = 0; 4271 } 4272 this.activeAssetIndex = this.activeAssetIndex + 1; 4273 4274 this.$nextTick(() => { 4275 this.descriptionHeight = this.$refs.description.offsetHeight; 4276 }); 4277 }, 4278 init() { 4279 this.hammer = new Hammer(this.$el); 4280 4281 this.hammer.on('panend', (event) => { 4282 if(event.deltaX > 0) { 4283 this.next(); 4284 } 4285 4286 if(event.deltaX < 0) { 4287 this.prev(); 4288 } 4289 }); 4290 } 4291 }" 4292 @open-lightbox.window="open($event.detail)" 4293 x-trap.noscroll="isOpen" 4294 x-show="isOpen" 4295 x-cloak 4296> 4297 <div 4298 class="fixed inset-0 z-[99999] flex items-center justify-center w-screen h-screen-dynamic" 4299 @keyup.escape.window="close()" 4300 @keyup.left.window="prev()" 4301 @keyup.right.window="next()" 4302 4303 >
4304 <!-- Background overlay --> 4305 <div class="absolute inset-0 w-full h-full bg-opacity-75 bg-black/75 backdrop-blur" @click="close()"></div> 4306 4307 <template x-if="activeAsset" hidden> 4308 <div class="relative flex flex-col w-full h-full pointer-events-none"> 4309 4310 <div x-bind:style="{ height: descriptionHeight + 'px' }" class="w-full"></div> 4311 4312 <div class="flex flex-col items-center justify-center flex-1 w-full h-px"> 4313 <!-- Image --> 4314 <template x-if="activeAsset?.type == 'image'"> 4315 <img 4316 draggable="false" 4317 class="relative max-w-full max-h-full pointer-events-auto" 4318 :src="activeAsset?.url" 4319 :alt="activeAsset?.alt" 4320 /> 4321 </template> 4322 4323 <!-- Video --> 4324 <template x-if="activeAsset?.type == 'video'"> 4325 <video 4326 class="relative w-full max-w-full max-h-full pointer-events-auto" 4327 playsinline 4328 autoplay 4329 loop 4330 muted 4331 > 4332 <source :src="activeAsset?.url"> 4333 </video> 4334 </template> 4335 </div> 4336 4337 4338 <div x-ref="description" class="relative flex-none py-4 text-center"> 4339 <div class="container"> 4340 <p class="text-sm font-light text-white font-berlingske" x-text="activeAsset?.description"> </p> 4341 </div> 4342 </div> 4343 </div> 4344 </template> 4345 4346 4347 <div class="absolute top-0 bottom-0 flex items-center pointer-events-none left-4 md:left-16"> 4348 <button class="inline-flex items-center justify-center w-12 h-12 text-white bg-white rounded-full pointer-events-auto" x-on:click="prev()"> 4349 <svg xmlns="http://www.w3.org/2000/svg" class="text-[#66665D] rotate-180" width="19.879" height="12.79"> 4350 <g data-name="Group 1778"> 4351 <g data-name="Group 175"> 4352 <path data-name="Path 128" d="M0 6.395h19.075" fill="none" stroke="currentColor" /> 4353 </g> 4354 <g data-name="Group 176"> 4355 <path data-name="Path 129" d="m11.644 12.395 7.735-6-7.735-6" fill="none" stroke="currentColor" 4356 stroke-linejoin="round" /> 4357 </g> 4358 </g> 4359 </svg> 4360 </button> 4361 </div> 4362 4363 4364 <div class="absolute top-0 bottom-0 flex items-center pointer-events-none right-4 md:right-16"> 4365 <button class="inline-flex items-center justify-center w-12 h-12 text-white bg-white rounded-full pointer-events-auto" x-on:click="next()"> 4366 <svg xmlns="http://www.w3.org/2000/svg" class="text-[#66665D]" width="19.879" height="12.79"> 4367 <g data-name="Group 1778"> 4368 <g data-name="Group 175"> 4369 <path data-name="Path 128" d="M0 6.395h19.075" fill="none" stroke="currentColor" /> 4370 </g> 4371 <g data-name="Group 176"> 4372 <path data-name="Path 129" d="m11.644 12.395 7.735-6-7.735-6" fill="none" stroke="currentColor" 4373 stroke-linejoin="round" /> 4374 </g> 4375 </g> 4376 </svg> 4377 </button> 4378 </div> 4379 4380 <!-- Close button --> 4381 <button class="absolute flex items-center justify-center p-1 bg-white rounded-full top-6 right-6" x-on:click="close()"> 4382 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 text-[#66665D]"> 4383 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> 4384 </svg> 4385 </button> 4386 </div> 4387</div> 4388 <div 4389 name="desktop-search" 4390 x-data="{ 4391 isOpen: false, 4392 query: null, 4393 enabledCollectionFilters: { 4394 destination: false, 4395 experiences: false, 4396 accommodation: false, 4397 stories: false, 4398 people: false, 4399 yachts: false, 4400 projects: false, 4401 news: false, 4402 appeals: false, 4403 }, 4404 client: null, 4405 index: null, 4406 results: null, 4407 setSearch(value) { 4408 this.query = value; 4409 this.$nextTick(() => { 4410 this.search(); 4411 }); 4412 }, 4413 open() { 4414 this.isOpen = true; 4415 }, 4416 close() { 4417 this.isOpen = false;
4418 }, 4419 get hasResults() { 4420 return this.results; 4421 }, 4422 get collectionFilters() { 4423 let filters = []; 4424 4425 if(this.enabledCollectionFilters.destination) { 4426 filters.push('collection.handle:regions'); 4427 filters.push('collection.handle:sub_regions'); 4428 } 4429 4430 if(this.enabledCollectionFilters.experiences) { 4431 filters.push('collection.handle:experiences'); 4432 } 4433 4434 if(this.enabledCollectionFilters.accommodation) { 4435 filters.push('collection.handle:accommodation'); 4436 } 4437 4438 if(this.enabledCollectionFilters.stories) { 4439 filters.push('collection.handle:stories'); 4440 } 4441 4442 if(this.enabledCollectionFilters.people) { 4443 filters.push('collection.handle:team'); 4444 } 4445 4446 if(this.enabledCollectionFilters.yachts) { 4447 filters.push('collection.handle:yachts'); 4448 } 4449 4450 if(this.enabledCollectionFilters.projects) { 4451 filters.push('collection.handle:projects'); 4452 } 4453 4454 if(this.enabledCollectionFilters.news) { 4455 filters.push('collection.handle:news'); 4456 } 4457 4458 if(this.enabledCollectionFilters.appeals) { 4459 filters.push('collection.handle:appeals'); 4460 } 4461 4462 return filters; 4463 }, 4464 search() { 4465 this.index.search(this.query, { 4466 attributesToRetrieve: ['*'], 4467 hitsPerPage: 12, 4468 facetFilters: [ 4469 [ 4470 'site.handle:foundation_gb', 4471 ], 4472 this.collectionFilters 4473 ], 4474 }).then(({ hits }) => { 4475 this.results = hits; 4476 }); 4477 }, 4478 init() { 4479 this.client = algoliasearch('YVGVXQLZK3', 'c738021aad342cb6ba1387563be3269f'); 4480 this.index = this.client.initIndex('search'); 4481 }, 4482 4483 }" 4484 x-on:open-desktop-searchbox.window="open()" 4485 x-trap.noscroll="isOpen" 4486 x-show="isOpen" 4487 x-cloak 4488> 4489 <div 4490 class="fixed inset-0 z-[99999] flex items-center justify-center w-screen h-screen-dynamic" 4491 @keyup.escape.window="close()" 4492 4493 > 4494 <div class="flex flex-col w-full h-full mx-auto text-black bg-white"> 4495 4496 <div class="flex items-center flex-none mt-14"> 4497 <div class="flex flex-1"></div> 4498 4499 <div class="w-full px-4 max-w-[850px] flex-shrink"> 4500 <div class="relative pb-3 border-b border-[#66665D]/25"> 4501 <input type="text" class="w-full placeholder:text-[#66665D] pr-6 text-base tracking-wide" x-model="query" placeholder="Search" x-on:keyup.debounce.750="search"> 4502 <button type="button" class="absolute right-0 bottom-3" x-on:click="search"> 4503 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.249 17.392" class="w-4 h-4"> 4504 <g fill="none" stroke="currentColor"> 4505 <circle cx="7.47" cy="7.47" r="7.47" stroke="none" /> 4506 <circle cx="7.47" cy="7.47" r="6.97" /> 4507 <path d="M12.425 11.846 18.939 17" /> 4508 </g> 4509 </svg> 4510 </button> 4511 </div> 4512 </div> 4513 4514 <div class="flex items-center justify-start flex-1"> 4515 <button class="flex flex-col items-center flex-none ml-8 mr-4" x-on:click="close()"> 4516 <svg xmlns="http://www.w3.org/2000/svg" class="w-auto h-7" viewBox="0 0 316.68 338.39"> 4517 <path d="M44.72 335.08c-6 0-11.53-.99-16.59-2.98s-9.45-4.8-13.16-8.44-6.62-7.89-8.72-12.77c-2.1-4.87-3.15-10.24-3.15-16.08s1.05-11.22 3.15-16.09c2.1-4.87 5.02-9.13 8.77-12.77 3.75-3.64 8.16-6.44 13.22-8.43 5.06-1.99 10.6-2.99 16.59-2.99s11.68 1.03 16.82 3.1c5.14 2.06 9.51 5.11 13.11 9.17l-7.32 7.08c-3-3.15-6.37-5.49-10.12-7.03-3.75-1.53-7.77-2.3-12.04-2.3s-8.53.75-12.31 2.25c-3.79 1.5-7.07 3.6-9.85 6.3-2.77 2.7-4.93 5.9-6.47 9.62-1.54 3.71-2.31 7.74-2.31 12.09s.77 8.38 2.31 12.08c1.54 3.72 3.7 6.92 6.47 9.63 2.78 2.7 6.06 4.79 9.85 6.29 3.79 1.51 7.89 2.26 12.31 2.26s8.29-.77 12.04-2.31 7.12-3.92 10.12-7.15l7.32 7.09c-3.6 4.05-7.97 7.13-13.11 9.23s-10.78 3.15-16.93 3.15ZM92.08 334.18v-83.47h10.8v83.47h-10.8ZM151.81 334.86c-6 0-11.33-1.32-15.97-3.94-4.65-2.62-8.32-6.24-11.03-10.86-2.7-4.6-4.05-9.84-4.05-15.69s1.35-11.18 4.05-15.75c2.7-4.57 6.38-8.16 11.03-10.75 4.65-2.59 9.97-3.88 15.97-3.88s11.23 1.29 15.92 3.88c4.68 2.59 8.36 6.15 11.02 10.69 2.66 4.54 3.99 9.81 3.99 15.81s-1.33 11.18-3.99 15.75-6.34 8.18-11.02 10.8c-4.69 2.63-10 3.94-15.92 3.94Zm0-9.46c3.83 0 7.26-.86 10.29-2.59 3.04-1.72 5.42-4.17 7.15-7.36 1.72-3.2 2.59-6.88 2.59-11.09s-.86-7.97-2.59-11.08c-1.73-3.12-4.11-5.53-7.15-7.26s-6.47-2.59-10.29-2.59-7.24.86-10.24 2.59-5.4 4.14-7.2 7.26c-1.8 3.11-2.7 6.8-2.7 11.08s.9 7.89 2.7 11.09c1.8 3.19 4.2 5.64 7.2 7.36 3 1.73 6.41 2.59 10.24 2.59ZM217.61 334.86c-4.94 0-9.66-.68-14.11-2.03-4.46-1.35-7.97-3-10.52-4.95l4.5-8.55c2.55 1.73 5.7 3.19 9.44 4.38 3.76 1.21 7.58 1.81 11.48 1.81 5.02 0 8.65-.72 10.86-2.14 2.22-1.43 3.33-3.42 3.33-5.96 0-1.88-.68-3.34-2.03-4.39-1.35-1.05-3.14-1.84-5.34-2.36-2.22-.53-4.67-1-7.37-1.41s-5.4-.94-8.1-1.58c-2.7-.63-5.17-1.53-7.43-2.7-2.24-1.16-4.04-2.78-5.39-4.83-1.35-2.07-2.02-4.82-2.02-8.27s1.01-6.75 3.04-9.45c2.02-2.71 4.89-4.78 8.6-6.25 3.72-1.46 8.12-2.19 13.21-2.19 3.91 0 7.86.47 11.87 1.41 4 .94 7.29 2.27 9.84 3.98l-4.6 8.55c-2.71-1.8-5.51-3.04-8.44-3.71-2.93-.68-5.85-1.02-8.78-1.02-4.72 0-8.25.77-10.58 2.31s-3.49 3.51-3.49 5.91c0 2.02.69 3.58 2.09 4.66 1.38 1.09 3.19 1.94 5.39 2.54 2.22.6 4.67 1.1 7.37 1.52 2.7.41 5.4.94 8.1 1.57 2.7.64 5.15 1.52 7.37 2.65 2.21 1.13 4 2.7 5.39 4.72s2.09 4.72 2.09 8.1c0 3.61-1.05 6.71-3.16 9.34-2.1 2.63-5.05 4.67-8.88 6.13s-8.4 2.2-13.73 2.2ZM286.25 334.86c-6.38 0-11.98-1.32-16.82-3.94s-8.59-6.22-11.26-10.8c-2.66-4.57-3.99-9.83-3.99-15.75s1.3-11.18 3.89-15.75 6.15-8.16 10.69-10.75 9.66-3.88 15.36-3.88 10.87 1.28 15.29 3.83 7.9 6.13 10.41 10.74c2.52 4.61 3.78 10 3.78 16.15 0 .45-.02.98-.06 1.58s-.09 1.16-.17 1.68h-50.74v-7.76h45.11l-4.38 2.71c.07-3.83-.72-7.24-2.37-10.24-1.65-3.01-3.91-5.34-6.8-7.03-2.89-1.69-6.24-2.54-10.07-2.54s-7.09.85-10.02 2.54-5.21 4.04-6.86 7.08-2.48 6.51-2.48 10.41v1.8c0 3.97.92 7.52 2.76 10.64s4.4 5.53 7.71 7.25c3.3 1.73 7.08 2.59 11.36 2.59 3.53 0 6.73-.6 9.62-1.8s5.42-3 7.6-5.39l5.96 6.97c-2.71 3.15-6.06 5.55-10.07 7.2-4.01 1.65-8.5 2.48-13.44 2.48Z" fill="#67675d"/> 4518 4519 <path d="m93.018 10.529 7.234-7.234 122.725 122.726-7.233 7.233z" fill="#717070"/> 4520 <path d="M93.018 126.028 215.744 3.302l7.233 7.234-122.725 122.725z" fill="#717070"/> 4521 </svg> 4522 </button> 4523 </div> 4524 </div> 4525 4526 4527 <template x-if="!hasResults"> 4528 <div class="md:grid md:grid-cols-2 gap-8 pt-6 md:pt-10 md:w-full md:max-w-[850px] mx-auto px-4 overflow-y-auto"> 4529 <div> 4530 <h2 class="text-3xl uppercase font-mfred">Popular Searches</h2> 4531 <ul class="pt-6"> 4532 4533 4534 <li class="pb-2 md:pb-3"> 4535 <button type="button" class=" font-montserrat text-xs text-[#66665D] tracking-wide" x-on:click="setSearch('Projects')"> 4536 Projects 4537 </button> 4538 </li> 4539 4540 <li class="pb-2 md:pb-3"> 4541 <button type="button" class=" font-montserrat text-xs text-[#66665D] tracking-wide" x-on:click="setSearch('News')"> 4542 News 4543 </button> 4544 </li> 4545 4546 <li class="pb-2 md:pb-3"> 4547 <button type="button" class=" font-montserrat text-xs text-[#66665D] tracking-wide" x-on:click="setSearch('Pangol
4547ins')"> 4548 Pangolins 4549 </button> 4550 </li> 4551 4552 4553 </ul> 4554 </div> 4555 4556 <div class="py-10 md:py-0"> 4557 <h2 class="text-3xl uppercase font-mfred">Popular Results</h2> 4558 <div class="grid gap-6 pt-6 md:gap-2 md:grid-cols-2"> 4559 4560 4561 <a href="/projects/protecting-pangolins-southern-africa" class="flex flex-col group"> 4562 <div class="flex-none"> 4563 <div class="w-full md:aspect-w-1 md:aspect-h-1"> 4564 4565 4566 <img 4567 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/protecting-pangolins-southern-africa-askemma/pangolin-hand-africa-halfhero.jpg" 4568 alt="" 4569 width="2000" 4570 height="990" 4571 class="object-cover w-full h-full" 4572 style="object-position: 53% 20%;" 4573 > 4574 4575 4576 </div> 4577 </div> 4578 <div class="text-[#222221] flex flex-col mt-4"> 4579 <div> 4580 <h2 class="font-semibold tracking-wide uppercase font-montserrat text-wrap">
4580Protecting Pangolins in Southern Africa</h2> 4581 4582 <button type="button" class="text-xs tracking-[0.6px] font-montserrat font-semibold text-[#F38B00] link-animated link-orange">Read more</button> 4583 </div> 4584 </div> 4585 </a> 4586 4587 <a href="/projects/innovation-reforestation-technology" class="flex flex-col group"> 4588 <div class="flex-none"> 4589 <div class="w-full md:aspect-w-1 md:aspect-h-1"> 4590 4591 4592 <img 4593 src="https://dx466kr41l2b.cloudfront.net/images/foundation/projects/improving-human-wildlife-conflict-with-science/laughs-2323344_1280-(1).jpg" 4594 alt="" 4595 width="1280" 4596 height="853" 4597 class="object-cover w-full h-full" 4598 style="object-position: 50% 50%;" 4599 > 4600 4601 4602 </div> 4603 </div> 4604 <div class="text-[#222221] flex flex-col mt-4"> 4605 <div> 4606 <h2 class="font-semibold tracking-wide uppercase font-montserrat text-wrap">Improving Human-Wildlife Conflict with Science</h2> 4607 4608 <button type="button" class="text-xs tracking-[0.6px] font-montserrat font-semibold text-[#F38B00] link-animated link-orange">Read more</button> 4609 </div> 4610 </div> 4611 </a> 4612 4613 4614 </div> 4615 </div> 4616 </div> 4617</template> 4618 4619 4620 4621 <template x-if="hasResults"> 4622 <div class="flex-1 w-full max-w-[850px] mx-auto grid grid-cols-4 gap-8 pt-10 h-full min-h-0"> 4623 4624 4625 <template x-if="1"> 4626 <div class="px-4 border-b md:border-b-0"> 4627 <h3 class="text-sm font-semibold tracking-wider uppercase font-montserrat">Filters</h3> 4628 4629 <div class="grid gap-4 pt-4 pb-6 md:pt-6 md:pb-0 grid-cols-1"> 4630 4631 <label class="text-[#66665D] font-montserrat font-medium text-xs inline-flex tracking-wide mr-5"> 4632 <input 4633 class="flex-none form-checkbox text-brand-primary" 4634 type="checkbox" 4635 x-model="enabledCollectionFilters.projects" 4636 x-on:change="search" 4637 > 4638 <span class="flex-1 min-w-0 ml-2">Projects</span> 4639</label> 4640 4641<label class="text-[#66665D] font-montserrat font-medium text-xs inline-flex tracking-wide mr-5"> 4642 <input 4643 class="flex-none form-checkbox text-brand-primary" 4644 type="checkbox" 4645 x-model="enabledCollectionFilters.news" 4646 x-on:change="search" 4647 > 4648 <span class="flex-1 min-w-0 ml-2">News</span> 4649</label> 4650 4651<label class="text-[#66665D] font-montserrat font-medium text-xs inline-flex tracking-wide mr-5"> 4652 <input 4653 class="flex-none form-checkbox text-brand-primary" 4654 type="checkbox" 4655 x-model="enabledCollectionFilters.people" 4656 x-on:change="search" 4657 > 4658 <span class="flex-1 min-w-0 ml-2">People</span> 4659</label> 4660 4661 4662 </div> 4663</div> 4664 4665 </template> 4666 4667 4668 <ul class="overflow-y-auto col-span-3"> 4669 <template x-for="result in results"> 4670 <li class="py-5 border-b first:pt-0 last:border-b-0"> 4671 <a x-bind:href="result.absoluteUrl" class="flex group"> 4672 <div class="flex-none mr-4 md:mr-8"> 4673 <div class="w-28 md:w-40 aspect-w-1 aspect-h-1"> 4674 <img 4675 x-bind:src="result.thumbnail.url" 4676 x-bind:alt="result.thumbnail.title" 4677 x-bind:style="{ objectPosition: result.thumbnail.focus_css }" 4678 class="object-cover w-full h-full" 4679 > 4680 </div> 4681 </div> 4682 <div class="flex-1 text-[#222221] flex flex-col"> 4683 <div class="flex-grow">
4684 <span class="text-[#222221] block text-xs uppercase tracking-[0.6px] font-montserrat font-semibold pb-1" x-text="result.collection.title"></span> 4685 <h2 class="pb-2 font-semibold tracking-wide uppercase font-montserrat" x-text="result.title"></h2> 4686 <button type="button" class="text-xs tracking-[0.6px] font-montserrat font-semibold text-brand-primary search-link-animated link-animated link-orange">Read more</button> 4687 </div> 4688 </div> 4689 </a> 4690</li> 4691 </template> 4692 4693 <template x-if="results.length == 0"> 4694 <div> 4695 No results found. 4696 </div> 4697 </template> 4698 </ul> 4699 </div> 4700 </template> 4701 </div> 4702 </div> 4703</div> 4704 4705 <div 4706 name="mobile-search" 4707 x-data="{ 4708 isOpen: false, 4709 query: null, 4710 enabledCollectionFilters: { 4711 destination: false, 4712 experiences: false, 4713 accommodation: false, 4714 stories: false, 4715 people: false, 4716 yachts: false, 4717 projects: false, 4718 news: false, 4719 appeals: false, 4720 }, 4721 client: null, 4722 index: null, 4723 results: null, 4724 setSearch(value) { 4725 this.query = value; 4726 this.$nextTick(() => { 4727 this.search(); 4728 }); 4729 }, 4730 open() { 4731 this.isOpen = true; 4732 }, 4733 close() { 4734 this.isOpen = false; 4735 }, 4736 get hasResults() { 4737 return this.results; 4738 }, 4739 get collectionFilters() { 4740 let filters = []; 4741 4742 if(this.enabledCollectionFilters.destination) { 4743 filters.push('collection.handle:regions'); 4744 filters.push('collection.handle:sub_regions'); 4745 } 4746 4747 if(this.enabledCollectionFilters.experiences) { 4748 filters.push('collection.handle:experiences'); 4749 } 4750 4751 if(this.enabledCollectionFilters.accommodation) { 4752 filters.push('collection.handle:accommodation'); 4753 } 4754 4755 if(this.enabledCollectionFilters.stories) { 4756 filters.push('collection.handle:stories'); 4757 } 4758 4759 if(this.enabledCollectionFilters.people) { 4760 filters.push('collection.handle:team'); 4761 } 4762 4763 if(this.enabledCollectionFilters.yachts) { 4764 filters.push('collection.handle:yachts'); 4765 } 4766 4767 if(this.enabledCollectionFilters.projects) { 4768 filters.push('collection.handle:projects'); 4769 } 4770 4771 if(this.enabledCollectionFilters.news) { 4772 filters.push('collection.handle:news'); 4773 } 4774 4775 if(this.enabledCollectionFilters.appeals) { 4776 filters.push('collection.handle:appeals'); 4777 } 4778 4779 return filters; 4780 }, 4781 search() { 4782 this.index.search(this.query, { 4783 attributesToRetrieve: ['*'], 4784 hitsPerPage: 12, 4785 facetFilters: [ 4786 [ 4787 'site.handle:foundation_gb', 4788 ], 4789 this.collectionFilters 4790 ], 4791 }).then(({ hits }) => { 4792 this.results = hits; 4793 }); 4794 }, 4795 init() { 4796 this.client = algoliasearch('YVGVXQLZK3', 'c738021aad342cb6ba1387563be3269f'); 4797 this.index = this.client.initIndex('search'); 4798 }, 4799 }" 4800 x-on:open-mobile-searchbox.window="open()" 4801 x-trap.noscroll="isOpen" 4802 x-show="isOpen" 4803 x-cloak 4804> 4805 <!-- Slideover --> 4806 <div x-dialog x-model="isOpen" style="display: none" class="fixed inset-0 overflow-hidden z-[999999]"> 4807 4808 <!-- Overlay --> 4809 <div x-dialog:overlay x-transition.opacity class="fixed inset-0 bg-[#000000] bg-opacity-30"></div> 4810 4811 <!-- Panel --> 4812 <div class="fixed inset-y-0 left-0 w-full"> 4813 <div 4814 x-dialog:panel 4815 x-transition:enter="transition ease-in-out duration-500" 4816 x-transition:enter-start="-translate-x-full" 4817 x-transition:enter-end="translate-x-0" 4818 x-transition:leave="transition ease-in-out duration-500" 4819 x-transition:leave-start="translate-x-0" 4820 x-transition:leave-end="-translate-x-full" 4821 class="w-full h-full" 4822 > 4823 <div class="flex flex-col justify-between h-full bg-white shadow-lg"> 4824 4825 <!-- Search --> 4826 <div class="w-full relative py-8 border-b border-[#66665D]/25 flex-none"> 4827 <input type="text" class="w-full placeholder:text-[#66665D]/50 text-[#66665D]/50 px-12 text-base tracking-wide" x-model="query" placeholder="Search" x-on:keyup.debounce.750="search"> 4828 <button type="button" class="absolute inset-y-0 left-4" x-on:click="search"> 4829 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.249 17.392" class="w-4 h-4"> 4830 <g fill="none" stroke="currentColor"> 4831 <circle cx="7.47" cy="7.47" r="7.47" stroke="none" /> 4832 <circle cx="7.47" cy="7.47" r="6.97" /> 4833 <path d="M12.425 11.846 18.939 17" /> 4834 </g> 4835 </svg> 4836 </button> 4837 <button class="absolute inset-y-0 right-4" x-on:click="close()"> 4838 <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-auto" viewB
4838ox="0 0 158.67 158.68"> 4839 <path id="Line" d="M-25.29 74.11h209.25v10.46H-25.29z" fill="#67675d" transform="rotate(-45 79.337 79.348)"/> 4840 <path id="Line-2" d="M74.1-25.29h10.46v209.25H74.1z" fill="#67675d" transform="rotate(-45 79.33 79.33)"/> 4841 </svg> 4842 </button> 4843 </div> 4844 4845 <!-- Body --> 4846 <div class="flex-1 min-h-0 overflow-y-auto"> 4847 <div> 4848 4849 <template x-if="!hasResults"> 4850 <div class="md:grid md:grid-cols-2 gap-8 pt-6 md:pt-10 md:w-full md:max-w-[850px] mx-auto px-4 overflow-y-auto"> 4851 <div> 4852 <h2 class="text-3xl uppercase font-mfred">Popular Searches</h2> 4853 <ul class="pt-6"> 4854 4855 4856 <li class="pb-2 md:pb-3"> 4857 <button type="button" class=" font-montserrat text-xs text-[#66665D] tracking-wide" x-on:click="setSearch('Projects')"> 4858 Projects 4859 </button> 4860 </li> 4861 4862 <li class="pb-2 md:pb-3"> 4863 <button type="button" class=" font-montserrat text-xs text-[#66665D] tracking-wide" x-on:click="setSearch('News')"> 4864 News 4865 </button> 4866 </li> 4867 4868 <li class="pb-2 md:pb-3"> 4869 <button type="button" class=" font-montserrat text-xs text-[#66665D] tracking-wide" x-on:click="setSearch('Pangolins')"> 4870 Pangolins 4871 </button> 4872 </li> 4873 4874 4875 </ul> 4876 </div> 4877 4878 <div class="py-10 md:py-0"> 4879 <h2 class="text-3xl uppercase font-mfred">Popular Results</h2> 4880 <div class="grid gap-6 pt-6 md:gap-2 md:grid-cols-2"> 4881 4882 4883 <a href="/projects/protecting-pangolins-southern-africa" class="flex flex-col group"> 4884 <div class="flex-none"> 4885 <div class="w-full md:aspect-w-1 md:aspect-h-1"> 4886 4887 4888 <img 4889 src="https://dx466kr41l2b.cloudfront.net/images/foundation/news/protecting-pangolins-southern-africa-askemma/pangolin-hand-africa-halfhero.jpg" 4890 alt="" 4891 width="2000" 4892 height="990" 4893 class="object-cover w-full h-full" 4894 style="object-position: 53% 20%;" 4895 > 4896 4897 4898 </div> 4899 </div> 4900 <div class="text-[#222221] flex flex-col mt-4"> 4901 <div> 4902 <h2 class="font-semibold tracking-wide uppercase font-montserrat text-wrap">
4902Protecting Pangolins in Southern Africa</h2> 4903 4904 <button type="button" class="text-xs tracking-[0.6px] font-montserrat font-semibold text-[#F38B00] link-animated link-orange">Read more</button> 4905 </div> 4906 </div> 4907 </a> 4908 4909 <a href="/projects/innovation-reforestation-technology" class="flex flex-col group"> 4910 <div class="flex-none"> 4911 <div class="w-full md:aspect-w-1 md:aspect-h-1"> 4912 4913 4914 <img 4915 src="https://dx466kr41l2b.cloudfront.net/images/foundation/projects/improving-human-wildlife-conflict-with-science/laughs-2323344_1280-(1).jpg" 4916 alt="" 4917 width="1280" 4918 height="853" 4919 class="object-cover w-full h-full" 4920 style="object-position: 50% 50%;" 4921 > 4922 4923 4924 </div> 4925 </div> 4926 <div class="text-[#222221] flex flex-col mt-4"> 4927 <div> 4928 <h2 class="font-semibold tracking-wide uppercase font-montserrat text-wrap">Improving Human-Wildlife Conflict with Science</h2> 4929 4930 <button type="button" class="text-xs tracking-[0.6px] font-montserrat font-semibold text-[#F38B00] link-animated link-orange">Read more</button> 4931 </div> 4932 </div> 4933 </a> 4934 4935 4936 </div> 4937 </div> 4938 </div> 4939</template> 4940 4941 4942 4943 <template x-if="hasResults"> 4944 <div class="flex flex-col flex-1 h-full min-h-0 pt-6 mx-auto"> 4945 4946 4947 <template x-if="1"> 4948 <div class="px-4 border-b md:border-b-0"> 4949 <h3 class="text-sm font-semibold tracking-wider uppercase font-montserrat">Filters</h3> 4950 4951 <div class="grid gap-4 pt-4 pb-6 md:pt-6 md:pb-0 grid-cols-2"> 4952 4953 <label class="text-[#66665D] font-montserrat font-medium text-xs inline-flex tracking-wide mr-5"> 4954 <input 4955 class="flex-none form-checkbox text-brand-primary" 4956 type="checkbox" 4957 x-model="enabledCollectionFilters.projects" 4958 x-on:change="search" 4959 > 4960 <span class="flex-1 min-w-0 ml-2">Projects</span> 4961</label> 4962 4963<label class="text-[#66665D] font-montserrat font-medium text-xs inline-flex tracking-wide mr-5"> 4964 <input 4965 class="flex-none form-checkbox text-brand-primary" 4966 type="checkbox" 4967 x-model="enabledCollectionFilters.news" 4968 x-on:change="search" 4969 > 4970 <span class="flex-1 min-w-0 ml-2">News</span> 4971</label> 4972 4973<label class="text-[#66665D] font-montserrat font-medium text-xs inline-flex tracking-wide mr-5"> 4974 <input 4975 class="flex-none form-checkbox text-brand-primary" 4976 type="checkbox" 4977 x-model="enabledCollectionFilters.people" 4978 x-on:change="search" 4979 > 4980 <span class="flex-1 min-w-0 ml-2">People</span> 4981</label> 4982 4983 4984 </div> 4985</div> 4986 4987 </template> 4988 4989 4990 <ul class="px-4 overflow-y-auto"> 4991 <template x-for="result in results"> 4992 <li class="py-5 border-b first:pt-0 last:border-b-0"> 4993 <a x-bind:href="result.absoluteUrl" class="flex group"> 4994 <div class="flex-none mr-4 md:mr-8"> 4995 <div class="w-28 md:w-40 aspect-w-1 aspect-h-1"> 4996 <img 4997 x-bind:src="result.thumbnail.url" 4998 x-bind:alt="result.thumbnail.title" 4999 x-bind:style="{ objectPosition: result.thumbnail.focus_css }" 5000 class="object-cover w-full h-full" 5001 > 5002 </div> 5003 </div> 5004 <div class="flex-1 text-[#222221] flex flex-col"> 5005 <div class="flex-grow">
5006 <span class="text-[#222221] block text-xs uppercase tracking-[0.6px] font-montserrat font-semibold pb-1" x-text="result.collection.title"></span> 5007 <h2 class="pb-2 font-semibold tracking-wide uppercase font-montserrat" x-text="result.title"></h2> 5008 <button type="button" class="text-xs tracking-[0.6px] font-montserrat font-semibold text-brand-primary search-link-animated link-animated link-orange">Read more</button> 5009 </div> 5010 </div> 5011 </a> 5012</li> 5013 </template> 5014 5015 <template x-if="results.length == 0"> 5016 <div> 5017 No results found. 5018 </div> 5019 </template> 5020 </ul> 5021 </div> 5022 </template> 5023 </div> 5024 </div> 5025 </div> 5026 </div> 5027 </div> 5028 </div> 5029</div> 5030 5031 5032
5032<script> 5033 document.addEventListener('alpine:init', () => { 5034 // Directive: x-tooltip 5035 Alpine.directive('tooltip', (el, { 5036 expression 5037 }) => { 5038 tippy(el, { 5039 content: expression, 5040 trigger: 'click', 5041 maxWidth: 235, 5042 offset: [0, 20] 5043 }) 5044 }) 5045 }) 5046 </script>
5046 5047
5047<script>(function() { 5048 function createMap() { 5049 var map = {}; 5050 var els = document.getElementsByClassName('nocache'); 5051 for (var i = 0; i < els.length; i++) { 5052 var section = els[i].getAttribute('data-nocache'); 5053 map[section] = els[i]; 5054 } 5055 return map; 5056 } 5057 5058 function replaceElement(el, html) { 5059 const tmp = document.createElement('div'); 5060 const fragment = document.createDocumentFragment(); 5061 5062 tmp.setHTMLUnsafe(html); 5063 5064 while (tmp.firstChild) { 5065 fragment.appendChild(tmp.firstChild); 5066 } 5067 5068 el.replaceWith(fragment); 5069 } 5070 5071 var map = createMap(); 5072 5073 fetch('/!/nocache', { 5074 method: 'POST', 5075 headers: { 'Content-Type': 'application/json' }, 5076 body: JSON.stringify({ 5077 url: window.location.href.split('#')[0], 5078 sections: Object.keys(map) 5079 }) 5080 }) 5081 .then((response) => response.json()) 5082 .then((data) => { 5083 map = createMap(); 5084 5085 const regions = data.regions; 5086 for (var key in regions) { 5087 if (map[key]) replaceElement(map[key], regions[key]); 5088 } 5089 5090 for (const input of document.querySelectorAll('input[value="4RrUvNmViWavBUIIwLSeCE8TixeNpVgKgxaBIhmU"]')) { 5091 input.value = data.csrf; 5092 } 5093 5094 for (const meta of document.querySelectorAll('meta[content="4RrUvNmViWavBUIIwLSeCE8TixeNpVgKgxaBIhmU"]')) { 5095 meta.content = data.csrf; 5096 } 5097 5098 for (const input of document.querySelectorAll('script[data-csrf="4RrUvNmViWavBUIIwLSeCE8TixeNpVgKgxaBIhmU"]')) { 5099 input.setAttribute('data-csrf', data.csrf); 5100 } 5101 5102 if (window.hasOwnProperty('livewire_token')) { 5103 window.livewire_token = data.csrf 5104 } 5105 5106 if (window.hasOwnProperty('livewireScriptConfig')) { 5107 window.livewireScriptConfig.csrf = data.csrf 5108 } 5109 5110 document.dispatchEvent(new CustomEvent('statamic:nocache.replaced', { detail: data })); 5111 }); 5112})();</script>
5112</body> 5113</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.