diff --git a/portfolio-nuxt/app.vue b/portfolio-nuxt/app.vue
index 2a78b60..68b66cb 100644
--- a/portfolio-nuxt/app.vue
+++ b/portfolio-nuxt/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white min-w-[800px]">
+  <div class="bg-white min-w-[800px] min-h-[100px]">
     <NuxtLayout>
       <NuxtPage/>
     </NuxtLayout>
diff --git a/portfolio-nuxt/assets/hdp_background.png b/portfolio-nuxt/assets/hdp_background.png
new file mode 100644
index 0000000..c886988
Binary files /dev/null and b/portfolio-nuxt/assets/hdp_background.png differ
diff --git a/portfolio-nuxt/components/EventSlider.vue b/portfolio-nuxt/components/EventSlider.vue
new file mode 100644
index 0000000..d8c3d10
--- /dev/null
+++ b/portfolio-nuxt/components/EventSlider.vue
@@ -0,0 +1,61 @@
+<template>
+    <Swiper
+      :autoHeight="true"
+      :loop="true"
+      :spaceBetween="30"
+      :centeredSlides="true"
+      :autoplay="{
+        delay: 6000,
+        disableOnInteraction: false,
+        pauseOnMouseEnter: true
+      }"
+      :effect="'fade'"
+      :fadeEffect="{
+        crossFade: true
+      }"
+      :pagination="{
+        clickable: true,
+      }"
+      
+      :style="{
+        '--swiper-navigation-color': 'rgb(71 85 105)',
+        '--swiper-pagination-color': 'rgb(71 85 105)',
+        '--swiper-pagination-bottom': '0%'
+      }"
+      :modules="[SwiperAutoplay, SwiperPagination, SwiperNavigation, SwiperEffectFade]"
+    >
+
+      <SwiperSlide v-for="(item, index) in upcoming_events" class="bg-zinc-100 h-full">
+                        <div class="gap-1 w-[100%] mt-1 mb-1 text-sm h-full">
+                            <div>
+                                {{ item.formatted_date }}: {{item.venue.city}}, {{item.venue.state}}
+                                <div class="text-[#7F7F7F]">
+                                    {{ item.venue.name }}
+                                </div>
+                            </div>
+                        </div>
+                        <!-- Comment 
+                        <div v-for="performance in item.program">
+                            <div class="italic text-sm ml-16 pt-1">{{performance.work}}</div>
+                            <div v-if="performance.ensemble" class="ml-20">
+                                {{ performance.ensemble }}
+                            </div>
+                            <div v-for="performer in performance.performers" class="ml-20">
+                                {{ performer.name }} - 
+                                <span v-for="(instrument, index) in performer.instrument_tags">
+                                    <span v-if="index !== 0">, </span>
+                                    {{ instrument }}
+                                </span>
+                            </div>
+                        </div>
+                        -->
+        </SwiperSlide>
+
+    </Swiper>
+  </template>
+
+<script>
+export default {
+    props: ['upcoming_events']
+}
+</script>
\ No newline at end of file
diff --git a/portfolio-nuxt/components/ImageSlider.vue b/portfolio-nuxt/components/ImageSlider.vue
index aee23e4..32dcb20 100644
--- a/portfolio-nuxt/components/ImageSlider.vue
+++ b/portfolio-nuxt/components/ImageSlider.vue
@@ -7,6 +7,7 @@
       :autoplay="{
         delay: 4000,
         disableOnInteraction: false,
+        pauseOnMouseEnter: true
       }"
       :pagination="{
         clickable: true,
diff --git a/portfolio-nuxt/layouts/default.vue b/portfolio-nuxt/layouts/default.vue
index 1f91a89..7742666 100644
--- a/portfolio-nuxt/layouts/default.vue
+++ b/portfolio-nuxt/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="grid grid-cols-[60%,40%] w-full font-thin sticky top-0 bg-white p-2 z-20">
+  <div class="grid grid-cols-[63%,35%] w-full font-thin sticky top-0 bg-white p-2 z-20">
       <div>
         <div class="text-5xl p-2"> <NuxtLink to='/'>michael winter</NuxtLink></div>
         <div class="inline-flex text-2xl ml-4">
@@ -7,12 +7,18 @@
           <NuxtLink class="px-3" to='/events'>events</NuxtLink>
           <NuxtLink class="px-3" to='/about'>about</NuxtLink>
           <NuxtLink class="px-3" to='https://unboundedpress.org/code'>code</NuxtLink>
