From 7b4f8a9b3f4795e22f0fbb1152a34923ea5f4726 Mon Sep 17 00:00:00 2001
From: mwinter <mwinter@unboundedpress.org>
Date: Mon, 19 Jun 2023 19:11:27 +0200
Subject: [PATCH] more work towards final deployment

---
 portfolio-nuxt/app.vue             |  2 +-
 portfolio-nuxt/layouts/default.vue | 22 ++++++++++++++--------
 portfolio-nuxt/pages/about.vue     | 18 ++++++++++++++++--
 portfolio-nuxt/pages/events.vue    |  2 +-
 portfolio-nuxt/pages/index.vue     | 18 +++++++++---------
 5 files changed, 41 insertions(+), 21 deletions(-)

diff --git a/portfolio-nuxt/app.vue b/portfolio-nuxt/app.vue
index 75168a2..f4c2650 100644
--- a/portfolio-nuxt/app.vue
+++ b/portfolio-nuxt/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white">
+  <div class="bg-white min-w-[800px]">
     <NuxtLayout>
       <NuxtPage/>
     </NuxtLayout>
diff --git a/portfolio-nuxt/layouts/default.vue b/portfolio-nuxt/layouts/default.vue
index 784818a..6ecb74a 100644
--- a/portfolio-nuxt/layouts/default.vue
+++ b/portfolio-nuxt/layouts/default.vue
@@ -1,12 +1,18 @@
 <template>
-  <div class="font-thin sticky top-0 bg-white p-2 z-20">
-    <div class="text-5xl p-2"> <NuxtLink to='/'>michael winter</NuxtLink></div>
-    <div class="inline-flex text-2xl">
-      <NuxtLink class="px-8" to='/'>works</NuxtLink>
-      <NuxtLink class="px-8" to='/events'>events</NuxtLink>
-      <NuxtLink class="px-8" to='/about'>about</NuxtLink>
-      <NuxtLink class="px-8" to='https://unboundedpress.org/code'>code</NuxtLink>
-    </div>
+  <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 ml-4">
+          <NuxtLink class="px-3" to='/'>works</NuxtLink>
+          <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>
+        </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 -->
   <div class="sticky bottom-0 bg-white p-2 flex justify-center z-20">
diff --git a/portfolio-nuxt/pages/about.vue b/portfolio-nuxt/pages/about.vue
index c657952..b7e31e7 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 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>
         
@@ -9,7 +9,21 @@
                 </div>
                 <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> 
+                <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">
diff --git a/portfolio-nuxt/pages/events.vue b/portfolio-nuxt/pages/events.vue
index 727ba1e..ea80a6f 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 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>
diff --git a/portfolio-nuxt/pages/index.vue b/portfolio-nuxt/pages/index.vue
index 689a25d..3178019 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 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,17 +7,17 @@
       <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">
-            <p class="italic text-sm">{{ work.title }}</p>
-             <div class="grid grid-cols-[28px_28px_28px_28px]">
+          <div class="grid grid-cols-[65%,30%] gap-1 font-thin">
+            <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>
- 
-              <IconButton :visible="work.soundcloud_trackid" type="audio" :work="work"></IconButton>
+            <IconButton :visible="work.score" type="document" :work="work" :link="work.score"></IconButton>
 
-              <IconButton :visible="work.vimeo_trackid" type="video" :work="work"></IconButton>
+            <IconButton :visible="work.soundcloud_trackid" type="audio" :work="work"></IconButton>
 
-              <IconButton :visible="work.gallery" type="image" :work="work"></IconButton>
+            <IconButton :visible="work.vimeo_trackid" type="video" :work="work"></IconButton>
+
+            <IconButton :visible="work.gallery" type="image" :work="work"></IconButton>
 
             </div>
           </div>