ready for launch with titles and routes

docker-compose.yml

@@ -65,8 +65,8 @@ services:
       - VIRTUAL_PATH=/legacy
       - VIRTUAL_DEST=/legacy
       - VIRTUAL_PORT=3000
-      - LETSENCRYPT_HOST=${DOMAIN},www.${DOMAIN},gitea.${DOMAIN} #this last one is for legacy support
-      - LETSENCRYPT_EMAIL=${EMAIL}
+      #- LETSENCRYPT_HOST=${DOMAIN},www.${DOMAIN},gitea.${DOMAIN} #this last one is for legacy support
+      #- LETSENCRYPT_EMAIL=${EMAIL}
     ports:
       - "3000:3000"
     restart: always
@@ -84,11 +84,11 @@ services:
     container_name: portfolio-nuxt
     build: ./portfolio-nuxt
     # To rebuild the site and the server run this
-    #command: bash -c "npm run build && node .output/server/index.mjs"
+    command: bash -c "npm run build && node .output/server/index.mjs"
     # To just start the server run this
     #command: bash -c "node .output/server/index.mjs"
     # To start the server in dev mode
-    command: bash -c "npm run dev -o"
+    #command: bash -c "npm run dev -o"
     volumes:
       - portfolio-nuxt:/src/node_modules
       - ./portfolio-nuxt:/src
@@ -99,11 +99,11 @@ services:
       # For subdirectory baseURL needs to be set in nuxt config
       #- VIRTUAL_PATH=/dev
       #- VIRTUAL_DEST=/dev
-      - VIRTUAL_PORT=4000
-      #- LETSENCRYPT_HOST=${DOMAIN},www.${DOMAIN},gitea.${DOMAIN} #this last one is for legacy support
-      #- LETSENCRYPT_EMAIL=${EMAIL}
+      - VIRTUAL_PORT=5000
+      - LETSENCRYPT_HOST=${DOMAIN},www.${DOMAIN},gitea.${DOMAIN} #this last one is for legacy support
+      - LETSENCRYPT_EMAIL=${EMAIL}
     ports:
-      - "4000:4000"
+      - "5000:5000"
     restart: always
     #depends_on:
       #mongo:

nginx/vhost.d/gitea.unboundedpress.org

@@ -1,13 +1,3 @@
-## Start of configuration add by letsencrypt container
-location ^~ /.well-known/acme-challenge/ {
-    auth_basic off;
-    auth_request off;
-    allow all;
-    root /usr/share/nginx/html;
-    try_files $uri =404;
-    break;
-}
-## End of configuration add by letsencrypt container
 # This is needed for legacy support
 location = / {
      rewrite ^ http://gitea.unboundedpress.org/code/mwinter/ redirect;

nginx/vhost.d/unboundedpress.org

@@ -1,13 +1,3 @@
-## Start of configuration add by letsencrypt container
-location ^~ /.well-known/acme-challenge/ {
-    auth_basic off;
-    auth_request off;
-    allow all;
-    root /usr/share/nginx/html;
-    try_files $uri =404;
-    break;
-}
-## End of configuration add by letsencrypt container
 
 
 # The following are all for collabora routing

portfolio-nuxt/Dockerfile

@@ -10,8 +10,8 @@ RUN apk add bash
 RUN npm install
 
 ENV NITRO_HOST=0.0.0.0
-ENV NITRO_PORT=4000
+ENV NITRO_PORT=5000
 
-EXPOSE 4000 
+EXPOSE 5000 
 
 # ENTRYPOINT ["npm", "run", "build", "node", ".output/server/index.mjs"]

portfolio-nuxt/layouts/default.vue

@@ -11,7 +11,7 @@
         </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.
+        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/nuxt.config.ts

@@ -18,6 +18,10 @@ export default defineNuxtConfig({
       version: 2
     },
   },
+  routeRules: {
+    '/cv': { redirect: '/legacy/cv' },
+    '/works_list': { redirect: '/legacy/works_list' },
+  },
   nitro: {
     prerender: { crawlLinks: true}
   },

portfolio-nuxt/pages/[files]/[filename].vue

@@ -17,4 +17,7 @@ const { data: metadata } = await useFetch('https://unboundedpress.org/api/' + ro
     }
   })
 
+    useHead({
+        titleTemplate: 'Michael Winter - Files - ' + route.params.filename
+    })
 </script>

portfolio-nuxt/pages/about.vue

@@ -12,7 +12,7 @@
                 </div> 
                 <br>
                 <div class="inline-flex place-items-center p-2">
-                    Email
+                    Contact
                     <div class="w-[28px]">
                         <IconButton :visible="true" type="email" work="placeholder" link="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"></IconButton>
                     </div>
@@ -21,19 +21,19 @@
                 <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>
+                        <IconButton :visible="true" type="document" work="placeholder" link="https://unboundedpress.org/legacy/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>
+                        <IconButton :visible="true" type="document" work="placeholder" link="https://unboundedpress.org/legacy/works_list"></IconButton>
                     </div>
                 </div>
                 <br>
                 <br>
-                <div id="mc_embed_signup">
+                <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">
@@ -69,6 +69,10 @@ const { data: gallery } = await useFetch('https://unboundedpress.org/api/my_imag
         return gallery //.sort((a,b) => a.priority - b.priority)
     }
 })
+
+useHead({
+    titleTemplate: 'Michael Winter - About - Short Bio, Contact, CV, Works List, and Mailing List'
+  })
 </script>
 
 <style>

portfolio-nuxt/pages/events.vue

@@ -83,5 +83,9 @@
             return events.sort((a,b) => b.date - a.date)
         }
     })
+
+    useHead({
+        titleTemplate: 'Michael Winter - Events - Performances and Lectures'
+    })
 </script>
 

portfolio-nuxt/pages/index.vue

@@ -160,7 +160,7 @@
       for (const release of releases) {
         release.album_art_id = album_art.value.find(obj => {return obj.filename === release.album_art})._id.$oid
       }
-      return releases
+      return releases.sort((a,b) => b.date - a.date)
     }
   })
 
@@ -179,5 +179,9 @@
       immediate: true
   })
   */
-</script>
 
+  useHead({
+    titleTemplate: 'Michael Winter - Home / Works - Pieces, Publications, and Albums'
+  })
+
+</script>