Merge pull request #36 from ioaiaaii/feat/styling-improv

Feat/styling improv

Author: ioaiaaii

deploy/helm/ioaiaaii/Chart.yaml

@@ -3,7 +3,7 @@ annotations:
   licenses: Apache-2.0
 type: application
 apiVersion: v2
-appVersion: v1.1.3
+appVersion: v1.1.4
 dependencies:
   - name: common
     repository: oci://registry-1.docker.io/bitnamicharts

deploy/iac/main.tf

@@ -15,12 +15,6 @@ locals {
       content_type = "image/png"
       predefined_acl = "publicRead"
     },
-    dec_pdc_back = {
-      name         = "assets/images/releases/dec-pdc/back_v2.jpg"
-      source       = "${local.base_path}/assets/images/releases/dec-pdc/back_v2.jpg"
-      cache_control = "public, max-age=2592000"
-      content_type = "image/jpeg"
-    },
     dec_pdc_front = {
       name         = "assets/images/releases/dec-pdc/front_v2.jpg"
       source       = "${local.base_path}/assets/images/releases/dec-pdc/front_v2.jpg"
@@ -45,18 +39,6 @@ locals {
       cache_control = "public, max-age=2592000"
       content_type = "image/jpeg"
     },
-    diataxis_front = {
-      name         = "assets/images/releases/diataxis/front_v2.jpg"
-      source       = "${local.base_path}/assets/images/releases/diataxis/front_v2.jpg"
-      cache_control = "public, max-age=2592000"
-      content_type = "image/jpeg"
-    },
-    diataxis_back = {
-      name         = "assets/images/releases/diataxis/back_v2.jpg"
-      source       = "${local.base_path}/assets/images/releases/diataxis/back_v2.jpg"
-      cache_control = "public, max-age=2592000"
-      content_type = "image/jpeg"
-    },
     diataxis_render_a = {
       name         = "assets/images/releases/diataxis/render_a.jpg"
       source       = "${local.base_path}/assets/images/releases/diataxis/render_a.jpg"
@@ -69,18 +51,30 @@ locals {
       cache_control = "public, max-age=2592000"
       content_type = "image/jpeg"
     },
+    diataxis_render_poster = {
+      name         = "assets/images/releases/diataxis/poster.jpg"
+      source       = "${local.base_path}/assets/images/releases/diataxis/poster.jpg"
+      cache_control = "public, max-age=2592000"
+      content_type = "image/jpeg"
+    },    
     telepresence_front = {
       name         = "assets/images/releases/telepresence/front_1200_v1.jpg"
       source       = "${local.base_path}/assets/images/releases/telepresence/front_1200_v1.jpg"
       cache_control = "public, max-age=2592000"
       content_type = "image/jpeg"
     },
     telepresence_cassete = {
-      name         = "assets/images/releases/telepresence/cassete_1500_90_v1.jpg"
-      source       = "${local.base_path}/assets/images/releases/telepresence/cassete_1500_90_v1.jpg"
+      name         = "assets/images/releases/telepresence/render_a.jpg"
+      source       = "${local.base_path}/assets/images/releases/telepresence/render_a.jpg"
       cache_control = "public, max-age=2592000"
       content_type = "image/jpeg"
     },
+    telepresence_studio = {
+      name         = "assets/images/releases/telepresence/dim_studio.jpg"
+      source       = "${local.base_path}/assets/images/releases/telepresence/dim_studio.jpg"
+      cache_control = "public, max-age=2592000"
+      content_type = "image/jpeg"
+    },    
     live_studio = {
       name         = "assets/images/live/studio_2024_3000_v1.jpg"
       source       = "${local.base_path}/assets/images/live/studio_2024_3000_v1.jpg"

web/public/assets/images/home/profile.png

@@ -10,18 +10,15 @@ const showHeader = computed(() => route.name !== 'NotFound');
 
 const showFooter = computed(() => {
   // Exclude routes where the footer shouldn't display
-  return route.name !== 'NotFound' && !['/live', '/contact'].includes(route.path);
+  return route.name !== 'NotFound' && !['/live', '/contact', '/'].includes(route.path);
 });
 
-</script>
-<template>
 
-  <nav v-if="showHeader">
-    <Navigation />
-  </nav>
 
+</script>
+<template>
+  <Navigation />
   <RouterView :key="$route.fullPath" />
-
   <footer v-if="showFooter">
     <AppFooter />
   </footer>

web/public/assets/images/live/studio_2024_3000_v1.jpg

@@ -31,12 +31,12 @@
   }
 
   .contact-button {
-    @apply menu-button-base text-red-900;
+    @apply menu-button-base text-blue-700 ;
   }
 
     /* Menu button style for /live page */
   .menu-button-live {
-    @apply menu-button-base text-white tracking-wide hover:text-blue-500  transition duration-300 ease-in-out;
+    @apply menu-button-base text-blue-700 tracking-wide hover:text-white  transition duration-300 ease-in-out;
   }
 
   .menu-button-home {
@@ -56,7 +56,7 @@
 
   /* Basic Text Generators */
   .basic-text {
-    @apply text-sm sm:text-base lg:text-base xl:text-base text-gray-700 text-pretty font-medium tracking-normal;
+    @apply text-sm sm:text-base md:text-lg text-gray-700 text-balance font-medium;
   }
 
   .basic-heading {

web/public/assets/images/releases/dec-pdc/back_90_1500_v1.jpg

@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-ioai-300 p-4 flex flex-col relative items-center justify-center">
+  <div class="min-h-screen p-4 flex flex-col relative items-center justify-center bg-ioai-300">
     <!-- Links centered vertically and horizontally -->
     <div class="flex flex-col text-left">
       <a

web/public/assets/images/releases/dec-pdc/back_v2.jpg

@@ -1,12 +1,15 @@
 <template>
-  <div class="base-container">
+  <div class="base-container bg-ioai-300">
     <div class="base-grid mt-2">
-      <div class="p-4 lg:border-r-ioai-300">       
+      <div class="p-4 lg:border-r border-ioai-100">       
         <section
           v-if="resume.profile.length"
           class="mt-2"
         >
-          <h3 class="resume-heading">
+          <h3 class="project-category">
+            ///
+          </h3>        
+          <h3 class="resume-heading mt-4">
             Computer Engineer Profile
           </h3>
           <p class="resume-text">
@@ -15,12 +18,12 @@
         </section>
         <section
           v-if="resume.education.length"
-          class="mt-4"
+          class="mt-6"
         >
           <h3 class="resume-heading">
             Education
           </h3>
-          <ul class="list-inside space-y-2">
+          <ul class="list-inside space-y-4">
             <li
               v-for="(edu, index) in resume.education"
               :key="index"
@@ -43,12 +46,12 @@
         <!-- Experience Section -->
         <section
           v-if="resume.experience.length"
-          class="mt-4"
+          class="mt-6"
         >
           <h3 class="resume-heading">
             Professional Experience
           </h3>
-          <ul class="list-inside space-y-2">
+          <ul class="list-inside space-y-4">
             <li
               v-for="(exp, index) in resume.experience"
               :key="index"
@@ -61,7 +64,7 @@
                 >{{ exp.startDate }} - {{ exp.endDate }},</span>
                 {{ exp.role }}, {{ exp.company }}, {{ exp.location }}
               </strong>
-              <ul class="list-disc list-inside ml-1 space-y-1">
+              <ul class="list-disc list-outside pl-4 space-y-1">
                 <li
                   v-for="(desc, i) in exp.description"
                   :key="i"
@@ -73,14 +76,17 @@
           </ul>
         </section>        
       </div>
-      
+
       <!-- Right Column: Education, Projects, and Skills -->       
       <div class="p-4">     
         <section
           v-if="resume.profile.length"
           class="mt-2"
         >
-          <h3 class="resume-heading">
+          <h3 class="project-category">
+            ⊕⊕⊕
+          </h3>        
+          <h3 class="resume-heading mt-4">
             Composer Profile
           </h3>
           <p class="resume-text">
@@ -89,7 +95,7 @@
         </section>          
         <section
           v-if="resume.profile.length"
-          class="mt-2"
+          class="mt-6"
         >
           <h3 class="resume-heading">
             Artistic Approach
@@ -101,12 +107,12 @@
         <!-- Experience Section -->
         <section
           v-if="resume.experience.length"
-          class="mt-4"
+          class="mt-6"
         >
           <h3 class="resume-heading">
             Selected Discography / Collaborations
           </h3>
-          <ul class="list-disc list-inside ml-1 space-y-1">
+          <ul class="list-disc list-outside pl-4 space-y-1">
             <li
               v-for="(index) in resume.selectedWorks"
               :key="index"
@@ -155,3 +161,7 @@ export default {
   },
 };
 </script>
+
+<style>
+
+</style>