<template>
    <div class="bg-contain bg-no-repeat bg-center rounded-lg m-5 gap-10 bg-[#0A0A19] py-4 text-2xl text-white py-4 mb-10 overflow-hidden" :style="{ backgroundImage: `url(${image})`}">
        <div class="rounded-lg w-full sticky top-[10px] grid grid-cols-[63%,35%]">
            <div>
                <div class="p-5 text-5xl font-bold">a history of the domino problem</div>
                
                <div>
                    <div class="inline-flex text-2xl ml-4 mb-5">
                        <a href="#about" class="px-3">about</a>
                        <a href="#exhibition" class="px-3">exhibition</a>
                        <a href="#events" class="px-3">events</a>
                        <a href="#participants" class="px-3">participants</a>
                    </div>
                    <div class="inline-flex text-2xl ml-4 mb-5">
                        <a href="#media" class="px-3">media</a>
                        <a href="#contributors" class="px-3">contributors</a>
                        <a href="#resources" class="px-3">resources</a>
                        <a href="#contact" class="px-3">contact/press</a>
                    </div>
                </div>
            </div>
            <div>
                For the Lecture-Concert on 22 Nov 2023, Registration recommended. Sign up <NuxtLink class="text-2xl font-bold" to='https://www.eventbrite.de/e/a-history-of-the-domino-problem-lecture-concert-tickets-707700981687'>HERE</NuxtLink>.
            </div>
        </div>
        <!---
        <Swiper
            :loop="true"
            :spaceBetween="30"
            :centeredSlides="true"
            :pagination='{
                clickable: true,
                renderBullet: function (index, className) {
                    return "<span class=" + className + ">" + ["about", "exhibition", "events", "participants"][index] + "</span>";
                }
            }'
            :navigation="false"
            :style="{
                '--swiper-pagination-color': 'rgb(255 255 255)',
                '--swiper-pagination-bullet-horizontal-gap': '80px',
                '--swiper-pagination-bullet-inactive-opacity': '0.8',
                '--swiper-pagination-bullet-size': '0px',
                '--swiper-pagination-bottom': 'auto',
                '--swiper-pagination-top': '1rem',
                '--swiper-pagination-margin-left': '0px',
            }"
            :hashNavigation="{
                watchState: true,
            }"
            :modules="[SwiperAutoplay, SwiperPagination, SwiperNavigation, SwiperHashNavigation]"
            class="max-w-[95vw]"
            >
        --->
        <Swiper
            :loop="true"
            :spaceBetween="30"
            :centeredSlides="true"
            :pagination="false"
            :navigation="false"
            :hashNavigation="{
                watchState: true,
            }"
            :modules="[SwiperAutoplay, SwiperPagination, SwiperNavigation, SwiperHashNavigation]"
            >
        <SwiperSlide data-hash="about" class="p-10 text-xl overflow-hidden">
            <span class="swiper-no-swiping">
                <div class="overflow-auto">
                    <p class="mb-5">
                        <span class="italic">a history of the domino problem</span> is a performance-installation that traces the history of an epistemological problem in mathematics about how things that one could never imagine fitting together, actually come together and unify in unexpected ways. The work comprises a set of musical compositions and a kinetic sculpture that sonify and visualize rare tilings (more commonly known as mosaics) constructed from dominoes. The dominoes in these tilings are similar yet slightly different than those used in the popular game of the same name. As opposed to rectangles divided into two regions with numbers between 1 and 6, they are squares where each of the 4 edges is assigned a number (typically represented by a corresponding color or alternatively, pattern) called <NuxtLink to='https://en.wikipedia.org/wiki/Wang_tile'>Wang tiles</NuxtLink>. Like in the game, the rule is that edges of adjacent dominoes in a tiling must match. 
                    </p>
                    <p class="mb-5">
                        The tilings sonified and visualized in <span class="italic">a history of the domino problem</span> are rare because there is no systematic way to find them. This is due to the fact that they are  <NuxtLink to='https://en.wikipedia.org/wiki/Aperiodic_tiling'><span class="italic">aperiodic</span></NuxtLink>. One can think of an aperiodic tiling as an infinite puzzle with a peculiar characteristic: given unlimited copies of dominoes with a finite set of color/pattern combinations for the edges, on can form a tiling that expands infinitely. However, in that solution, any repeating structure in the tiling will eventually be interrupted. This phenomenon is one of the most intriguing aspects of the work. As the music and the visuals are derived from the tilings, the resulting textures are always shifting ever so slightly. 
                    </p>
                    <p>
                        The original Domino Problem asked if there exists an algorithm/computer program that, when given as input a finite set of dominoes with varying color combinations for the edges, can output a binary answer, `yes' or `no', whether or not copies of that set can form an infinite tiling. The problem was first posed by Hao Wang in 1961, who conjectured that the answer is positive and that such an algorithm does exist. The existence of aperiodic tilings would mean that such an algorithm <span class="italic">does not</span> exist. However, in 1964, his student, Robert Berger, proved him wrong by discovering an infinite, aperiodic tiling constructed with copies of a set of 20,426 dominoes. The resolution of Wang's original question led to new questions and mathematicians took on the challenge of finding the smallest set of dominoes that would construct an infinite aperiodic tiling. Over the past 60 years, this number has been continually reduced with the contributions of many different mathematicians until the most recent discovery of a set of 11 dominoes along with a proof that no smaller sets exist. It is a remarkable narrative/history of a particular epistemological problem that challenged a group of people not only to solve it, but to understand it to the extent possible.
                    </p>
                </div>
        </span> 
        </SwiperSlide>
        <SwiperSlide data-hash="exhibition" class="p-10 text-xl overflow-hidden">
            <span class="swiper-no-swiping">
                <div class="overflow-auto">
                    <div class="mb-5 text-3xl italic font-bold">
                        a few thoughts on how things fit together...
                    </div>
                    <div class="mb-5">
                        (free entrance)
                    </div>
                    <br>
                    <div class="mb-5">
                        in collaboration with MAREIKE YIN-YEE LEE
                    </div>
                    <div class="mb-5">
                        Exhibition Opening - 17 Nov 2023 | 19 Uhr
                    </div>
                    <div class="mb-5">
                        Exhibition Closing - 01 Dec 2023 | 19 Uhr
                    </div>
                    <div class="mb-5">
                        Gallery Hours - Wednesday to Friday | 13 - 19 Uhr & Saturday | 12 - 18 Uhr
                    </div>
                    <div class="mb-5">
                        Lichthof Ost, HU Berlin Hauptgebäude, Campus Mitte, Unter den Linden 6 (U-Bahn Unter den Linden oder Museuminsel)
                    </div>
                    <div class="mb-5">
                        <NuxtLink class="px-3" to='https://unboundedpress.org/pubs/a_few_thoughts_exhibition_poster.pdf'><nuxt-img class="w-[500px]" src="/hdp_images/hdp_exhibition_poster_digital.jpeg"/></NuxtLink>
                    </div>
                    <div class="mb-5">
                        <NuxtLink class="px-3" to='https://unboundedpress.org/hdp_images/lichthof_ost_map.jpeg'><nuxt-img class="w-[500px]" src="/hdp_images/lichthof_ost_map.jpeg"/></NuxtLink>
                    </div>
                    <div class="mb-5">
                        <span class="font-bold">About the Exhibition</span>
                        <br>
                        <br>
                        The exhibition will feature individual and collaborative works by Michael Winter and Mareike Yin-Yee Lee in a constellation designed specifically for the Lichthof Ost exhibition room of the Humboldt University. The original kinetic sculpture Winter created to visualize the aperiodic tilings of the history of the domino problem will be juxtaposed with recent works by Yin-Yee Lee as well as collaboratively created realizations of the tilings. The works on display by Yin-Yee Lee will highlight selections from her Hidden Lakes and Missing Pieces series in which enigmatic outlines of lakes and various shapes encourage observers to perceive similarities and differences in form, pattern, and repetition between the pieces and to mentally fill in blank space. The collaborative realizations of the tilings will include prints generated by Winter with the aid of a computer that incorporate images and color schemes by Yin-Yee Lee as well as a floor mosaic of drawings on mirrors. The exhibition plays on the macro versus the micro, transformation, and how topologies of various color combinations, relationships between shapes and gradients reflect in space in order to illuminate "a few thoughts on how things fit together..."
                    </div>
                    <br>
                    <div class="mb-5">
                        <span class="font-bold">About the Kinetic Sculpture</span>
                        <br>
                        <br>
                    The kinetic sculpture displays the mosaics using visual cryptography. In visual cryptography, a message is encrypted by dividing the information of the message into two `shadow' images, which look completely random and independent of each other. The message is decrypted and revealed when the shadow images are combined/overlayed in a precise orientation. In the kinetic sculpture of a history of the domino problem, the shadow images are printed on photomasks, which are essentially high-resolution transparencies: quartz wafers with a chrome coating etched at a pixel size ranging from nano- to micrometers. A high-precision, motorized multiaxis stage aligns the finely printed shadow images to reveal the mosaics (along with 3 other images of poetic texts inspired by the history of the Domino Problem).
                    </div>
                </div>
            </span>
        </SwiperSlide>
        <SwiperSlide data-hash="events" class="p-10 text-xl overflow-hidden">
            <span class="swiper-no-swiping">
                <div class="overflow-auto">
                    <div class="mb-5">
                        <span class="font-bold">Exhibition Opening - 17 Nov 2023 | 19 Uhr</span>
                        <br>
                        Lichthof Ost, HU Berlin Hauptgebäude, Campus Mitte, Unter den Linden 6 (U-Bahn Unter den Linden oder Museuminsel)
                    </div>
                    <div class="mb-5">
                        <span class="font-bold">Exhibition Closing - 01 Dec 2023 | 19 Uhr</span>
                        <br>
                        Lichthof Ost, HU Berlin Hauptgebäude, Campus Mitte, Unter den Linden 6 (U-Bahn Unter den Linden oder Museuminsel)
                    </div>
                    <div class="mb-5">
                        <span class="font-bold">Public lecture + Concert (free entrance) - 22 Nov 2023 | 19:30 Uhr (doors open at 19:00 Uhr)</span>
                        <br>
                        with Prof. JARKKO KARI (Turku University), moderated by Prof. Dr. GAËTAN BOROT (HU Berlin)
                        <br>
                        the abstract of Prof. JARKKO KARI's Lecture is provided below
                        <br>
                        performance by KALI ENSEMBLE 
                        <br>
                        Fritz-Reuter-Saal, HU Berlin Universitätsgebäude (am Hegelplatz), Dorotheenstraße 24 (U-Bahn Unter den Linden oder Museuminsel)
                    </div>
                    <div class="mb-5">
                        <span class="font-bold">Concert - 23 Nov 2023 | 20:30 Uhr (doors open at 20:00 Uhr)</span>
                        <br>
                        performance by KALI ENSEMBLE 
                        <br>
                        <NuxtLink to='https://www.km28.de/'>KM28</NuxtLink>
                        <br>
                        Karl-Marx-Str. 28, 12043 Berlin (U-Bahn Karl-Marx-Platz)
                        <br>
                        (entry by donation, with proceeds going to the Kali Ensemble)
                    </div>
                    <br>
                    <div class="mb-5">
                        <br>
                        About the Public lecture
                        <br>
                        <span class="font-bold">From Wang Tiles to the Domino Problem: A Tale of Aperiodicity</span>
                        <br>
                        <br>
                        This presentation delves into the remarkable history of aperiodic tilings and the domino problem. Aperiodic tile sets refer to collections of tiles that can only tile the plane in a non-repeating, or non-periodic, manner. Such sets were not believed to exist until 1964 when R. Berger introduced the first aperiodic set consisting of an astonishing 20,426 Wang tiles. Over the years, ongoing research led to significant advancements, culminating in 2015 with the discovery of a mere 11 Wang tiles by E. Jeandel and M. Rao, alongside a computer-assisted proof of their minimality. Simultaneously, researchers found even smaller aperiodic sets composed of polygon-shaped tiles. Notably, Penrose's kite and dart tiles emerged as early examples, and most recently, a groundbreaking discovery was made - a solitary aperiodic tile known as the "hat" that can tile the plane exclusively in a non-periodic manner. Aperiodic tile sets are intimately connected with the domino problem that asserts how certain tile sets can tile the plane without us ever being able to establish their tiling nature with absolute certainty. Moreover, aperiodic tilings hold a distinct visual aesthetic allure. In today's musical presentation, their artistic appeal transcends the visual domain and extends into the realm of music.
                        <br> 
                        -Jarkko Kari
                    </div>
                </div>
            </span>
        </SwiperSlide>
        <SwiperSlide data-hash="participants" class="p-10 text-xl overflow-hidden">
            <span class="swiper-no-swiping">
                <div class="max-h-[800px] overflow-auto">
                    <div class="mb-5 py-10">
                        <NuxtLink class="text-3xl font-bold" to='https://unboundedpress.org/'>Michael Winter - composer | sound artist</NuxtLink>
                        <div class="grid grid-cols-[20%,70%] p-5">
                            <nuxt-img src="/hdp_images/michael.jpg"/>
                            <div class="px-5">
                                <p class="mb-5">
                                My practice as a composer and sound artist is diverse, ranging from music created by digital and acoustic instruments to installations and kinetic sculptures. Each piece typically explores one simple process and often reflects various related interests of mine such as phenomenology, mathematics, epistemology, algorithmic information theory, and the history of science. To me, everything we experience is computable. Given this digital philosophy, I acknowledge even my most open works as algorithmic; and, while not always apparent on the surface of any given piece, the considerations of computability and epistemology are integral to my practice. I often reconcile epistemological limits with artistic practicality by considering and addressing the limits of computation from an artistic and experiential vantage point and by collaborating with other artists, mathematicians, and scientists in order to integrate objects, ideas, and texts from various domains as structural elements in my pieces. My work also aims to subvert discriminatory conventions and hierarchies by exploring alternative forms of presentation and interaction, often with minimal resources and low information.
                                </p>
                                <p>
                                My work has been presented at venues and festivals throughout the world such as REDCAT, in Los Angeles; the Ostrava Festival of New Music in the Czech Republic; Tsonami Arte Sonoro Festival in Valparaiso, Chile; the Huddersfield New Music Festival in the United Kingdom; and Umbral Sesiones at the Museo de Arte Contemporáneo in Oaxaca, Mexico. Recordings of my music have been released by XI Records, Another Timbre, New World Records, Edition Wandelweiser, Bahn Mi Verlag, Tsonami Records, and Pogus Productions. In 2008, I co-founded the wulf., a Los Angeles-based organization dedicated to experimental performance and art. From 2018 to 2019, I was a fellow / artist-in-residence at the Akademie Schloss Solitude in Stuttgart, Germany. I currently reside in Berlin. 
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="mb-5 py-10">
                        <NuxtLink class="text-3xl font-bold" to='http://www.mareikelee.com/'>MAREIKE YIN-YEE LEE - visual artist</NuxtLink>
                        <div class="grid grid-cols-[20%,70%] p-5">
                            <nuxt-img src="/hdp_images/mareike.jpg"/>
                            <div class="px-5">
                                Mareike Yin‑Yee Lee’s multidisciplinary practice encompasses drawing, video, sculpture, found and made objects, printmaking, and artist books. Current works include installations, recordings and live performances produced in collaboration with musicians and composers with an emphasis on the relation between sight and sound. How we approach, perceive and respond to these form the basis of her recent works‘ manifestations. Her immersive, site-specific installations explore the complex and tenuous nature of communication and how we experience space, drawing on gesture, sound, and memory to elicit responses that cannot be put into words. She redefines the architecture and temporality of the spaces in which she works. Lee’s work plays with the spaces between, across, and beyond, embracing the undefinable and subtle gradations, forging a language of colour, tone and space that seeks to articulate microcosms of daily life and sustained contemplation. Lee studied at Universität der Künste, Berlin, Germany; University of Toronto, Toronto, Canada; and Nova Scotia College of Art and Design, Nova Scotia, Canada, where she was awarded the Joseph Beuys Scholarship and the Canada Millennium Award of Excellence. Recent projects include exhibitions and performances at Kunsthaus Kule Berlin (2020), Kunstmuseum Kloster Unser Lieben Frauen Magdeburg (2019), Galerie Kunstpunkt Berlin (2018), Kunstbezirk Stuttgart, Kunst(zeug)haus Rapperswil- Jona Switzerland (2017), Kunsthaus Interlaken (2017), Neuer Kunstverein, Aschaffenburg (2016), and KW Institute for Contemporary Art, Berlin (2016).
                            </div>
                        </div>
                    </div>
                    <div class="mb-5 py-10">
                        <NuxtLink class="text-3xl font-bold" to='https://www.facebook.com/KaliEnsemble'>KALI - performing ensemble</NuxtLink>
                        <div class="grid grid-cols-[20%,70%] p-5">
                            <nuxt-img src="/hdp_images/kali.jpg"/>
                            <div class="px-5">
                                Kali is a new music ensemble based in the Hague. They primarily work with composers with whom they can collaborate and experiment over long periods. They aim to develop an artistic practice unique to their relationship with their collaborators. Over the past years, they have formed close and active relationships with several composers based in The Hague and abroad realizing many large-scale projects with great attention to detail.
                            </div>
                        </div>
                    </div>
                    <div class="mb-5 py-10">
                        <NuxtLink class="text-3xl font-bold" to='https://users.utu.fi/jkari/'>Jarkko Kari - mathematician | invited guest</NuxtLink>
                        <div class="grid grid-cols-[20%,70%] p-5">
                            <nuxt-img class="w-full" src="/hdp_images/jarkko.jpg"/>
                            <div class="px-5">
                                Jarkko Kari received his MSc and PhD degrees in mathematics from the University of Turku in Finland in 1986 and 1990, respectively. He then worked for the Academy of Finland, and for Iterated Systems Inc. and the University of Iowa in the USA. Since year 2000 he has been a professor of mathematics at the University of Turku. His research interests include automata theory and the theory of computation, with emphasis on cellular automata, tilings and symbolic dynamics. Jarkko Kari has supervised twelve PhD theses, published over one hundred peer reviewed research articles and edited twenty conference proceedings and special issues on these topics. He serves in the editorial boards of eight scientific journals, and is currently a co-editor-in-chief of the journal Natural Computing. Jarkko Kari is a member of the Finnish Academy of Science and Letters since 2014.
                            </div>
                        </div>
                    </div>
                    <div class="mb-5 py-10">
                        <NuxtLink class="text-3xl font-bold" to='https://www.mathematik.hu-berlin.de/de/forschung/forschungsgebiete/mathematische-physik/borot-mp-homepage'>Gaëtan Borot - mathematician | organizer | moderator</NuxtLink>
                        <div class="grid grid-cols-[20%,70%] p-5">
                            <nuxt-img class="w-full" src="/hdp_images/gaetan.jpg"/>
                            <div class="px-5">
                                Gaëtan Borot was trained at École Normale Supérieure (Paris) in theoretical physicist and progressively moved to pure mathematics. He received his PhD from Universite d'Orsay / CEA Saclay in 2011. After a postdoctorate in Geneva and a visiting scholarship at MIT, he worked as a Group Leader at the Max Planck Institute for Mathematics in Bonn. Since 2020, he holds a bridge professorship between the Institute of Mathematics and the Institute of Physics of the Humboldt University of Berlin. He has worked on enumerative geometry, combinatorics, random matrix theory and mathematical aspects of quantum field theory, and likes to investigate the unexpected relations between seemingly different problems. He is also interested in scientific outreach.
                            </div>
                        </div>
                    </div>
                </div>
            </span>
        </SwiperSlide>
        <SwiperSlide data-hash="media" class="p-20 text-xl overflow-hidden">
           
                <div class="flex justify-center">
                    <iframe src="https://player.vimeo.com/video/375784136" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen ></iframe>
                </div>
           
        </SwiperSlide>
        <SwiperSlide data-hash="contributors" class="p-10 text-xl overflow-hidden">
            <div class="max-h-[calc(100vh-27rem)] overflow-auto">
                <div class="grid grid-cols-5 p-5 items-center">
                    <NuxtLink class="px-3" to='https://www.hu-berlin.de/en'><nuxt-img class="w-[100px]" src="/hdp_images/hu_logo.png"/></NuxtLink>
                    <NuxtLink class="px-3" to='https://www.km28.de/'><nuxt-img class="w-[100px]" src="/hdp_images/km28_logo.png"/></NuxtLink>
                    <NuxtLink class="px-3" to='https://www.ims-chips.com/'><nuxt-img class="w-[250px]" src="/hdp_images/ims_chips_logo.png"/></NuxtLink>
                    <NuxtLink class="px-3" to='https://www.akademie-solitude.de/'><nuxt-img class="w-[100px]" src="/hdp_images/akademie_schloss_solitude_logo.png"/></NuxtLink>
                    <NuxtLink class="px-3" to='https://mathplus.de/'><nuxt-img class="w-[200px]" src="/hdp_images/mathplus_logo_gray.png"/></NuxtLink>
                </div>
            </div>
        </SwiperSlide>
        <SwiperSlide data-hash="resources" class="p-10 text-xl overflow-hidden">
            <span class="swiper-no-swiping">
                <div class="overflow-auto">

                        <div class="mb-5 text-2xl font-bold">
                            a few selected articles:
                        </div>
                        <div class="mb-5">
                            Hao Wang (1961), Proving theorems by pattern recognition—II, Bell System Technical Journal, Volume: 40, Issue: 1.
                        </div>
                        <div class="mb-5">
                            Robert Berger (1966), The undecidability of the domino problem, American Mathematical Society, Volume 1, 1966.
                        </div>
                        <div class="mb-5">
                            Jarkko Kari (1996), A small aperiodic set of Wang tiles, Discrete Mathematics, Volume 160.
                        </div>
                        <div class="mb-5">
                            Emmanuel Jeandel and Michael Rao, An aperiodic set of 11 Wang tiles, Advances in Combinatorics, Volume 1.
                        </div>

                        <br>

                        <div class="mb-5 text-2xl font-bold">
                            a definitive book on tilings and patterns:
                        </div>
                        <div class="mb-5">
                            Branko Grunbaum and G.C. Shephard, Tilings and Patterns, Dover Books (originally published 1986)
                        </div>

                        <br>

                        <div class="mb-5 text-2xl font-bold">
                            a few useful links:
                        </div>
                        <div class="mb-5">
                            <NuxtLink to='https://grahamshawcross.com/2012/10/12/aperiodic-tiling/'>https://grahamshawcross.com/2012/10/12/aperiodic-tiling/</NuxtLink>
                        </div>
                        <div class="mb-5">
                            <NuxtLink to='https://grahamshawcross.com/2012/10/12/wang-tiles-and-aperiodic-tiling/'>https://grahamshawcross.com/2012/10/12/wang-tiles-and-aperiodic-tiling/</NuxtLink>
                        </div>
                        <div class="mb-5">
                            <NuxtLink to='https://en.wikipedia.org/wiki/Wang_tile'>https://en.wikipedia.org/wiki/Wang_tile</NuxtLink>
                        </div>
                        <div class="mb-5">
                            <NuxtLink to='https://en.wikipedia.org/wiki/Aperiodic_tiling'>https://en.wikipedia.org/wiki/Aperiodic_tiling</NuxtLink>
                        </div>
                </div>
            </span>
        </SwiperSlide>
        <SwiperSlide data-hash="contact" class="p-10 text-xl overflow-hidden">
            <span class="swiper-no-swiping">
                <div class="overflow-auto">

                        <div class="mb-5 text-2xl">
                            For information or any inquiries email Michael Winter by clicking 
                            <NuxtLink class="inline-flex p-1" to='javascript:location="mailto:\u006d\u0077\u0069\u006e\u0074\u0065\u0072\u0040\u0075\u006e\u0062\u006f\u0075\u006e\u0064\u0065\u0064\u0070\u0072\u0065\u0073\u0073\u002e\u006f\u0072\u0067";void 0'>
                               <span class="font-bold">HERE</span>
                            </NuxtLink>
                        </div>
                        <div class="mb-5 text-2xl">
                            To download the poster for the project, click
                            <NuxtLink class="inline-flex p-1" to='https://unboundedpress.org/pubs/hdp_poster.pdf'>
                               <span class="font-bold">HERE</span>
                            </NuxtLink>
                        </div>
                        <div class="mb-5 text-2xl">
                            To download the poster specifically for the exhibition, click
                            <NuxtLink class="inline-flex p-1" to='https://unboundedpress.org/pubs/a_few_thoughts_exhibition_poster.pdf'>
                               <span class="font-bold">HERE</span>
                            </NuxtLink>
                        </div>
                </div>
            </span>
        </SwiperSlide>
        </Swiper>
    </div>
    
  </template>
  
  <script>
  import hdp_background from "assets/hdp_background.png";
  export default {
    data() {
      return {
        image: hdp_background,    };
    }
  };
  </script>

<script setup>
import { useAudioPlayerStore } from "@/stores/AudioPlayerStore"

const audioPlayerStore = useAudioPlayerStore()
audioPlayerStore.setSoundCloudTrackID(324252345)

</script>