{"version":3,"file":"HelpPage-8753a485.js","sources":["../../src/pages/HelpPage.vue"],"sourcesContent":["<template>\n  <div class=\"help-page\">\n    <AppIcon\n      v-if=\"scrollY > 400\"\n      class=\"back-to-top\"\n      name=\"caret\"\n      :size=\"40\"\n      @click=\"backToTop\"/>\n\n    <nav :class=\"['help-nav', { 'help-nav--boxes': $route.name === 'help' } ]\">\n      <RouterLink\n        class=\"help-nav__option\"\n        :to=\"{ name: 'faq' }\">\n        <h2 class=\"help-nav__title\">\n          FAQ\n        </h2>\n        <span\n          v-if=\"$route.name === 'help'\"\n          class=\"help-nav__subtitle\">\n          Seek the answers, you may find... hopefully?\n          <br>Oh look! A dragon!\n        </span>\n      </RouterLink>\n      <RouterLink\n        class=\"help-nav__option\"\n        :to=\"{ name: 'privacy' }\">\n        <h2 class=\"help-nav__title\">\n          Privacy Policy\n        </h2>\n        <span\n          v-if=\"$route.name === 'help'\"\n          class=\"help-nav__subtitle\">\n          Serious stuff here,\n          <br>only read once enough caffeine has been consumed\n        </span>\n      </RouterLink>\n      <RouterLink\n        class=\"help-nav__option\"\n        :to=\"{ name: 'terms' }\">\n        <h2 class=\"help-nav__title\">\n          Terms of Use\n        </h2>\n        <span\n          v-if=\"$route.name === 'help'\"\n          class=\"help-nav__subtitle\">\n          More serious stuff,\n          <br>but if you're good then all will be well\n        </span>\n      </RouterLink>\n    </nav>\n\n    <div class=\"scrollable\">\n      <transition name=\"fade\">\n        <FAQ\n          v-if=\"$route.name === 'faq'\"\n          class=\"markdown-body\"/>\n      </transition>\n\n      <transition name=\"fade\">\n        <Privacy\n          v-if=\"$route.name === 'privacy'\"\n          class=\"markdown-body\"/>\n      </transition>\n\n      <transition name=\"fade\">\n        <Terms\n          v-if=\"$route.name === 'terms'\"\n          class=\"markdown-body\"/>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Privacy from '@/utils/config/Privacy.md'\nimport Terms from '@/utils/config/Terms.md'\nimport FAQ from '@/utils/config/FAQ.md'\n\nexport default {\n  components: {\n    Privacy,\n    Terms,\n    FAQ,\n  },\n\n  data: () => ({\n    scrollY: 0,\n    scroller: null,\n  }),\n\n  mounted () {\n    const scroller = document.querySelector('.scrollable')\n    this.scroller = scroller\n    scroller.addEventListener('scroll', () => {\n      this.scrollY = this.scroller.scrollTop\n    })\n  },\n\n  watch: {\n    '$route.name': {\n      handler () {\n        if (this.$route.hash) this.scrollToHash()\n        else this.backToTop()\n      },\n      immediate: true,\n    },\n  },\n\n  methods: {\n    backToTop () {\n      document.querySelector('.scrollable')?.scroll({\n        behavior: 'smooth',\n        top: 0,\n        left: 0,\n      })\n      this.$router.push(_.omit(this.$route, ['hash']))\n    },\n\n    async scrollToHash () {\n      await this.$nextTick()\n      const { hash } = this.$route\n      const section = document.getElementById(hash.replace('#', ''))\n      section\n        ? section.scrollIntoView()\n        : this.$router.push(_.omit(this.$route, ['hash']))\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.help-page {\n  position: relative;\n  width: 1200px;\n  max-width: 100%;\n}\n\n.back-to-top {\n  position: fixed;\n  right: 2em;\n  bottom: 2em;\n  padding: 10px;\n  transform: rotate(180deg);\n  border-radius: 50%;\n  background: rgb(var(--slate));\n  cursor: pointer;\n}\n\n.markdown-body {\n  max-width: 1200px;\n  padding-top: 20px;\n  padding-right: 20px;\n\n  :deep(h2:not(#amendments)) {\n    margin-top: 2.5em;\n  }\n\n  :deep(li) {\n    .icon {\n      --icon-size: 1em !important;\n    }\n  }\n\n  :deep(#what-are-the-benefits-of-creating-an-account ~ ul) {\n    padding-inline-start: 10px;\n    list-style-type: none;\n\n    li .icon {\n      margin-right: 6px;\n    }\n  }\n\n  :deep(.warning) {\n    margin-top: 1em;\n    padding: 1em;\n    border: 1px solid rgb(var(--orange));\n    border-radius: 6px;\n    font-size: 14px;\n\n    .warning__title,\n    strong {\n      display: flex;\n      align-items: center;\n      color: rgb(var(--orange));\n      gap: 4px;\n    }\n\n    p {\n      margin: 0.5em 1em;\n    }\n  }\n\n  :deep(p) {\n    margin: 1em 0;\n  }\n\n  :deep(ol, ul) blockquote {\n    margin: 0;\n    padding: 0;\n    background: none;\n\n    p {\n      margin: 0;\n    }\n\n    ul {\n      padding-left: 2em;\n    }\n  }\n\n  :deep(blockquote) {\n    margin: 1em 0;\n    padding: 1em;\n    background: rgb(var(--slate-dark-1));\n    color: rgb(var(--grey-light-1));\n\n    p:first-child {\n      margin-top: 0;\n    }\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.help-nav {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  gap: 50px;\n  padding-bottom: 20px;\n\n  &__title {\n    display: inline-flex;\n    flex: 0 1 auto;\n    text-align: center;\n\n    .router-link-active & {\n      color: rgb(var(--white));\n    }\n  }\n\n  &--boxes {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    margin-top: 10em;\n    gap: 1.5em;\n\n    .help-nav__title {\n      font-size: 36px;\n    }\n\n    .help-nav__title,\n    .help-nav__subtitle {\n      max-width: 70%;\n      transition: font-size 0.25s ease-in-out;\n    }\n\n    .help-nav__subtitle {\n      min-height: 120px;\n      color: rgb(var(--white));\n      font-size: 18px;\n    }\n\n    .help-nav__option {\n      display: flex;\n      flex-direction: column;\n      place-content: center center;\n      align-items: center;\n      padding: 3.5em 2em;\n      transition: background 0.5s ease-in-out;\n      border: 1px solid rgb(var(--gold));\n      border-radius: 20px;\n      text-align: center;\n      aspect-ratio: 1;\n\n      &:hover,\n      &:focus {\n        background: rgb(var(--gold) / 0.25);\n\n        .help-nav__title {\n          font-size: 42px;\n        }\n\n        .help-nav__subtitle {\n          font-size: 19px;\n        }\n      }\n    }\n  }\n}\n\n@media (width <= 1020px) {\n  .help-nav {\n    &--boxes {\n      display: flex;\n      flex-wrap: wrap;\n      margin-top: 0;\n\n      .help-nav__option {\n        width: 300px;\n      }\n    }\n  }\n}\n\n@media (width <= 500px) {\n  .help-page {\n    height: unset;\n\n    .scrollable,\n    .markdown-body {\n      padding: 0;\n    }\n\n    .markdown-body {\n      :deep(.icon) { --icon-size: 14px !important; }\n      :deep(li > ul) { padding-inline-start: 30px; }\n    }\n  }\n\n  .help-nav {\n    &__title {\n      font-size: 28px;\n    }\n\n    &--boxes {\n      place-items: center;\n      grid-template-columns: 1fr;\n      gap: 16px;\n\n      .help-nav__title {\n        font-size: 28px;\n      }\n\n      .help-nav__subtitle {\n        max-width: 80%;\n        min-height: 60px;\n        font-size: 14px;\n      }\n\n      .help-nav__option {\n        aspect-ratio: 2.5;\n        max-width: 240px;\n        padding: 20px 8px;\n        border-radius: 16px;\n\n        &:hover,\n        &:focus {\n          .help-nav__title {\n            font-size: 32px;\n          }\n\n          .help-nav__subtitle {\n            font-size: 16px;\n          }\n        }\n      }\n    }\n\n    &:not(.help-nav--boxes) {\n      display: grid;\n      grid-template-columns: repeat(3, auto);\n      justify-items: center;\n      gap: 10px;\n      margin-bottom: 16px;\n\n      .help-nav__option {\n        padding: 4px 8px;\n        border-radius: 8px;\n\n        &.router-link-active {\n          border-bottom: 1px solid rgb(var(--gold));\n          background: rgb(var(--white) / 0.05);\n        }\n      }\n    }\n  }\n}\n\n@media (width <= 340px) {\n  .help-nav {\n    &:not(.help-nav--boxes) {\n      .help-nav__title {\n        font-size: 20px;\n      }\n    }\n  }\n\n  .markdown-body {\n    font-size: 12px;\n\n    :deep(h1) { font-size: 24px; }\n    :deep(h2) { font-size: 22px; }\n    :deep(h3) { font-size: 20px; }\n    :deep(h4) { font-size: 18px; }\n    :deep(h5) { font-size: 16px; }\n  }\n}\n</style>\n"],"names":["_sfc_main","Privacy","Terms","FAQ","scroller","_a","hash","section","_hoisted_1","_hoisted_2","_withScopeId","_createElementVNode","_hoisted_5","_hoisted_8","_hoisted_11","_openBlock","_createElementBlock","_ctx","_createBlock","_component_AppIcon","$options","_normalizeClass","_createVNode","_component_RouterLink","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_7","_hoisted_9","_hoisted_10","_Transition","_component_FAQ","_component_Privacy","_component_Terms"],"mappings":"6r/EA8EA,MAAKA,GAAU,CACb,WAAY,CACV,QAAAC,QACAC,EACA,IAAAC,EACD,EAED,KAAM,KAAO,CACX,QAAS,EACT,SAAU,IACZ,GAEA,SAAW,CACT,MAAMC,EAAW,SAAS,cAAc,aAAa,EACrD,KAAK,SAAWA,EAChBA,EAAS,iBAAiB,SAAU,IAAM,CACxC,KAAK,QAAU,KAAK,SAAS,UAC9B,CACF,EAED,MAAO,CACL,cAAe,CACb,SAAW,CACL,KAAK,OAAO,KAAM,KAAK,aAAa,EACnC,KAAK,UAAU,CACrB,EACD,UAAW,EACZ,CACF,EAED,QAAS,CACP,WAAa,QACXC,EAAA,SAAS,cAAc,aAAa,IAApC,MAAAA,EAAuC,OAAO,CAC5C,SAAU,SACV,IAAK,EACL,KAAM,IAER,KAAK,QAAQ,KAAK,EAAE,KAAK,KAAK,OAAQ,CAAC,MAAM,CAAC,CAAC,CAChD,EAED,MAAM,cAAgB,CACpB,MAAM,KAAK,UAAU,EACrB,KAAM,CAAE,KAAAC,GAAS,KAAK,OAChBC,EAAU,SAAS,eAAeD,EAAK,QAAQ,IAAK,EAAE,CAAC,EAC7DC,EACIA,EAAQ,eAAe,EACvB,KAAK,QAAQ,KAAK,EAAE,KAAK,KAAK,OAAQ,CAAC,MAAM,CAAC,CAAC,CACpD,CACF,CACH,0CA9HOC,GAAA,CAAA,MAAM,WAAW,EAYhBC,GAAAC,EAAA,IAAAC,EAEK,KAFD,CAAA,MAAM,mBAAkB,QAE5B,EAAA,CAAA,YAGE,MAAM,+BAENA,EAAI,KAAA,KAAA,KAAA,EAAA,CAAA,EAMNC,GAAAF,EAAA,IAAAC,EAEK,KAFD,CAAA,MAAM,mBAAkB,mBAE5B,EAAA,CAAA,YAGE,MAAM,+BAENA,EAAI,KAAA,KAAA,KAAA,EAAA,CAAA,EAMNE,GAAAH,EAAA,IAAAC,EAEK,KAFD,CAAA,MAAM,mBAAkB,iBAE5B,EAAA,CAAA,YAGE,MAAM,+BAENA,EAAI,KAAA,KAAA,KAAA,EAAA,CAAA,EAKLG,GAAA,CAAA,MAAM,YAAY,yGAlDzB,OAAAC,EAAA,EAAAC,EAqEM,MArENR,GAqEM,CAnEIS,EAAO,QAAA,SADfC,EAKsBC,EAAA,OAHpB,MAAM,cACN,KAAK,QACJ,KAAM,GACN,QAAOC,EAAS,yCAEnBT,EAwCM,MAAA,CAxCA,MAAKU,EAAA,CAAA,WAAA,CAAA,kBAAoCJ,EAAM,OAAC,OAAI,MAAA,EAAA,IACxDK,EAYaC,EAAA,CAXX,MAAM,mBACL,GAAI,CAAe,KAAA,KAAA,cACpB,IAEK,CAFLd,GAIQQ,EAAA,OAAO,OAAI,QADnBF,IAAAC,EAKO,OALPQ,GAKO,GAHsB,gDAE3B,EAAAC,KAAI,qBACN,sBAEFH,EAYaC,EAAA,CAXX,MAAM,mBACL,GAAI,CAAmB,KAAA,SAAA,cACxB,IAEK,CAFLX,GAIQK,EAAA,OAAO,OAAI,QADnBF,IAAAC,EAKO,OALPU,GAKO,GAHsB,uBAE3B,EAAAC,KAAI,mDACN,sBAEFL,EAYaC,EAAA,CAXX,MAAM,mBACL,GAAI,CAAiB,KAAA,OAAA,cACtB,IAEK,CAFLV,GAIQI,EAAA,OAAO,OAAI,QADnBF,IAAAC,EAKO,OALPY,GAKO,GAHsB,uBAE3B,EAAAC,KAAI,2CACN,0BAIJlB,EAkBM,MAlBNG,GAkBM,CAjBJQ,EAIaQ,EAAA,CAJD,KAAK,MAAM,EAAA,WACrB,IAEyB,CADjBb,EAAA,OAAO,OAAI,WADnBC,EAEyBa,EAAA,OAAvB,MAAM,oCAGVT,EAIaQ,EAAA,CAJD,KAAK,MAAM,EAAA,WACrB,IAEyB,CADjBb,EAAA,OAAO,OAAI,eADnBC,EAEyBc,EAAA,OAAvB,MAAM,oCAGVV,EAIaQ,EAAA,CAJD,KAAK,MAAM,EAAA,WACrB,IAEyB,CADjBb,EAAA,OAAO,OAAI,aADnBC,EAEyBe,EAAA,OAAvB,MAAM"}