more work towards final deployment

portfolio-nuxt/app.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white">
+  <div class="bg-white min-w-[800px]">
     <NuxtLayout>
       <NuxtPage/>
     </NuxtLayout>

portfolio-nuxt/layouts/default.vue

@@ -1,11 +1,17 @@
 <template>
-  <div class="font-thin sticky top-0 bg-white p-2 z-20">
+  <div class="grid grid-cols-[60%,40%] 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">
+        <div class="inline-flex text-2xl ml-4">
-      <NuxtLink class="px-8" to='/'>works</NuxtLink>
+          <NuxtLink class="px-3" to='/'>works</NuxtLink>
-      <NuxtLink class="px-8" to='/events'>events</NuxtLink>
+          <NuxtLink class="px-3" to='/events'>events</NuxtLink>
-      <NuxtLink class="px-8" to='/about'>about</NuxtLink>
+          <NuxtLink class="px-3" to='/about'>about</NuxtLink>
-      <NuxtLink class="px-8" to='https://unboundedpress.org/code'>code</NuxtLink>
+          <NuxtLink class="px-3" to='https://unboundedpress.org/code'>code</NuxtLink>
+          <NuxtLink class="px-3" to='https://unboundedpress.org/legacy'>legacy</NuxtLink>
+        </div>
+      </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 -->

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 p-4 min-h-[86vh]">
+    <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="px-5">
             <p class="text-lg">about</p>
         
@@ -10,6 +10,20 @@
                 <div class="leading-tight py-2">
                     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> 
+                <div class="inline-flex place-items-center p-2">
+                    CV
+                    <div class="w-[28px]">
+                        <IconButton :visible="true" type="document" work="placeholder" link="https://unboundedpress.org/cv"></IconButton>
+                    </div>
+                </div>
+                <br>
+                <div class="inline-flex place-items-center p-2">
+                    Works List with Presentation History
+                    <div class="w-[28px]">
+                        <IconButton :visible="true" type="document" work="placeholder" link="https://unboundedpress.org/works_list"></IconButton>
+                    </div>
+                </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">

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 p-4">
+    <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="px-5">
             <p class="text-lg">performances</p>

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 p-4">
+  <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="px-5">
       <p class="text-lg">pieces</p>
@@ -7,8 +7,8 @@
       <div class="py-2 ml-3" v-for="item in works">
         <p class="font-thin">{{ item.year }}</p>
         <div class="leading-tight py-1 ml-3" v-for="work in item.works">
-          <div class="grid grid-cols-[70%,30%] gap-1 font-thin">
+          <div class="grid grid-cols-[65%,30%] gap-1 font-thin">
-            <p class="italic text-sm">{{ work.title }}</p>
+            <div class="italic text-sm">{{ work.title }}</div>
             <div class="grid grid-cols-[28px_28px_28px_28px]">
 
             <IconButton :visible="work.score" type="document" :work="work" :link="work.score"></IconButton>