-          <NuxtLink class="px-3" to='https://unboundedpress.org/legacy'>legacy</NuxtLink>
+          <NuxtLink class="px-3 block" to='https://unboundedpress.org/legacy'>legacy</NuxtLink>
         </div>
       </div>
+      <div class="px-1 bg-zinc-100 rounded-lg text-center">
+            <div class="text-sm">upcoming events</div>
+            <EventSlider :upcoming_events="upcoming_events" class="max-w-[95%] min-h-[80%]"></EventSlider>
+        </div>
+      <!------
       <div class="ml-3 p-2 text-sm justify-end">
         Welcome to the new front-end of my website, which is still in development. It functions similar to the former site. In case you cannot find something here, you can still view the old front-end by clicking on the "legacy" link in the menu below. If you have any questions or find any problems, please contact me at the email link in the about section.
       </div>
+      --->
   </div>
   <slot /> <!-- required here only -->
   <div class="fixed bottom-0 bg-white p-2 w-full flex justify-center z-20">
@@ -51,4 +57,16 @@
     })
   }
 
+  //const upcoming_events = [{"_id":{"$oid":"64de3967cdd55b0007a4d073"},"start_date":{"$date":1694894400201},"venue":{"name":"Music and the Wende, Now @ G\u0327ertru\u0304des Street Theatre","city":"Rīga","state":"LV"},"program":[{"work":"remembering clive wearing","performers":[{"name":"Michael Winter","instrument_tags":["reader","lights","computer"]}]},{"work":"ida for amy","performers":[{"name":"Lucie Nezri","instrument_tags":["piano"]},{"name":"Edgars Rubenis","instrument_tags":["guitar"]}]},{"work":"preliminary thoughts","performers":[{"name":"Michael Winter","instrument_tags":["guitar"]},{"name":"Ernests Vilsons","instrument_tags":["reader"]}]}],"program_file":"","flyer":"","links":[],"legacy_program":"","legacy_performers":""},{"_id":{"$oid":"64de3866cdd55b0007a4d072"},"start_date":{"$date":1694548800201},"venue":{"name":"Music and the Wende, Now @ Pegaza Pagalms","city":"Liepāja","state":"LV"},"program":[{"work":"lv","performers":[{"name":"Rihards Plešanovs","instrument_tags":["piano"]}]},{"work":"a chance happening...","performers":[{"name":"Rihards Plešanovs","instrument_tags":["piano"]}]},{"work":"partition and gate","ensemble":"MPLab","performers":[]}],"program_file":"","flyer":"","links":[],"legacy_program":"","legacy_performers":""},{"_id":{"$oid":"64de3766cdd55b0007a4d071"},"start_date":{"$date":1694289600201},"venue":{"name":"Music and the Wende, Now @ Aleponija","city":"Rīga","state":"LV"},"program":[{"work":"ostinato and interrupt","performers":[{"name":"edgars rubenis","instrument_tags":["guitar"]}]},{"work":"necklaces","performers":[{"name":"edgars rubenis","instrument_tags":["guitar"]}]}],"program_file":"","flyer":"","links":[],"legacy_program":"","legacy_performers":""},{"_id":{"$oid":"64bf851695cfda0007250928"},"start_date":{"$date":1696795200201},"venue":{"name":"Riverun Festival @ Centre National de Création Musicale","city":"Albi","state":"FR"},"program":[{"work":"Counterfeiting in Colonial Connecticut","performers":[{"name":"Elliot Simpson","instrument_tags":["guitar"]}]}],"program_file":"","flyer":"","links":[],"legacy_program":"","legacy_performers":""},{"_id":{"$oid":"64bf840a95cfda0007250927"},"start_date":{"$date":1700769600201},"venue":{"name":"KM28","city":"Berlin","state":"DE"},"program":[{"work":"a history of the domino problem","ensemble":"Kali Ensemble","performers":[]}],"program_file":"","flyer":"","links":[],"legacy_program":"","legacy_performers":""},{"_id":{"$oid":"64bf83c195cfda0007250926"},"start_date":{"$date":1700683200201},"venue":{"name":"Humboldt University","city":"Berlin","state":"DE"},"program":[{"work":"a history of the domino problem","ensemble":"Kali Ensemble","performers":[]}],"program_file":"","flyer":"","links":[],"legacy_program":"","legacy_performers":""}]
+
+  const { data: upcoming_events } = await useFetch("https://unboundedpress.org/api/events?filter={'start_date':{'$gte':{'$date':1692298623411}}}", {
+        transform: (upcoming_events) => {
+            for (const event of upcoming_events) {
+                let date = new Date(event.start_date.$date)
+                event.formatted_date = ("0" + (date.getMonth() + 1)).slice(-2) + "." + ("0" + date.getDate()).slice(-2) + "." + date.getFullYear()
+            }
+            return upcoming_events.sort((a,b) => a.start_date.$date - b.start_date.$date)
+        }
+    })
+
 </script>
