{"version":3,"file":"index-DJnonohN.js","sources":["../../src/components/landing-page/Accordion.vue","../../src/components/landing-page/AccordionItem.vue","../../src/images/hacking_blurred_720.mp4","../../src/components/landing-page/Ribbon.vue","../../src/components/landing-page/LandingHeader.vue","../../src/components/landing-page/PrizeItem.vue","../../src/components/landing-page/Prizes.vue","../../src/components/landing-page/CountDown.vue","../../src/components/landing-page/StoryOverlay.vue","../../src/components/landing-page/Teaser.vue","../../src/images/team.jpg","../../src/components/landing-page/Timeline.vue","../../src/pages/landing-page/App.vue","../../src/pages/landing-page/main.ts"],"sourcesContent":["<template>\n  <div class=\"accordion w-full animate-on-scroll\">\n    <slot />\n  </div>\n</template>\n","<template>\n  <div\n    ref=\"itemRef\"\n    class=\"accordion-item first:rounded-t-lg last:rounded-b-lg border border-background\"\n    :class=\"{\n      'bg-dark-200': !isOpen,\n      'bg-primaryBg': isOpen,\n    }\"\n  >\n    <div class=\"accordion-header\">\n      <button\n        class=\"w-full py-4 px-4 flex justify-between items-center gap-x-2\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <h2 class=\"font-bold text-left text-lg mb-0\">\n          {{ title }}\n        </h2>\n        <div\n          class=\"w-5 h-5 transform-gpu transition\"\n          :class=\"{\n            'rotate-0': !isOpen,\n            'rotate-180': isOpen,\n          }\"\n        >\n          <ChevronDownIcon />\n        </div>\n      </button>\n    </div>\n    <Transition\n      name=\"expand\"\n      @enter=\"enterExpandAnimation\"\n      @after-enter=\"afterEnterExpand\"\n      @leave=\"leaveExpandAnimation\"\n    >\n      <div\n        v-if=\"isOpen\"\n      >\n        <div class=\"accordion-body py-4 px-5\">\n          <slot />\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { ChevronDownIcon } from '@heroicons/vue/24/solid'\n  import { ref, watch, onMounted, onUnmounted } from 'vue'\n\n  const emit = defineEmits(['toggle'])\n\n  const props = defineProps({\n    title: {\n      type: String,\n      required: true,\n    },\n    openWithAnchor: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n  })\n\n  const isOpen = ref(false)\n  const itemRef = ref<HTMLDivElement | null>(null)\n  const windowHash = ref<string| null>(null)\n\n  const onWindowHashChange = () => {\n    if (!props.openWithAnchor) {\n      return\n    }\n    windowHash.value = window.location.hash\n  }\n\n  onMounted(() => {\n    window.addEventListener('hashchange', onWindowHashChange)\n    windowHash.value = window.location.hash\n  })\n  onUnmounted(() => {\n    window.removeEventListener('hashchange', onWindowHashChange)\n  })\n\n  watch(() => windowHash.value, (newHash) => {\n    const isCurrentAnchor = !!itemRef.value && itemRef.value.id !== '' && `#${itemRef.value.id}` === newHash\n    if (!props.openWithAnchor || !isCurrentAnchor) {\n      return\n    }\n    isOpen.value = true\n  })\n\n  watch(() => isOpen.value, (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      emit('toggle')\n    }\n  })\n\n  // javascript-based animation inspired by\n  // https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/\n  function enterExpandAnimation(element: Element) {\n    const htmlElement = element as HTMLElement\n    const width = getComputedStyle(htmlElement).width\n\n    // Hack to get the height if visible.\n    htmlElement.style.width = width\n    htmlElement.style.position = 'absolute'\n    htmlElement.style.visibility = 'hidden'\n    htmlElement.style.height = 'auto'\n    const height = getComputedStyle(htmlElement).height\n\n    htmlElement.style.width = ''\n    htmlElement.style.position = ''\n    htmlElement.style.visibility = ''\n    htmlElement.style.height = '0px'\n\n    // Force repaint to make sure the\n    // animation is triggered correctly.\n    // eslint-disable-next-line no-void\n    void getComputedStyle(htmlElement).height\n\n    // Trigger the animation.\n    // We use `requestAnimationFrame` because we need\n    // to make sure the browser has finished\n    // painting after setting the `height`\n    // to `0` in the line above.\n    requestAnimationFrame(() => {\n      htmlElement.style.height = height\n    })\n  }\n\n  function afterEnterExpand(element: Element) {\n    const htmlElement = element as HTMLElement\n    htmlElement.style.height = 'auto'\n  }\n\n  function leaveExpandAnimation(element: Element) {\n    const htmlElement = element as HTMLElement\n    const height = getComputedStyle(htmlElement).height\n\n    htmlElement.style.height = height\n\n    // Force repaint to make sure the\n    // animation is triggered correctly.\n    // eslint-disable-next-line no-void\n    void getComputedStyle(htmlElement).height\n\n    requestAnimationFrame(() => {\n      htmlElement.style.height = '0px'\n    })\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n$expand-animation-duration: 200ms;\n$animation-easing: ease-in-out;\n\n.accordion-item {\n  transition: background-color $expand-animation-duration $animation-easing;\n}\n\n.expand-enter-active,\n.expand-leave-active {\n  transition: height $expand-animation-duration $animation-easing;\n  overflow: hidden;\n}\n\n.expand-enter,\n.expand-leave-to {\n  height: 0;\n}\n</style>\n","export default \"__VITE_ASSET__CaGxQ5Mu__\"","<template>\n  <div id=\"vue-ribbon-box\">\n    <span :id=\"componentId\" :class=\"ribbonClass\" :data-ribbon=\"text\">{{ text }}</span>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: 'Ribbon',\n    props: {\n      text: {\n        type: String,\n        default: 'Hello world!',\n      },\n\n      position: {\n        type: String,\n        validator: function (value) {\n          return (\n            value === 'left-top' ||\n            value === 'right-top' ||\n            value === 'left-bottom' ||\n            value === 'right-bottom'\n          )\n        },\n        default: 'right-top',\n      },\n      fixed: {\n        type: Boolean,\n        default: false,\n      },\n      color: {\n        type: String,\n        validator: function (value) {\n          return value.length === 7\n        },\n        default: '#364a5e',\n      },\n    },\n\n    computed: {\n      ribbonClass() {\n        return {\n          'vue-ribbon': true,\n          [`${this.position}`]: true,\n          fixed: this.fixed,\n        }\n      },\n\n      href() {\n        return this.url\n      },\n\n      componentId() {\n        return `vue-ribbon-${this._uid}`\n      },\n    },\n\n    mounted: function () {\n      this.dynamicCSSClass()\n    },\n\n    beforeUpdate: function () {\n      this.dynamicCSSClass()\n    },\n\n    methods: {\n      isLightColor() {\n        const rgb = parseInt(this.color.substring(1), 16)\n        const r = (rgb >> 16) & 0xff\n        const g = (rgb >> 8) & 0xff\n        const b = (rgb >> 0) & 0xff\n        const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b\n        return luma > 128\n      },\n\n      dynamicCSSClass() {\n        const nodeId = 'vue-ribbon-bkg-' + this._uid\n        let style = document.getElementById(nodeId)\n        if (!style) {\n          style = document.createElement('style')\n          style.id = nodeId\n          style.type = 'text/css'\n          this.$el.appendChild(style)\n        }\n        let cssClass = `#${this.componentId}:before { background-color: ${this.color\n        }} `\n        if (this.isLightColor()) {\n          cssClass += `#${this.componentId\n          }:after { color: #000; border-color: #000;}`\n        }\n        style.innerHTML = cssClass\n      },\n    },\n  }\n</script>\n\n<style scoped>\n/* Credits go to:\n* https://github.com/simonwhitaker/github-fork-ribbon-css\n*/\n\n.vue-ribbon {\n    width: 12.1em;\n    height: 12.1em;\n    position: absolute;\n    overflow: hidden;\n    top: 0;\n    right: 0;\n    pointer-events: none;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: small;\n    text-indent: -999999px;\n}\n\n@media (min-width: 768px) {\n    .vue-ribbon {\n        width: 12.1em;\n        height: 12.1em;   \n        font-size: large;\n    }\n}\n\n.vue-ribbon.fixed {\n    position: fixed;\n}\n\n.vue-ribbon:hover,\n.vue-ribbon:active {\n    background-color: rgba(0, 0, 0, 0);\n}\n\n.vue-ribbon:before,\n.vue-ribbon:after {\n    position: absolute;\n    display: block;\n    width: 15.38em;\n    height: 1.54em;\n    top: 3.23em;\n    right: -3.23em;\n    -webkit-box-sizing: content-box;\n    -moz-box-sizing: content-box;\n    box-sizing: content-box;\n    -webkit-transform: rotate(45deg);\n    -moz-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    -o-transform: rotate(45deg);\n    transform: rotate(45deg);\n}\n\n.vue-ribbon:before {\n    content: \"\";\n    padding: 0.38em 0;\n    background-image: -webkit-gradient(linear,\n            left top,\n            left bottom,\n            from(rgba(0, 0, 0, 0)),\n            to(rgba(0, 0, 0, 0.15)));\n    background-image: -webkit-linear-gradient(top,\n            rgba(0, 0, 0, 0),\n            rgba(0, 0, 0, 0.15));\n    background-image: -moz-linear-gradient(top,\n            rgba(92, 60, 60, 0),\n            rgba(0, 0, 0, 0.15));\n    background-image: -ms-linear-gradient(top,\n            rgba(0, 0, 0, 0),\n            rgba(0, 0, 0, 0.15));\n    background-image: -o-linear-gradient(top,\n            rgba(0, 0, 0, 0),\n            rgba(0, 0, 0, 0.15));\n    background-image: linear-gradient(to bottom,\n            rgba(0, 0, 0, 0),\n            rgba(0, 0, 0, 0.15));\n    -webkit-box-shadow: 0 0.15em 0.23em 0 rgba(0, 0, 0, 0.5);\n    -moz-box-shadow: 0 0.15em 0.23em 0 rgba(0, 0, 0, 0.5);\n    box-shadow: 0 0.15em 0.23em 0 rgba(0, 0, 0, 0.5);\n\n    pointer-events: auto;\n}\n\n.vue-ribbon:after {\n    content: attr(data-ribbon);\n    color: #fff;\n    line-height: 1.54em;\n    text-decoration: none;\n    text-shadow: 0 -0.08em rgba(0, 0, 0, 0.5);\n    text-align: center;\n    text-indent: 0;\n    padding: 0.15em 0;\n    margin: 0.15em 0;\n}\n\n.vue-ribbon.left-top,\n.vue-ribbon.left-bottom {\n    right: auto;\n    left: 0;\n}\n\n.vue-ribbon.left-bottom,\n.vue-ribbon.right-bottom {\n    top: auto;\n    bottom: 0;\n}\n\n.vue-ribbon.left-top:before,\n.vue-ribbon.left-top:after,\n.vue-ribbon.left-bottom:before,\n.vue-ribbon.left-bottom:after {\n    right: auto;\n    left: -3.23em;\n}\n\n.vue-ribbon.left-bottom:before,\n.vue-ribbon.left-bottom:after,\n.vue-ribbon.right-bottom:before,\n.vue-ribbon.right-bottom:after {\n    top: auto;\n    bottom: 3.23em;\n}\n\n.vue-ribbon.left-top:before,\n.vue-ribbon.left-top:after,\n.vue-ribbon.right-bottom:before,\n.vue-ribbon.right-bottom:after {\n    -webkit-transform: rotate(-45deg);\n    -moz-transform: rotate(-45deg);\n    -ms-transform: rotate(-45deg);\n    -o-transform: rotate(-45deg);\n    transform: rotate(-45deg);\n}\n</style>","<template>\n  <header class=\"pt-12 md:pt-18 lg:pt-24 pb-64 relative overflow-hidden\">\n    <video\n      ref=\"video\"\n      autoplay muted loop playsinline\n      class=\"absolute w-full top-0 bottom-0 my-auto min-h-full min-w-full pointer-events-none object-cover\"\n    >\n      <source src=\"../../images/hacking_blurred_720.mp4\" type=\"video/mp4\">\n    </video>\n    <div class=\"container mx-auto\">\n      <Logo class=\"relative z-20 mx-auto max-w-[50rem] w-[70%]\" />\n    </div>\n    <Ribbon text=\"Jetzt mit Teams!\" color=\"#E30026\" />\n  </header>\n</template>\n\n<script lang=\"ts\" setup>\n  import { ref, onMounted } from 'vue'\n\n  import Logo from '@/components/Logo.vue'\n  import Ribbon from '@/components/landing-page/Ribbon.vue'\n\n  const video = ref<HTMLVideoElement | null>(null)\n\n  onMounted(() => {\n    setTimeout(() => {\n      if (!video.value) {\n        return\n      }\n      // eslint-disable-next-line no-void\n      void video.value.play()\n    }, 1500)\n  })\n</script>\n\n<style lang=\"scss\" scoped>\n  .title-heading {\n    @apply pt-2 pb-2 text-center bg-clip-text text-transparent bg-gradient-to-br from-error to-blue-600\n      text-5xl sm:text-6xl md:text-7xl lg:text-8xl xl:text-9xl ;\n    font-family: \"Jadefedga\", sans-serif;\n  }\n  .subheading {\n    @apply pt-1 sm:pt-3 lg:pt-5 text-center text-standardtext\n      text-3xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-6xl relative z-20;\n  }\n</style>\n<style>\n*::-webkit-media-controls {\n  display: none !important;\n  -webkit-appearance: none !important;\n}\n*::-webkit-media-controls-panel {\n  display: none !important;\n  -webkit-appearance: none !important;\n}\n*::-webkit-media-controls-play-button {\n  display: none !important;\n  -webkit-appearance: none !important;\n}\n*::-webkit-media-controls-start-playback-button {\n  display: none !important;\n  -webkit-appearance: none !important;\n}\n</style>\n","<template>\n  <!-- When the screen is smaller than medium, then always use the right side. -->\n  <div\n    v-if=\"side === Side.left\"\n    class=\"w-full grid grid-cols-1 lg:grid-cols-2 items-center auto-rows-auto auto-rows-min relative\"\n  >\n    <div class=\"row-span-2 pl-8 lg:pr-8 flex items-center justify-end\">\n      <div\n        class=\"rounded bg-dark-200 py-4 px-4 sm:px-8 mr-auto lg:ml-auto lg:max-w-9/10 my-4 border-primary border-t-4 animate-on-scroll\"\n        data-animation-direction=\"right\"\n      >\n        <PrizeItemContent :title=\"title\">\n          <slot />\n        </PrizeItemContent>\n      </div>\n    </div>\n    <div class=\"bg-dark-200 w-1 h-full absolute left-0 lg:left-1/2 -ml-0.5\" />\n    <div class=\"bg-dark-200 rounded-full -m-2 w-4 h-4 absolute left-0 lg:left-1/2 top-1/2\" />\n  </div>\n  <div\n    v-else\n    class=\"w-full grid grid-cols-1 lg:grid-cols-2 items-center relative\"\n  >\n    <div class=\"row-span-2 lg:col-start-2 pl-8 flex items-center justify-end\">\n      <div\n        class=\"rounded bg-dark-200 py-4 px-4 sm:px-8 mr-auto w-full lg:w-auto lg:max-w-9/10 my-4  border-primary border-t-4 animate-on-scroll\"\n        data-animation-direction=\"left\"\n      >\n        <PrizeItemContent :title=\"title\">\n          <slot />\n        </PrizeItemContent>\n      </div>\n    </div>\n    <div class=\"bg-dark-200 w-1 h-full absolute left-0 lg:left-1/2 -ml-0.5\" />\n    <div class=\"bg-dark-200 rounded-full -m-2 w-4 h-4 absolute left-0 lg:left-1/2 top-1/2\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { PropType, defineProps } from 'vue'\n\n  import PrizeItemContent from './PrizeItemContent.vue'\n\n  export enum Side {\n    'left',\n    'right',\n  }\n</script>\n\n<script lang=\"ts\" setup>\n  defineProps({\n    side: {\n      type: Number as PropType<Side>,\n      validator: (value: number) => {\n        return [Side.left, Side.right].includes(value)\n      },\n      required: true,\n    },\n    title: {\n      type: String,\n      default: null,\n    },\n  })\n</script>\n","<template>\n  <div class=\"prizes mt-12\">\n    <PrizeItem\n      :side=\"Side.right\"\n      title=\"Reise nach Potsdam\"\n    >\n      Die bestplatzierten Teams gewinnen eine <strong>Reise nach Potsdam und Berlin</strong>.\n      In einem Workshop vom 23.05.2025 - 25.05.2025 bieten wir Dir ein umfangreiches Besuchsprogramm vor Ort an spannenden und exklusiven Locations rund um Cybersecurity.\n      Und das ganze zusammen mit den restlichen Gewinnenden des CTF!\n    </PrizeItem>\n    <PrizeItem\n      :side=\"Side.left\"\n      title=\"Konferenz für Nationale Cybersicherheit\"\n    >\n      Ihr gewinnt kostenlose Eintrittskarten für die\n      <a\n        href=\"https://hpi.de/potsdamer-konferenz-fuer-nationale-cybersicherheit/\"\n        target=\"_blank\"\n      >\n        Potsdamer Konferenz für Nationale Cybersicherheit 2025\n      </a>\n      und könnt dort viele neue Kontakte knüpfen.\n    </PrizeItem>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { provide } from 'vue'\n\n  import PrizeItem, { Side } from './PrizeItem.vue'\n\n  provide('price-item-counter', 0)\n</script>\n\n<style lang=\"scss\" scoped>\n  .prizes-line {\n    // Generate a vertical line.\n    background-image: linear-gradient(#fff, #fff);\n    background-size: 2px 100%;\n    background-repeat: no-repeat;\n    background-position: center center;\n  }\n</style>\n","<template>\n  <div class=\"countdown\">\n    <div class=\"digits\">\n      <div class=\"inline-block relative h-[1em] overflow-hidden\">\n        <Transition name=\"slide-down\">\n          <div v-if=\"toggleDays\">{{ toggleDays ? digits('days') : nextDigits('days') }}</div>\n          <div v-else>{{ !toggleDays ? digits('days') : nextDigits('days') }}</div>\n        </Transition>\n      </div>\n    </div>\n    <Transition name=\"slide-down\">\n      <span v-if=\"true\" class=\"explanation-label\">Tage</span>\n    </Transition>\n    <div class=\"digits\">\n      <div class=\"inline-block relative h-[1em] overflow-hidden\">\n        <Transition name=\"slide-down\">\n          <div v-if=\"toggleHours\">{{ toggleHours ? digits('hours') : nextDigits('hours') }}</div>\n          <div v-else>{{ !toggleHours ? digits('hours') : nextDigits('hours') }}</div>\n        </Transition>\n      </div>\n    </div>\n    <Transition name=\"slide-down\">\n      <span v-if=\"true\" class=\"explanation-label\">Stunden</span>\n    </Transition>\n    <div class=\"digits\">\n      <div class=\"inline-block relative h-[1em] overflow-hidden\">\n        <Transition name=\"slide-down\">\n          <div v-if=\"toggleMinutes\">{{ toggleMinutes ? digits('minutes') : nextDigits('minutes') }}</div>\n          <div v-else>{{ !toggleMinutes ? digits('minutes') : nextDigits('minutes') }}</div>\n        </Transition>\n      </div>\n    </div>\n    <Transition name=\"slide-down\">\n      <span v-if=\"true\" class=\"explanation-label\">Minuten</span>\n    </Transition>\n    <div class=\"digits\">\n      <div class=\"inline-block relative h-[1em] overflow-hidden\">\n        <Transition name=\"slide-down\">\n          <div v-if=\"toggleSeconds\">{{ toggleSeconds ? digits('seconds') : nextDigits('seconds') }}</div>\n          <div v-else>{{ !toggleSeconds ? digits('seconds') : nextDigits('seconds') }}</div>\n        </Transition>\n      </div>\n    </div>\n    <Transition name=\"slide-down\">\n      <span v-if=\"true\" class=\"explanation-label\">Sekunden</span>\n    </Transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { defineProps, PropType, onMounted, ref, onBeforeUnmount, onBeforeMount } from 'vue'\n\n  const props = defineProps({\n    date: {\n      type: Date as PropType<Date>,\n      required: true,\n    },\n  })\n\n  const days = ref<number | undefined>(undefined)\n  const toggleDays = ref(false)\n  const hours = ref<number | undefined>(undefined)\n  const toggleHours = ref(false)\n  const minutes = ref<number | undefined>(undefined)\n  const toggleMinutes = ref(false)\n  const seconds = ref<number | undefined>(undefined)\n  const toggleSeconds = ref(false)\n  const interval = ref<number | undefined>(undefined)\n\n  /**\n   * Regularly updates the counter.\n   */\n  function count() {\n    // Make sure, we do not overshoot.\n    const dateDiffSeconds = Math.max(\n      0,\n      Math.floor((props.date.getTime() - Date.now()) / 1000),\n    )\n    const newSeconds = dateDiffSeconds % 60\n    const newMinutes = Math.floor(dateDiffSeconds / 60) % 60\n    const newHours = Math.floor(dateDiffSeconds / (60 * 60)) % 24\n    const newDays = Math.floor(dateDiffSeconds / (60 * 60 * 24))\n    if (newSeconds !== seconds.value) {\n      seconds.value = newSeconds\n      toggleSeconds.value = !toggleSeconds.value\n    }\n    if (newMinutes !== minutes.value) {\n      minutes.value = newMinutes\n      toggleMinutes.value = !toggleMinutes.value\n    }\n    if (newHours !== hours.value) {\n      hours.value = newHours\n      toggleHours.value = !toggleHours.value\n    }\n    if (newDays !== days.value) {\n      days.value = newDays\n      toggleDays.value = !toggleDays.value\n    }\n  }\n\n  function digits(type: 'days' | 'hours' | 'minutes' | 'seconds') {\n    switch (type) {\n      case 'days':\n        return days.value?.toString()\n      case 'hours':\n        return hours.value?.toString().padStart(2, '0')\n      case 'minutes':\n        return minutes.value?.toString().padStart(2, '0')\n      case 'seconds':\n        return seconds.value?.toString().padStart(2, '0')\n    }\n  }\n\n  function nextDigits(type: 'days' | 'hours' | 'minutes' | 'seconds') {\n    switch (type) {\n      case 'days':\n        return Math.max(0, ((days.value || 0) - 1)).toString()\n      case 'hours':\n        return Math.max(0, ((hours.value || 0) - 1)).toString().padStart(2, '0')\n      case 'minutes':\n        return Math.max(0, ((minutes.value || 0) - 1)).toString().padStart(2, '0')\n      case 'seconds':\n        return Math.max(0, ((seconds.value || 0) - 1)).toString().padStart(2, '0')\n    }\n  }\n\n  onBeforeMount(() => {\n    // To prevent a delay and have an initial count.\n    count()\n  })\n\n  onMounted(() => {\n    interval.value = setInterval(count, 1000)\n  })\n\n  onBeforeUnmount(() => {\n    // Stop timer on unmounting.\n    if (interval.value !== undefined) {\n      clearInterval(interval.value)\n    }\n  })\n</script>\n\n<style lang=\"scss\" scoped>\n  .countdown {\n    width: fit-content; // Windi does not seem to have a class for that...\n    @apply flex justify-center justify-items-center mx-auto;\n\n    .digits {\n      font-family: \"IBM Plex Mono\", sans-serif;\n      @apply text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-light flex items-end;\n      line-height: 1em;\n    }\n    .explanation-label {\n      @apply text-primary text-right self-end\n        pr-2 lg:pr-4 xl:pr-5 pl-1\n        text-tiny sm:text-sm md:text-base lg:text-lg xl:text-xl;\n      height: fit-content;\n      writing-mode: vertical-lr; // rotate text\n    }\n  }\n\n  .slide-down-enter-active,\n  .slide-down-leave-active {\n    transition: transform 0.8s cubic-bezier(1,0,0,1), opacity 0.8s cubic-bezier(1,0,0,1);\n  }\n\n  .slide-down-enter-from {\n    opacity: 0;\n    transform: translateY(-200%);\n  }\n\n  .slide-down-leave-to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n\n  .slide-down-enter-to {\n    opacity: 1;\n    transform: translateY(-100%);\n  }\n</style>\n","<template>\n  <div\n    class=\"story-overlay relative text-center rounded-lg bg-dark-500 bg-opacity-95 w-95/100 md:w-9/10 xl:w-8/10 max-w-8xl\n      py-8 shadow-lg left-1/2 z-10 -mt-52\"\n  >\n    <div class=\"container relative mx-auto px-6 sm:px-12 md:px-24 max-w-9xl\">\n      <h2 class=\"my-4 text-xl sm:text-2xl md:text-4xl\">Habt Ihr das Zeug, die Welt sicherer zu machen?</h2>\n      <div v-if=\"!ctfDidEnd\">\n        <p class=\"my-2 mx-auto max-w-200 text-muted text-justify\">\n          Zeigt Euer Können bei den dritten <strong>{{ CTF_TITLE_DATIV }}</strong> und beweist Euch während den spannenden Ermittlungen.\n          Die {{ CTF_TITLE }} sind ein\n          <strong><a href=\"#what-is-a-ctf\">Capture the Flag</a></strong> Wettbewerb,\n          bei dem Ihr Challenges im Bereich Cybersicherheit lösen könnt.\n          Bisher wenig Erfahrung?\n          <strong>Kein Problem!</strong>\n          Bei uns könnt Ihr ohne Druck auch teilnehmen, wenn Ihr nicht bereits Cybersicherheit studiert habt.\n          <br>\n          <span v-if=\"!ctfDidStart\" class=\"inline-block font-bold mt-2 text-xl\">Der Countdown zum Start läuft…</span>\n          <span v-else class=\"inline-block font-bold mt-2 text-xl\">Der Wettbewerb läuft noch…</span>\n        </p>\n        <CountDown v-if=\"!ctfDidStart\" class=\"mx-auto mb-4 md:mb-8 mt-4 md:mt-8\" :date=\"CTF_START\" />\n        <CountDown v-else class=\"mx-auto mb-4 md:mb-8 mt-4 md:mt-8\" :date=\"CTF_END\" />\n        <p class=\"mb-4 md:mb-6 mx-auto max-w-200 text-muted text-right\">\n          ...und hackt Euch zu unseren <a href=\"#prizes\">Preisen</a><!-- im Wert von über <span class=\"text-primary text-bold\">15.000&nbsp;&euro;</span>-->!\n        </p>\n        <div class=\"flex justify-center gap-3 flex-wrap w-full\">\n          <RegisterButton />\n          <JoinDiscordButton />\n          <ContactEmailButton />\n        </div>\n      </div>\n      <div v-else>\n        <p class=\"my-4 text-lg sm:text-xl md:text-2xl\">\n          Der Wettbewerb ist beendet.\n          Ein riesengroßes <b>Dankeschön</b>, dass Ihr dabei wart! 🚀\n        </p>\n        <p>\n          <span v-if=\"showPostPlayTimeMessage\">\n            Aber nicht traurig sein: Ihr könnt <a :href=\"REGISTER_LINK\" target=\"_blank\">noch zwei Wochen weiterhacken</a>&nbsp;🧑‍💻.\n          </span>\n          Du möchtest die nächsten {{ CTF_TITLE }} nicht verpassen? Tritt einfach unserem Discord-Server bei,\n          um Benachrichtigungen für die nächsten {{ CTF_TITLE }} zu erhalten.\n        </p>\n        <JoinDiscordButton class=\"mt-4\" />\n      </div>\n    </div>\n    <Fireworks\n      ref=\"fireworksRef\"\n      class=\"left-0 top-0 right-0 bottom-0 absolute -z-1 pointer-events-none\"\n      :autostart=\"false\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import Fireworks from '@fireworks-js/vue'\n  import { onBeforeUnmount, onMounted, ref } from 'vue'\n\n  import ContactEmailButton from './ContactEmailButton.vue'\n  import CountDown from './CountDown.vue'\n  import JoinDiscordButton from './JoinDiscordButton.vue'\n  import RegisterButton from './RegisterButton.vue'\n\n  import {\n    CTF_END,\n    CTF_POST_PLAY_TIME_END,\n    CTF_START,\n    CTF_TITLE,\n    CTF_TITLE_DATIV,\n    FIREWORKS_ANIMATION_DURATION,\n    REGISTER_LINK,\n  } from '@/constants'\n\n  const fireworksRef = ref<null | InstanceType<typeof Fireworks>>(null)\n\n  const ctfDidStart = ref(Date.now() >= CTF_START.getTime())\n  const ctfDidEnd = ref(Date.now() >= CTF_END.getTime())\n  const ctfStartTimeout = ref<NodeJS.Timeout | null>(null)\n  const ctfEndTimeout = ref<NodeJS.Timeout | null>(null)\n  const fireworksStopTimeout = ref<NodeJS.Timeout | null>(null)\n  const showPostPlayTimeMessage = ref(new Date() < CTF_POST_PLAY_TIME_END)\n  const dontShowPostPlayTimeMessageTimeout = ref<NodeJS.Timeout | null>(null)\n\n  const startFireworksIfNecessary = () => {\n    if (fireworksStopTimeout.value !== null) {\n      clearTimeout(fireworksStopTimeout.value)\n    }\n    fireworksRef.value?.updateOptions({\n      intensity: 12,\n      acceleration: 1,\n      traceLength: 6,\n      opacity: 0.75,\n      explosion: 4,\n      lineWidth: {\n        trace: {\n          min: 0.5,\n          max: 3.0,\n        },\n      },\n    })\n    // The end time of fireworks when the competition started.\n    const fireworksStartCompetitionStop = CTF_START.getTime() + FIREWORKS_ANIMATION_DURATION\n    const fireworksStartCompetitionStopTimeLeft = fireworksStartCompetitionStop - Date.now()\n    const fireworkEndCompetitionStop = CTF_END.getTime() + FIREWORKS_ANIMATION_DURATION\n    const fireworkEndCompetitionStopTimeLeft = fireworkEndCompetitionStop - Date.now()\n\n    let fireworksStopTimeLeft: number | null = null\n    if (Date.now() > CTF_START.getTime() && fireworksStartCompetitionStopTimeLeft > 0) {\n      fireworksStopTimeLeft = fireworksStartCompetitionStopTimeLeft\n    } else if (Date.now() > CTF_END.getTime() && fireworkEndCompetitionStopTimeLeft > 0) {\n      fireworksStopTimeLeft = fireworkEndCompetitionStopTimeLeft\n    }\n\n    if (fireworksStopTimeLeft !== null && fireworksStopTimeLeft > 0) {\n      fireworksRef.value?.start()\n      fireworksStopTimeout.value = setTimeout(\n        () => {\n          fireworksRef.value?.waitStop()\n        },\n        Math.min(maxSafeTimeout, fireworksStopTimeLeft),\n      )\n    }\n  }\n\n  /**\n   * The issue with setTimeout is that the callback would be triggered immediately,\n   * when delay is larger than this value.\n   * See: https://developer.mozilla.org/en-US/docs/Web/API/setTimeout#maximum_delay_value\n   */\n  const maxSafeTimeout = (2 ** 31) - 1\n\n  onMounted(() => {\n    // Set a timeout to trigger the switch when the competition starts.\n    const timeToStart = CTF_START.getTime() - Date.now()\n    if (timeToStart > 0 && timeToStart < maxSafeTimeout) {\n      ctfStartTimeout.value = setTimeout(\n        () => {\n          ctfDidStart.value = true\n          startFireworksIfNecessary()\n        },\n        timeToStart,\n      )\n    }\n\n    // Set a timeout to trigger the switch when the competition ends.\n    const timeToEnd = CTF_END.getTime() - Date.now()\n    if (timeToStart < 0 && timeToEnd > 0 && timeToEnd < maxSafeTimeout) {\n      ctfEndTimeout.value = setTimeout(\n        () => {\n          ctfDidEnd.value = true\n          startFireworksIfNecessary()\n        },\n        timeToEnd,\n      )\n    }\n    startFireworksIfNecessary()\n\n    // Set a timeout to hide post play time message.\n    const timeToPostPlayTimeEnd = CTF_POST_PLAY_TIME_END.getTime() - Date.now()\n    if (timeToPostPlayTimeEnd > 0 && timeToPostPlayTimeEnd < maxSafeTimeout) {\n      dontShowPostPlayTimeMessageTimeout.value = setTimeout(\n        () => { showPostPlayTimeMessage.value = false },\n        timeToPostPlayTimeEnd,\n      )\n    }\n  })\n\n  onBeforeUnmount(() => {\n    if (ctfStartTimeout.value !== null) {\n      clearTimeout(ctfStartTimeout.value)\n      ctfStartTimeout.value = null\n    }\n    if (ctfEndTimeout.value !== null) {\n      clearTimeout(ctfEndTimeout.value)\n      ctfEndTimeout.value = null\n    }\n    if (fireworksStopTimeout.value !== null) {\n      clearTimeout(fireworksStopTimeout.value)\n      fireworksStopTimeout.value = null\n    }\n    if (dontShowPostPlayTimeMessageTimeout.value !== null) {\n      clearTimeout(dontShowPostPlayTimeMessageTimeout.value)\n      dontShowPostPlayTimeMessageTimeout.value = null\n    }\n  })\n</script>\n\n<style lang=\"scss\" scoped>\n  .story-overlay {\n    transform: translateX(-50%);\n  }\n</style>\n","<template>\n  <div class=\"animate-on-scroll\">\n    <iframe\n      v-if=\"showVideo\"\n      class=\"mx-auto w-full aspect-video max-w-6xl rounded-md\"\n      :src=\"CTF_YOUTUBE_VIDEO\"\n      title=\"YouTube video player\"\n      frameborder=\"0\"\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n      allowfullscreen\n    />\n    <div\n      v-else class=\"mx-auto w-full max-w-6xl bg-gray-700 rounded-md relative teaser-data-protection\"\n    >\n      <div class=\"background-image absolute w-full h-full rounded-md\" />\n      <div\n        class=\"w-full h-auto flex flex-wrap data-protection-text break-words\n        justify-center items-center content-center gap-4 px-8 md:px-4 p-y-8 backdrop-blur bg-black/50 backdrop-filter aspect-video\"\n      >\n        <h4 class=\"w-full text-center\">Externer Inhalt</h4>\n        <p class=\"block w-full md:max-w-8/10 lg:max-w-8/10 xl:max-w-7/10 text-justify\">\n          Dieses Video ist im erweiterten Datenschutzmodus von Youtube eingebunden, der das Setzen von Youtube-Cookies solange blockiert,\n          bis ein aktiver Klick auf die Wiedergabe erfolgt.\n          Mit Klick auf den Wiedergabe-Button erteilst Du Deine Einwilligung darin, dass Youtube auf dem von Dir verwendeten Endgerät Cookies setzt,\n          die auch einer Analyse des Nutzungsverhaltens zu Marktforschungs- und Marketing-Zwecken dienen können.\n          Näheres zur Cookie-Verwendung durch Youtube findest Du\n          in der Cookie-Policy von Google unter <a href=\"https://policies.google.com/technologies/types?hl=de\">https://policies.google.com/technologies/types?hl=de</a>.\n        </p>\n        <div class=\"w-full\">\n          <button\n            class=\"block mx-auto py-3 px-[1.125rem] rounded-md leading-none bg-primaryBg hover:text-dark-500 hover:bg-primaryBgHover\"\n            @click=\"showVideo=true\"\n          >\n            <div class=\"w-[1em] h-[1em] inline-block align-bottom mr-1\">\n              <PlayIcon />\n            </div>\n            Zeig mir das Video\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { PlayIcon } from '@heroicons/vue/24/outline'\n  import { ref } from 'vue'\n\n  import { CTF_YOUTUBE_VIDEO } from '@/constants'\n\n  const showVideo = ref(false)\n</script>\n\n<style lang=\"scss\">\n.teaser-data-protection {\n  .background-image {\n    background-image: url('@/images/teaser-frame.jpg');\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center;\n  }\n}\n</style>\n","export default \"__VITE_ASSET__BhZcm_wT__\"","<template>\n  <div id=\"timeline\" class=\"timeline-wrapper flex flex-wrap\">\n    <div v-for=\"event, idx in sortedEvents\" :key=\"idx\" class=\"flex w-full items-center gap-x-8\">\n      <div\n        class=\"h-full flex items-center flex-col transform-gpu\"\n        :class=\"{\n          'translate-y-[calc(50%-0.5rem-1rem)]': idx === 0\n        }\"\n      >\n        <div\n          v-if=\"idx > 0\"\n          class=\"w-1 border-2\"\n          :class=\"{\n            'dark-border': !shouldLightTimelineLine(sortedEvents[idx - 1]),\n            'border-primary': shouldLightTimelineLine(sortedEvents[idx - 1]),\n            'h-[calc(50%-0.5rem-1rem)]': idx < sortedEvents.length - 1,\n            // As the last one does not have a bottom margin.\n            'h-[calc(50%-0.5rem)]': idx === sortedEvents.length - 1,\n          }\"\n        /><div\n          class=\"h-4 w-4 rounded-full\"\n          :class=\"{'dark-bg': !shouldLightTimelineDot(event), 'bg-primary': shouldLightTimelineDot(event)}\"\n        />\n        <div\n          v-if=\"idx !== sortedEvents.length - 1\"\n          class=\"h-[calc(50%-0.5rem+1rem)] w-1 border-2\"\n          :class=\"{'dark-border': !shouldLightTimelineLine(event), 'border-primary': shouldLightTimelineLine(event)}\"\n        />\n      </div>\n      <div\n        data-animation-direction=\"left\"\n        class=\"timeline-box relative dark-bg py-4 px-4 sm:px-8 flex-grow shadow-md shadow-dark-400 rounded-md animate-on-scroll\"\n        :class=\"{\n          'mb-8': idx < sortedEvents.length - 1,\n          'mb-0': idx === sortedEvents.length - 1,\n        }\"\n      >\n        <h5 class=\"timeline-box-title font-bold text-lg sm:text-xl break-words\">{{ event.title }}</h5>\n        <h6 class=\"text-sm mb-2\">({{ dateTitle(event) }})</h6>\n        <p class=\"timeline-box-content text-muted\">{{ event.description }}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import { computed, defineProps, PropType } from 'vue'\n  interface TimelineEvent {\n    title: string\n    description: string\n    startDate: Date,\n    endDate?: Date\n  }\n\n  const props = defineProps({\n    events: {\n      type: Array as PropType<TimelineEvent[]>,\n      required: true,\n      validator: (events: TimelineEvent[]) => {\n        const isTimelineEvent = (obj: object): obj is TimelineEvent => {\n          const possibleEvent = obj as TimelineEvent\n          return typeof possibleEvent.title === 'string' &&\n            typeof possibleEvent.description === 'string' &&\n            possibleEvent.startDate instanceof Date &&\n            (!possibleEvent.endDate || possibleEvent.endDate instanceof Date)\n        }\n        if (!events.every(isTimelineEvent)) {\n          return false\n        }\n        // Find overlaps (which are not allowed).\n        const foundDates: ({ time: number, tag: 'start' | 'end' | 'single' })[] = []\n        for (const event of events) {\n          if (event.endDate) {\n            foundDates.push({ time: event.startDate.getTime(), tag: 'start' })\n            foundDates.push({ time: event.endDate.getTime(), tag: 'end' })\n            continue\n          }\n          foundDates.push({ time: event.startDate.getTime(), tag: 'single' })\n        }\n        foundDates.sort((a, b) => a.time - b.time)\n\n        let openInterval = 0\n        for (const foundDate of foundDates) {\n          if (foundDate.tag === 'start') {\n            if (openInterval > 0) {\n              return false\n            }\n            openInterval += 1\n          } else if (foundDate.tag === 'end') {\n            if (openInterval <= 0) {\n              return false\n            }\n            openInterval -= 1\n          } else {\n            if (openInterval > 0) {\n              return false\n            }\n          }\n        }\n\n        return true\n      },\n    },\n  })\n\n  function shouldLightTimelineLine(event: TimelineEvent) {\n    if (event.endDate) {\n      return Date.now() > event.endDate.getTime()\n    }\n    return Date.now() > event.startDate.getTime()\n  }\n\n  function shouldLightTimelineDot(event: TimelineEvent) {\n    return Date.now() > event.startDate.getTime()\n  }\n\n  function formatDate(date: Date) {\n    return date.toLocaleString(\n      'de-DE',\n      {\n        day: '2-digit',\n        month: '2-digit',\n        year: 'numeric',\n        hour: '2-digit',\n        dayPeriod: 'long',\n        minute: '2-digit',\n        timeZoneName: 'short',\n      },\n    )\n  }\n\n  function dateTitle(event: TimelineEvent) {\n    if (event.endDate) {\n      return `${formatDate(event.startDate)} - ${formatDate(event.endDate)}`\n    }\n    return formatDate(event.startDate)\n  }\n\n  // We can sort the events just by start date here, as we made sure, there are no overlaps.\n  const sortedEvents = computed(() => [...props.events].sort((a, b) => a.startDate.getTime() - b.startDate.getTime()))\n</script>\n\n<style lang=\"scss\" scoped>\n  .dark-bg {\n    @apply bg-dark-300;\n  }\n  .dark-border {\n    @apply border-dark-300;\n  }\n\n  .timeline-box {\n    .timeline-box-content::after {\n      content: \" \";\n      @apply border-l-transparent border-t-transparent border-b-transparent border-r-dark-300 border-solid\n        -mt-3 -ml-6 border-[12px] left-0 top-1/2 absolute;\n    }\n  }\n</style>\n","<template>\n  <Header :menuItems=\"menuItems\" @menu-item-click=\"handleMenuItemClick\" />\n  <LandingHeader id=\"mach-mit\" class=\"ctf-section\" />\n  <!-- This small top padding is necessary in order to allow\n      the negative margin for the overlay. -->\n  <content-section id=\"darum-gehts\" class=\"ctf-section pt-1\" caption=\"Warum Ihr dabei sein solltet\" title=\"Let's unmask the Underground! 🕵️\">\n    <template v-slot:preContainer>\n      <StoryOverlay class=\"mb-8\" />\n    </template>\n    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-x-12 gap-y-8\">\n      <Feature title=\"🏢 Das Hauptquartier der Cyber-Unterwelt\">\n        Durch ein geheimes Auswahlverfahren wurde Euer Team auserwählt, in die dunklen Gassen von Berlin und Potsdam einzutauchen - zur Infiltration des Verstecks einer berüchtigten Hacker-Organisation.  \n        <strong>Eure Mission: Unmask the Underground! 🕵️‍♂️</strong>  \n        Schon beim ersten Schritt wird Euch klar: Hinter der Fassade verbirgt sich eine große kriminelle Infrastruktur die es zu durchbrechen gilt.\n      </Feature>\n      <Feature title=\"🧑‍💻 Die Challenges\">\n        Euch erwarten zahlreiche Herausforderungen, die eure detektivischen Fähigkeiten auf die Probe stellen:  \n        Öffnet schlecht gesicherte Türen, findet mehr über dubiose Webserver heraus und nutzt die Satelliten des Untergrunds um ihre Operationen aufzuklären. \n      </Feature>\n      <Feature title=\"🕸️ Vernetze Dich\">\n        Wie in einem echten Fall habt Ihr die Chance, Euch mit anderen talentierten Cyber-Detektiven zu vernetzen:  \n        Während des CTFs oder als eines der <strong>Top 10 Ermittler Teams</strong> im Anschluss beim exklusiven Cybersecurity-Workshop in Potsdam!  \n        Neugierig? Dann schaut Euch unsere <a href=\"#prizes\">Preise</a> an!\n      </Feature>\n      <Feature title=\"🤯 Realistischer Bezug\">\n        Cyberkriminalität mag wie ein Plot aus einem Thriller klingen - sie ist aber so real wie das nächste Datenleck.\n        Organisationen, Behörden, kritische Infrastruktur und auch Privatpersonen wie Ihr sind ständig im Visier digitaler Angriffe.  \n        Mit eurem Engagement lernt Ihr, die Methoden der Cyberkriminellen zu verstehen und helft, die digitale Welt ein Stück sicherer zu machen!\n      </Feature>\n    </div>\n  </content-section>\n  <content-section id=\"teaser-video\" class=\"ctf-section\" caption=\"Teaser Video\" title=\"Sieh Dir den offiziellen Teaser an.\">\n    <Teaser />\n  </content-section>\n  <content-section\n    id=\"prizes\"\n    class=\"ctf-section\"\n    caption=\"Preispool\"\n    title=\"Finde Flags, sammle Punkte und gewinne fantastische Preise.\"\n  >\n    <Prizes />\n  </content-section>\n  <content-section\n    id=\"challenges\"\n    class=\"ctf-section\"\n    caption=\"Hacking\"\n    :title=\"`Löse mehr als ${Math.floor(CTF_NUMBER_CHALLENGES / 10) * 10} Challenges.`\"\n  >\n    <p class=\"mb-4\">\n      Bei den {{ CTF_TITLE_DATIV }} erwarten Euch Challenges verschiedenster Kategorien.\n      Zu Beginn sind {{ CTF_NUMBER_CHALLENGES_START }} Challenges zugänglich.\n      Nach und nach könnt Ihr Euch durch das Szenario hacken und alle Challenges freischalten.\n    </p>\n    <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4\">\n      <ChallengeCard title=\"Web\">\n        <template v-slot:icon>\n          <GlobeAltIcon />\n        </template>\n      </ChallengeCard>\n      <ChallengeCard title=\"Forensics\">\n        <template v-slot:icon>\n          <FingerPrintIcon />\n        </template>\n      </ChallengeCard>\n      <ChallengeCard title=\"Network\">\n        <template v-slot:icon>\n          <ServerStackIcon />\n        </template>\n      </ChallengeCard>\n      <ChallengeCard title=\"Cryptography\">\n        <template v-slot:icon>\n          <LockClosedIcon />\n        </template>\n      </ChallengeCard>\n      <ChallengeCard title=\"Hardware\">\n        <template v-slot:icon>\n          <CpuChipIcon />\n        </template>\n      </ChallengeCard>\n      <ChallengeCard title=\"Pwn\">\n        <template v-slot:icon>\n          <CommandLineIcon />\n        </template>\n      </ChallengeCard>\n    </div>\n  </content-section>\n  <content-section id=\"timeline\" class=\"ctf-section\" caption=\"Timeline\" title=\"Der Weg zum Erfolg.\">\n    <Timeline\n      :events=\"[\n        {\n          title: 'Start der Registrierungsphase',\n          description: `Du kannst Dich für die ${CTF_TITLE} registrieren.`,\n          startDate: new Date(2025, 1, 25, 12, 0, 0),\n        },\n        {\n          title: 'Wettbewerb',\n          description: 'Während des CTF-Events kannst Du Punkte sammeln und Dich für das Finale qualifizieren. '\n            + 'Wir haben abwechslungsreiche Challenges für Dich vorbereitet, die sowohl auf Einsteiger als auch Fortgeschrittene zugeschnitten sind.',\n          startDate: CTF_START,\n          endDate: CTF_END,\n        },\n        {\n          title: 'Recap Phase',\n          description: 'Nach Ende des Wettbewerbs können die Challenges außerhalb der Wertung zwei Wochen lang weiter genutzt werden. '\n            + 'In dieser Zeit könnt Ihr euch zum Beispiel mit anderen Teilnehmenden zu den Challenges austauschen.',\n          startDate: CTF_END,\n          endDate: CTF_POST_PLAY_TIME_END,\n        },\n        {\n          title: 'Finale',\n          description: 'Die Bestplatzierten werden zu einem Cybersicherheits-Workshop nach Potsdam eingeladen. '\n            + 'Ein spannendes Vor-Ort Programm mit Ausflügen zu interessanten Partnern und die Cybersicherheitskonferenz erwartet Dich.',\n          startDate: new Date(2025, 4, 23, 7, 0, 0),\n          endDate: new Date(2025, 4, 25, 20, 0, 0),\n        },\n      ]\"\n    />\n  </content-section>\n  <content-section class=\"ctf-section\" caption=\"Anmeldung\" title=\"Registriert Euch\">\n    <p class=\"pb-2\">\n      Auf unserer CTF-Plattform findet Ihr den Zugang zu den Challenges.\n      Auf unserem Discord Server könnt Ihr Euch außerdem austauschen und Fragen stellen.\n    </p>\n    <div class=\"w-full text-center\">\n      <RegisterButton class=\"mx-auto mr-2 mt-4\" />\n      <JoinDiscordButton class=\"mx-auto ml-2 mt-4\" />\n    </div>\n  </content-section>\n  <content-section id=\"faq\" class=\"ctf-section\" caption=\"FAQ\" title=\"Häufige Fragen\">\n    <FAQ />\n  </content-section>\n  <content-section id=\"the-team\" class=\"ctf-section\" caption=\"Cybersecurity mit ❤️\" title=\"Das Team hinter dem CTF.\">\n    <TheTeam />\n  </content-section>\n  <Footer />\n</template>\n\n<script lang=\"ts\" setup>\n  import {\n    GlobeAltIcon,\n    FingerPrintIcon,\n    ServerStackIcon,\n    LockClosedIcon,\n    CommandLineIcon,\n    CpuChipIcon,\n  } from '@heroicons/vue/24/outline'\n  import { computed, onMounted, onUpdated, ref } from 'vue'\n\n  import ChallengeCard from '@/components/landing-page/ChallengeCard.vue'\n  import ContentSection from '@/components/landing-page/ContentSection.vue'\n  import FAQ from '@/components/landing-page/FAQ.vue'\n  import Feature from '@/components/landing-page/Feature.vue'\n  import Footer from '@/components/landing-page/Footer.vue'\n  import Header from '@/components/landing-page/Header.vue'\n  import JoinDiscordButton from '@/components/landing-page/JoinDiscordButton.vue'\n  import LandingHeader from '@/components/landing-page/LandingHeader.vue'\n  import Prizes from '@/components/landing-page/Prizes.vue'\n  import RegisterButton from '@/components/landing-page/RegisterButton.vue'\n  import StoryOverlay from '@/components/landing-page/StoryOverlay.vue'\n  import Teaser from '@/components/landing-page/Teaser.vue'\n  import TheTeam from '@/components/landing-page/TheTeam.vue'\n  import Timeline from '@/components/landing-page/Timeline.vue'\n  import {\n    CTF_NUMBER_CHALLENGES,\n    CTF_NUMBER_CHALLENGES_START,\n    CTF_TITLE,\n    CTF_TITLE_DATIV,\n    CTF_START,\n    CTF_END,\n    CTF_POST_PLAY_TIME_END,\n  } from '@/constants'\n\n  const animationIntersectionObserver = ref<IntersectionObserver | undefined>(undefined)\n  const sectionScrollOverserver = ref<IntersectionObserver | undefined>(undefined)\n\n  /**\n   * Sets up a nice animation for tagged elements.\n   */\n  function setupScrollAnimation() {\n    if (animationIntersectionObserver.value) {\n      animationIntersectionObserver.value.disconnect()\n    }\n\n    const animationObjects = document.querySelectorAll('.animate-on-scroll')\n\n    const callback: IntersectionObserverCallback = (entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          if (entry.rootBounds && entry.boundingClientRect.bottom >= entry.rootBounds.bottom) {\n            entry.target.classList.add('animate-on-scroll-show')\n          } else {\n            // Make sure that - if we reload the page and start in the middle - we do not\n            // get the animations for elements above.\n            entry.target.classList.add('animate-on-scroll-show-immediate')\n          }\n        }\n      })\n    }\n    const options = {}\n\n    const scrollInstersectionObserver = new IntersectionObserver(callback, options)\n    animationObjects.forEach((animationObject) => {\n      scrollInstersectionObserver.observe(animationObject)\n    })\n\n    animationIntersectionObserver.value = scrollInstersectionObserver\n  }\n\n  const visible = ref<Element | null>(null)\n\n  const menuItems = computed(() => {\n    const items: { title: string, id: string, active: boolean }[] = [\n      {\n        title: 'Darum geht\\'s',\n        id: 'darum-gehts',\n        active: false,\n      },\n      {\n        title: 'Teaser',\n        id: 'teaser-video',\n        active: false,\n      },\n      {\n        title: 'Preise',\n        id: 'prizes',\n        active: false,\n      },\n      {\n        title: 'Challenges',\n        id: 'challenges',\n        active: false,\n      },\n      {\n        title: 'Timeline',\n        id: 'timeline',\n        active: false,\n      },\n      {\n        title: 'FAQ',\n        id: 'faq',\n        active: false,\n      },\n      {\n        title: 'Das Team',\n        id: 'the-team',\n        active: false,\n      },\n    ]\n\n    const id = visible.value?.id\n    if (!id) {\n      return items\n    }\n    const item = items.find((item) => item.id === id)\n    if (item) {\n      item.active = true\n    }\n\n    return items\n  })\n\n  const handleMenuItemClick = (item: { id: string }) => {\n    const el = document.querySelector(`#${item.id}`)\n    if (!el) {\n      return\n    }\n    el.scrollIntoView({ behavior: 'smooth' })\n  }\n\n  /**\n   * Sets up a detection for scrolled sections\n   */\n  function setupSectionScrollDetection() {\n    if (sectionScrollOverserver.value) {\n      sectionScrollOverserver.value.disconnect()\n    }\n\n    const sections = document.querySelectorAll('.ctf-section')\n\n    const callback: IntersectionObserverCallback = (entries) => {\n      const mainEntry = entries.findLast((entry) => entry.isIntersecting)\n\n      if (mainEntry) {\n        visible.value = mainEntry.target\n      }\n    }\n\n    const scrollInstersectionObserver = new IntersectionObserver(\n      callback,\n      {\n        // The element which covers the middle is expected to be the main / active content.\n        rootMargin: '0px 0px -50% 0px',\n      },\n    )\n    sections.forEach((animationObject) => {\n      scrollInstersectionObserver.observe(animationObject)\n    })\n\n    sectionScrollOverserver.value = scrollInstersectionObserver\n    scrollInstersectionObserver.takeRecords()\n  }\n\n  onMounted(() => {\n    setupScrollAnimation()\n    setupSectionScrollDetection()\n  })\n\n  onUpdated(() => {\n    setupScrollAnimation()\n    setupSectionScrollDetection()\n  })\n</script>\n\n<style lang=\"scss\">\n  @import \"style/main.scss\";\n  @import \"style/landing-page-animation.scss\";\n\n  #cyber-games-wrapper {\n    position: relative;\n    min-height: 100vh;\n    min-width: 100vw;\n    @apply bg-background text-standardtext;\n    margin: 0px;\n  }\n\n  /* Account for header when auto scrolling. */\n  * {\n    scroll-margin-top: $headerHeight;\n  }\n</style>\n\n<style lang=\"scss\" scoped>\n  .ctf-section {\n    &:nth-child(odd) {\n      @apply bg-background;\n    }\n    &:nth-child(even) {\n      @apply bg-dark-800;\n    }\n  }\n</style>\n","import { createApp } from 'vue'\n\nimport App from './App.vue'\n\nconst app = createApp(App)\napp.mount('#cyber-games-wrapper')\n"],"names":["_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","emit","__emit","props","__props","isOpen","ref","itemRef","windowHash","onWindowHashChange","onMounted","onUnmounted","watch","newHash","isCurrentAnchor","newValue","oldValue","enterExpandAnimation","element","htmlElement","width","height","afterEnterExpand","leaveExpandAnimation","_imports_0$1","_sfc_main","value","rgb","r","g","b","nodeId","style","cssClass","_hoisted_2","_createElementVNode","$options","_normalizeClass","$props","_toDisplayString","video","Side","Side2","provide","days","toggleDays","hours","toggleHours","minutes","toggleMinutes","seconds","toggleSeconds","interval","count","dateDiffSeconds","newSeconds","newMinutes","newHours","newDays","digits","type","_a","_b","_c","_d","nextDigits","onBeforeMount","onBeforeUnmount","maxSafeTimeout","fireworksRef","ctfDidStart","CTF_START","ctfDidEnd","CTF_END","ctfStartTimeout","ctfEndTimeout","fireworksStopTimeout","showPostPlayTimeMessage","CTF_POST_PLAY_TIME_END","dontShowPostPlayTimeMessageTimeout","startFireworksIfNecessary","fireworksStartCompetitionStopTimeLeft","FIREWORKS_ANIMATION_DURATION","fireworkEndCompetitionStopTimeLeft","fireworksStopTimeLeft","timeToStart","timeToEnd","timeToPostPlayTimeEnd","showVideo","_imports_0","shouldLightTimelineLine","event","shouldLightTimelineDot","formatDate","date","dateTitle","sortedEvents","computed","a","animationIntersectionObserver","sectionScrollOverserver","setupScrollAnimation","animationObjects","callback","entries","entry","options","scrollInstersectionObserver","animationObject","visible","menuItems","items","id","item","handleMenuItemClick","el","setupSectionScrollDetection","sections","mainEntry","onUpdated","app","createApp","App"],"mappings":"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"}