{"version":3,"file":"DSutrgS7.js","sources":["../../../../components/Home/GridBoxes.vue","../../../../components/Home/BranchSection.vue","../../../../components/Home/EventSection.vue","../../../../components/Home/NewsSection.vue","../../../../pages/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst tiles = [\n  {\n    heading: \"Join Wildcare\",\n    copy: \"We invite you to become a member of Wildcare Tasmania. Just by joining, you are already supporting our volunteers and making a positive impact.\",\n    buttonText: \"Become a Wildcare Member\",\n    buttonLink: \"/join\",\n  },\n  {\n    heading: \"About Us\",\n    copy: \"Wildcare Tasmania is a community of volunteers and donors caring for Tasmania's wild places, wildlife and cultural heritage. Wildcare has almost 60 volunteer groups that members can join.\",\n    buttonText: \"About Us\",\n    buttonLink: \"/about\",\n  },\n  {\n    heading: \"Get Involved\",\n    copy: \"We offer inspiring opportunities in beautiful places, working in close partnership with the Tasmanian Government, councils, and private landowners.\",\n    buttonText: \"Join a Group\",\n    buttonLink: \"/groups\",\n  },\n];\n</script>\n\n<template>\n  <CommonContainer class=\"relative\">\n    <div class=\"relative z-10 mb-24 mt-[-50px] grid grid-cols-1 md:mt-[-80px] lg:mt-[-120px] lg:grid-cols-3 xl:mb-12\">\n      <div\n        v-for=\"(tile, index) in tiles\"\n        :key=\"index\"\n        class=\"flex flex-col items-center p-8 text-center md:col-span-1 lg:p-12\"\n        :class=\"index % 2 === 0 ? 'bg-tertiary text-primary' : 'bg-primary text-white'\"\n      >\n        <h2 class=\"mb-5 text-2xl md:text-3xl lg:text-5xl\">\n          {{ tile.heading }}\n        </h2>\n        <p class=\"mb-10 grow text-base lg:mb-14 lg:text-lg\">{{ tile.copy }}</p>\n        <CommonButtonNuxtLink\n          class=\"mx-auto\"\n          :btn-style=\"index % 2 === 0 ? 'white' : 'tertiary'\"\n          btn-hover-style=\"secondary\"\n          :to=\"tile.buttonLink\"\n        >\n          {{ tile.buttonText }}\n        </CommonButtonNuxtLink>\n      </div>\n    </div>\n    <CommonCommentTag class=\"grid-box\" tag-class=\"grid-box\" arrow=\"curve\"> Volunteer today! </CommonCommentTag>\n  </CommonContainer>\n</template>\n","<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\n\n// requesting branch info\n\n// We need to randomise the branches fetched, but using a seeded random function that is based on the current date\n\n// generate a random number between 0 and 1, then get the index using random number in the array of branch ids\nfunction splitmix32(a) {\n  return function () {\n    a |= 0;\n    a = (a + 0x9e3779b9) | 0;\n    let t = a ^ (a >>> 16);\n    t = Math.imul(t, 0x21f0aaad);\n    t = t ^ (t >>> 15);\n    t = Math.imul(t, 0x735a2d97);\n    return ((t = t ^ (t >>> 15)) >>> 0) / 4294967296;\n  };\n}\n\n// fetch all branch ids\nconst { data: branchIDs } = await useAsyncData(\n  () => {\n    return useDirectus(\n      readItems(\"branches\", {\n        fields: [\"id\", \"status\"],\n        filter: { status: { _eq: \"published\" } },\n      })\n    );\n  },\n  {\n    default: () => [],\n    transform: (branchIDs) => {\n      const seed = dayjs().format(\"YYYYMMDD\");\n      const seededRandomNumber = splitmix32(seed)();\n      const randomIndex = Math.floor(seededRandomNumber * branchIDs.length);\n\n      const selectedBranchIDs = [];\n\n      for (let i = 0; i < 3; i++) {\n        selectedBranchIDs.push(branchIDs[(randomIndex + i) % branchIDs.length].id);\n      }\n      return selectedBranchIDs;\n    },\n  }\n);\n\nconst { data: branches } = await useAsyncData(() =>\n  useDirectus(\n    readItems(\"branches\", {\n      fields: [\"*\", \"count(branch_members)\"],\n      filter: { id: { _in: branchIDs.value } },\n      limit: 3,\n    })\n  )\n);\n</script>\n<template>\n  <div class=\"relative bg-gray py-[--y-margin]\">\n    <CommonContainer class=\"relative\">\n      <CommonCommentTag class=\"branches\" tag-class=\"branches\"> Explore our groups! </CommonCommentTag>\n      <div class=\"mb-8\">\n        <p class=\"mb-2 text-center font-script text-base font-bold text-secondary lg:text-left lg:text-3xl\">Discover and Join</p>\n        <h2 class=\"mb-7 text-center text-4xl font-semibold text-primary lg:text-left lg:text-5xl\">Wildcare Groups</h2>\n        <div class=\"flex flex-wrap items-center gap-5 lg:flex-row\">\n          <p class=\"mr-auto max-w-[750px] text-center text-xl text-primary lg:text-left\">\n            Browse the groups below and sign up to their email list by clicking 'Join this Group'. Join as many groups as you like, it's a\n            great way to find out about opportunities, impact and stories.\n          </p>\n          <div class=\"mx-auto flex flex-wrap gap-5 lg:mx-0\">\n            <CommonButtonNuxtLink class=\"w-full md:w-fit\" btn-style=\"secondary\" btn-hover-style=\"primary\" :to=\"{ path: '/groups' }\">\n              Explore More Groups\n            </CommonButtonNuxtLink>\n          </div>\n        </div>\n      </div>\n      <div v-if=\"branches\" class=\"space-y-7 py-16\">\n        <BranchPreview v-for=\"branch in branches\" :key=\"branch.id\" :branch=\"branch\" />\n      </div>\n      <div class=\"flex justify-center\">\n        <CommonButtonNuxtLink class=\"w-full md:w-fit\" btn-style=\"secondary\" btn-hover-style=\"primary\" :to=\"{ path: '/groups' }\">\n          Explore More Groups\n        </CommonButtonNuxtLink>\n      </div>\n    </CommonContainer>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\n\nconst now = dayjs().format(\"YYYY-MM-DDTHH:mm:ss\");\nconst { data: events, pending } = await useAsyncData(() =>\n  useDirectus(\n    readItems(\"events\", {\n      fields: [\"*\", { event_participants: [\"*\"] }, { branch: [\"title\", \"slug\"] }],\n      filter: {\n        start: { _gte: now },\n      },\n      sort: \"start\",\n\n      limit: 4,\n    })\n  )\n);\n</script>\n\n<template>\n  <section class=\"relative bg-gray\">\n    <img src=\"/temp-events-bg.jpg\" class=\"absolute hidden h-full w-full object-cover grayscale lg:block\" />\n    <div class=\"absolute inset-0 bg-primary opacity-80\"></div>\n    <CommonContainer class=\"relative z-20 py-[--y-margin]\">\n      <div class=\"mb-16 flex flex-wrap items-center justify-between gap-5 text-white\">\n        <div class=\"mx-auto md:mx-px\">\n          <p class=\"text-center font-script text-3xl font-bold lg:text-left\">How we reach people</p>\n          <h2 class=\"text-center text-5xl font-semibold lg:text-left\">Explore our events</h2>\n        </div>\n        <CommonButtonNuxtLink\n          class=\"mx-auto hidden md:mx-px md:block\"\n          btn-style=\"secondary\"\n          btn-hover-style=\"tertiary\"\n          :to=\"{ path: '/events' }\"\n        >\n          More events\n        </CommonButtonNuxtLink>\n      </div>\n      <font-awesome-icon v-if=\"pending\" class=\"text-primary\" icon=\"fa-solid fa-spinner\" size=\"2xl\" spin-pulse></font-awesome-icon>\n      <div v-else>\n        <EventList v-if=\"events?.length\" :events=\"events\"></EventList>\n        <div v-else class=\"text-center font-script text-xl text-white md:text-2xl xl:text-4xl\">No upcoming events</div>\n      </div>\n      <CommonButtonNuxtLink class=\"mx-auto mt-8 md:hidden\" btn-style=\"secondary\" btn-hover-style=\"tertiary\" :to=\"{ path: '/events' }\">\n        More events\n      </CommonButtonNuxtLink>\n    </CommonContainer>\n  </section>\n</template>\n","<script setup lang=\"ts\">\nconst { data: news, pending } = await useAsyncData(() =>\n  useDirectus(\n    readItems(\"news\", {\n      fields: [\"*\", { thumbail: [\"*\"], branch: [\"title\"] }],\n      filter: {\n        status: { _eq: \"published\" },\n      },\n      limit: 10,\n      sort: \"-date_created\",\n    })\n  )\n);\n</script>\n\n<template>\n  <div class=\"relative bg-tertiary\">\n    <img class=\"absolute right-[10%] top-0 z-10\" src=\"/devil-footprints-light-1.svg\" alt=\"\" aria-hidden=\"true\" />\n    <img class=\"absolute bottom-0 left-0 z-10\" src=\"/devil-footprints-light-2.svg\" alt=\"\" aria-hidden=\"true\" />\n    <CommonContainer tag=\"section\" class=\"relative z-20 py-[--y-margin]\">\n      <div class=\"mb-16 flex flex-wrap items-end justify-between gap-5 text-white\">\n        <div>\n          <p class=\"text-center font-script text-3xl font-bold text-primary lg:text-left\">Latest News</p>\n          <h2 class=\"max-w-[775px] text-center text-5xl font-semibold text-accentDark lg:text-left\">Read about the latest happenings</h2>\n        </div>\n        <CommonButtonNuxtLink class=\"mx-auto md:mx-px\" btn-style=\"primary\" :to=\"{ path: '/news' }\"> More news </CommonButtonNuxtLink>\n      </div>\n      <font-awesome-icon v-if=\"pending\" class=\"text-primary\" icon=\"fa-solid fa-spinner\" size=\"2xl\" spin-pulse></font-awesome-icon>\n      <NewsSlider v-else :news=\"news\"></NewsSlider>\n    </CommonContainer>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nconst { data: page } = await useAsyncData(() => useDirectus(readSingleton(\"Homepage\", { fields: [\"*\", { banner_image: [\"*\"] }] })));\n</script>\n<template>\n  <div>\n    <CommonPageBanner\n      :local-asset=\"page?.banner_image ? false : true\"\n      :image=\"page?.banner_image ? page.banner_image.id : '/home-banner.png'\"\n      size=\"large\"\n    >\n      <div class=\"mx-auto max-w-[1440px]\">\n        <p class=\"font-script text-xl md:text-2xl xl:text-3xl\">Join Our Community</p>\n        <h1 class=\"mx-auto text-4xl font-semibold md:text-6xl xl:text-banner\">\n          {{ page?.title ? page.title : \"Care for Tasmania's wild places, wildlife & cultural heritage\" }}\n        </h1>\n      </div>\n    </CommonPageBanner>\n    <HomeGridBoxes />\n    <HomeBranchSection />\n    <HomeEventSection />\n    <HomeNewsSection />\n  </div>\n</template>\n"],"names":["tiles","splitmix32","a","branchIDs","__temp","__restore","_withAsyncContext","useAsyncData","useDirectus","readItems","seed","dayjs","seededRandomNumber","randomIndex","selectedBranchIDs","i","branches","now","events","pending","news","page","readSingleton"],"mappings":"mtCACA,MAAMA,EAAQ,CACZ,CACE,QAAS,gBACT,KAAM,kJACN,WAAY,2BACZ,WAAY,OACd,EACA,CACE,QAAS,WACT,KAAM,8LACN,WAAY,WACZ,WAAY,QACd,EACA,CACE,QAAS,eACT,KAAM,sJACN,WAAY,eACZ,WAAY,SAAA,CAEhB,i6BCZA,SAASC,EAAWC,EAAG,CACrB,OAAO,UAAY,CACZA,GAAA,EACLA,EAAKA,EAAI,WAAc,EACnB,IAAA,EAAIA,EAAKA,IAAM,GACf,SAAA,KAAK,KAAK,EAAG,SAAU,EAC3B,EAAI,EAAK,IAAM,GACX,EAAA,KAAK,KAAK,EAAG,UAAU,IAClB,EAAI,EAAK,IAAM,MAAS,GAAK,UACxC,CAAA,CAII,KAAA,CAAE,KAAMC,IAAoB,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAC,EAChC,IACSC,EACLC,EAAU,WAAY,CACpB,OAAQ,CAAC,KAAM,QAAQ,EACvB,OAAQ,CAAE,OAAQ,CAAE,IAAK,WAAc,CAAA,CACxC,CAAA,CACH,EAEF,CACE,QAAS,IAAM,CAAC,EAChB,UAAYN,GAAc,CACxB,MAAMO,EAAOC,IAAQ,OAAO,UAAU,EAChCC,EAAqBX,EAAWS,CAAI,EAAE,EACtCG,EAAc,KAAK,MAAMD,EAAqBT,EAAU,MAAM,EAE9DW,EAAoB,CAAC,EAE3B,QAASC,EAAI,EAAGA,EAAI,EAAGA,IACrBD,EAAkB,KAAKX,GAAWU,EAAcE,GAAKZ,EAAU,MAAM,EAAE,EAAE,EAEpE,OAAAW,CAAA,CACT,EAEJ,aAAA,CAAA,mBAEM,CAAE,KAAME,IAAa,CAAAZ,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAAa,IAC5CC,EACEC,EAAU,WAAY,CACpB,OAAQ,CAAC,IAAK,uBAAuB,EACrC,OAAQ,CAAE,GAAI,CAAE,IAAKN,EAAU,MAAQ,EACvC,MAAO,CACR,CAAA,CAAA,EAEL,aAAA,CAAA,6hDCpDA,MAAMc,EAAMN,IAAQ,OAAO,qBAAqB,EAC1C,CAAE,KAAMO,EAAQ,QAAAC,CAAQ,GAAI,CAAAf,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAAa,IACnDC,EACEC,EAAU,SAAU,CAClB,OAAQ,CAAC,IAAK,CAAE,mBAAoB,CAAC,GAAG,GAAK,CAAE,OAAQ,CAAC,QAAS,MAAM,EAAG,EAC1E,OAAQ,CACN,MAAO,CAAE,KAAMQ,CAAI,CACrB,EACA,KAAM,QAEN,MAAO,CACR,CAAA,CAAA,EAEL,aAAA,CAAA,m1CCfM,KAAA,CAAE,KAAMG,EAAM,QAAAD,CAAQ,GAAI,CAAAf,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAAa,IACjDC,EACEC,EAAU,OAAQ,CAChB,OAAQ,CAAC,IAAK,CAAE,SAAU,CAAC,GAAG,EAAG,OAAQ,CAAC,OAAO,EAAG,EACpD,OAAQ,CACN,OAAQ,CAAE,IAAK,WAAY,CAC7B,EACA,MAAO,GACP,KAAM,eACP,CAAA,CAAA,EAEL,aAAA,CAAA,skCCXA,KAAM,CAAE,KAAMY,CAAK,GAAU,CAAAjB,EAAAC,CAAA,EAAAC,EAAA,IAAAC,EAAa,IAAMC,EAAYc,EAAc,WAAY,CAAE,OAAQ,CAAC,IAAK,CAAE,aAAc,CAAC,GAAG,CAAG,CAAA,CAAG,CAAA,CAAC,eAAC,CAAA"}