diff --git a/portfolio-nuxt/nuxt.config.ts b/portfolio-nuxt/nuxt.config.ts
index 9dc792b..d261372 100644
--- a/portfolio-nuxt/nuxt.config.ts
+++ b/portfolio-nuxt/nuxt.config.ts
@@ -24,6 +24,7 @@ export default defineNuxtConfig({
   routeRules: {
     '/cv': { redirect: '/legacy/cv' },
     '/works_list': { redirect: '/legacy/works_list' },
+    '/hdp': { redirect: '/a_history_of_the_domino_problem' },
   },
   nitro: {
     prerender: { crawlLinks: true}
diff --git a/portfolio-nuxt/pages/a_history_of_the_domino_problem.vue b/portfolio-nuxt/pages/a_history_of_the_domino_problem.vue
new file mode 100644
index 0000000..4695220
--- /dev/null
+++ b/portfolio-nuxt/pages/a_history_of_the_domino_problem.vue
@@ -0,0 +1,210 @@
+<template>
+    <div class="bg-contain bg-no-repeat bg-center rounded-lg m-5 gap-10 bg-[#0A0A19] py-4 text-2xl text-white h-[calc(100vh-10.5rem)] 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 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>
+                    <a href="#media" class="px-3">media</a>
+                    <a href="#contributors" class="px-3">contributors</a>
+                </div>
+            </div>
+            <div>
+                For the Lecture-Concert on 22 Nov 2023, priority will be given to those who RSVP. Sign up <NuxtLink class="text-2xl font-bold" to='https://www.surveymonkey.de/r/FDL8XW3'>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]"
+            class="max-w-[95vw]"
+            >
+        <SwiperSlide data-hash="about" class="p-10 text-xl overflow-hidden">
+            <div class="max-h-[calc(100vh-27rem)] 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 mosaics constructed from dominoes. The dominoes in these mosaics are similar yet slightly different than those used in the popular game of the same name. As opposed to rectangles, they are squares with various color combinations along the edges (which can alternatively also be represented by numbers or patterns) 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 mosaic must match.  
+                </p>
+                <p>
+                    The mosaics 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 mosaic like an infinite puzzle with a peculiar characteristic. Given unlimited copies of dominoes with a finite set of color/pattern combinations for the edges, there is a solution that will result in a mosaic that expands infinitely. However, in that solution, any periodic/repeating structure in the mosaic 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 mosaics, the resulting textures are always shifting ever so slightly. 
+                </p>
+            </div>
+        </SwiperSlide>
+        <SwiperSlide data-hash="exhibition" class="p-10 text-xl overflow-hidden">
+            <div class="max-h-[calc(100vh-27rem)] overflow-auto">
+                <div class="mb-5">
+                    in collaboration with MAREIKE YIN-YEE LEE
+                </div>
+                <div class="mb-5">
+                    Nov. - Exact dates and exhibition opening hours TBA soon!
+                </div>
+                <div class="mb-5">
+                    Lichthof (Ost) Ausstellungsraum der Humboldt-Universität
+                    <br>
+                    Hauptgebäude, Erdgeschoss, Unter den Linden 6, 10117 Berlin
+                </div>
+            </div>
+        </SwiperSlide>
+        <SwiperSlide data-hash="events" class="p-10 text-xl overflow-hidden">
+            <div class="max-h-[calc(100vh-27rem)] overflow-auto">
+                <div class="mb-5">
+                    Exhibition Opening - TBA
+                </div>
+                <div class="mb-5">
+                    Exhibition Closing - TBA
+                </div>
+                <div class="mb-5">
+                    Lecture-Concert 
+                    <br>
+                    with mathematician JARKKO KARI moderated by GAETAN BOROT
+                    <br>
+                    performance by KALI ENSEMBLE 
+                    <br>
+                    22 Nov 2023 | 19 Uhr
+                    <br>
+                    Senatssal der Humboldt-Universität
+                    <br>
+                    Hauptgebäude, 1. Obergeschoss, Unter den Linden 6, 10117 Berlin
+                </div>
+                <div class="mb-5">
+                    Concert
+                    <br>
+                    performance by KALI ENSEMBLE 
+                    <br>
+                    23 Nov 2023 | 20 Uhr
+                    <br>
+                    KM28
+                    <br>
+                    Karl-Marx-Str. 28, 12043 Berlin     
+                </div>
+            </div>
+        </SwiperSlide>
+        <SwiperSlide data-hash="participants" class="p-10 text-xl overflow-hidden">
+            <div class="max-h-[calc(100vh-27rem)] 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 Universität der Kü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 J. Kari is a Finnish mathematician and computer scientist, known for his contributions to the theory of Wang tiles and cellular automata. Kari is currently a professor at the Department of Mathematics, University of Turku.
+                        </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'>Gaetan 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">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </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-4 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>
+                </div>
+            </div>
+        </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>
\ No newline at end of file
diff --git a/portfolio-nuxt/pages/about.vue b/portfolio-nuxt/pages/about.vue
index 067d421..74cc8ec 100644
--- a/portfolio-nuxt/pages/about.vue
+++ b/portfolio-nuxt/pages/about.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="bg-zinc-100 rounded-lg m-5 grid grid-cols-[60%,37%] gap-10 bg-white divide-x divide-solid divide-black py-4 min-h-[86vh]">
+    <div class="bg-zinc-100 rounded-lg m-5 grid grid-cols-[60%,35%] gap-10 divide-x divide-solid divide-black py-4 h-[calc(100vh-10.5rem)] overflow-auto">
         <div class="px-5">
             <p class="text-lg">about</p>
         
@@ -11,6 +11,25 @@
                     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 <em>the wulf.</em>, 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.
                 </div> 
                 <br>
+                <br>
+                <div id="mc_embed_signup">
+                    <form action="https://unboundedpress.us12.list-manage.com/subscribe/post?u=bdadd25738fedf704641f3a80&amp;id=01c5761ebb&amp;f_id=00f143e0f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self">
+                        <label for="mce-EMAIL">subscribe to my mailing list to know about upcoming events</label>
+                        <input id="mce-EMAIL" type="email" value="" name="EMAIL" placeholder="email address" required="" class="email">
+                        <div style="position: absolute; left: -5000px;" aria-hidden="true">
+                            <input type="text" name="b_bdadd25738fedf704641f3a80_01c5761ebb" tabindex="-1" value="">
+                        </div>
+                        <div id="mce-responses" class="clear foot">
+                            <div class="response" id="mce-error-response" style="display:none"></div>
+                            <div class="response" id="mce-success-response" style="display:none"></div>
+                        </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+                        <div class="clear">
+                            <input id="mc-embedded-subscribe" type="submit" value="subscribe" name="subscribe" class="button">
+                        </div>
+                    </form>
+                </div>  
+                <br>
+                <br>
                 <div class="inline-flex place-items-center p-2">
                     Contact
                     <div>
@@ -33,22 +52,6 @@
                 </div>
                 <br>
                 <br>
-                <div id="mc_embed_signup" class="p-2">
-                    <form action="https://unboundedpress.us12.list-manage.com/subscribe/post?u=bdadd25738fedf704641f3a80&amp;id=01c5761ebb&amp;f_id=00f143e0f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_self">
-                        <label for="mce-EMAIL">subscribe to my mailing list to know about upcoming events</label>
-                        <input id="mce-EMAIL" type="email" value="" name="EMAIL" placeholder="email address" required="" class="email">
-                        <div style="position: absolute; left: -5000px;" aria-hidden="true">
-                            <input type="text" name="b_bdadd25738fedf704641f3a80_01c5761ebb" tabindex="-1" value="">
-                        </div>
-                        <div id="mce-responses" class="clear foot">
-                            <div class="response" id="mce-error-response" style="display:none"></div>
-                            <div class="response" id="mce-success-response" style="display:none"></div>
-                        </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
-                        <div class="clear">
-                            <input id="mc-embedded-subscribe" type="submit" value="subscribe" name="subscribe" class="button">
-                        </div>
-                    </form>
-                </div>     
             </div> 
         </div>
         <div class="px-5">
diff --git a/portfolio-nuxt/pages/events.vue b/portfolio-nuxt/pages/events.vue
index 6b1d761..5c567bc 100644
--- a/portfolio-nuxt/pages/events.vue
+++ b/portfolio-nuxt/pages/events.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="bg-zinc-100 rounded-lg m-5 grid grid-cols-2 gap-10 bg-white divide-x divide-solid divide-black py-4">
+    <div class="bg-zinc-100 rounded-lg m-5 grid grid-cols-2 gap-10 divide-x divide-solid divide-black py-4 max-h-[calc(100vh-10.5rem)] overflow-auto">
     
         <div class="px-5">
             <p class="text-lg">performances</p>
diff --git a/portfolio-nuxt/pages/index.vue b/portfolio-nuxt/pages/index.vue
index cbeee6c..c71c83b 100644
--- a/portfolio-nuxt/pages/index.vue
+++ b/portfolio-nuxt/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-zinc-100 rounded-lg m-5 grid grid-cols-3 gap-10 bg-white divide-x divide-solid divide-black py-4">
+  <div class="bg-zinc-100 rounded-lg m-5 grid grid-cols-3 gap-10 divide-x divide-solid divide-black py-4 h-[calc(100vh-10.5rem)] overflow-auto">
 
     <div class="px-5">
       <p class="text-lg">pieces</p>
diff --git a/portfolio-nuxt/public/hdp_images/akademie_schloss_solitude_logo.png b/portfolio-nuxt/public/hdp_images/akademie_schloss_solitude_logo.png
new file mode 100644
index 0000000..8e2e8ce
Binary files /dev/null and b/portfolio-nuxt/public/hdp_images/akademie_schloss_solitude_logo.png differ
diff --git a/portfolio-nuxt/public/hdp_images/gaetan.jpg b/portfolio-nuxt/public/hdp_images/gaetan.jpg
new file mode 100644
index 0000000..3230c0a
Binary files /dev/null and b/portfolio-nuxt/public/hdp_images/gaetan.jpg differ
diff --git a/portfolio-nuxt/public/hdp_images/hu_logo.png b/portfolio-nuxt/public/hdp_images/hu_logo.png
new file mode 100644
index 0000000..1eda247
Binary files /dev/null and b/portfolio-nuxt/public/hdp_images/hu_logo.png differ
diff --git a/portfolio-nuxt/public/hdp_images/ims_chips_logo.png b/portfolio-nuxt/public/hdp_images/ims_chips_logo.png
new file mode 100644
index 0000000..b5ed407
Binary files /dev/null and b/portfolio-nuxt/public/hdp_images/ims_chips_logo.png differ
diff --git a/portfolio-nuxt/public/hdp_images/jarkko.jpg b/portfolio-nuxt/public/hdp_images/jarkko.jpg
new file mode 100644
index 0000000..54673d1
Binary files /dev/null and b/portfolio-nuxt/public/hdp_images/jarkko.jpg differ
diff --git a/portfolio-nuxt/public/hdp_images/kali.jpg b/portfolio-nuxt/public/hdp_images/kali.jpg
new file mode 100644
index 0000000..5d502dd
Binary files /dev/null and b/portfolio-nuxt/public/hdp_images/kali.jpg differ
diff --git a/portfolio-nuxt/public/hdp_images/km28_logo.png b/portfolio-nuxt/public/hdp_images/km28_logo.png
new file mode 100644
index 0000000..cf87f81
Binary files /dev/null and b/portfolio-nuxt/public/hdp_images/km28_logo.png differ
diff --git a/portfolio-nuxt/public/hdp_images/mareike.jpg b/portfolio-nuxt/public/hdp_images/mareike.jpg
new file mode 100644
index 0000000..819fc1e
Binary files /dev/null and b/portfolio-nuxt/public/hdp_images/mareike.jpg differ
diff --git a/portfolio-nuxt/public/hdp_images/michael.jpg b/portfolio-nuxt/public/hdp_images/michael.jpg
new file mode 100644
index 0000000..618d821
Binary files /dev/null and b/portfolio-nuxt/public/hdp_images/michael.jpg differ