Merge pull request #42 from ioaiaaii/chore/switch-to-webp-images

ioaiaaii · web-flow · commit 1b691496d24c · 2024-11-17T12:13:19.000+02:00
Chore/switch to webp images
diff --git a/deploy/helm/ioaiaaii/Chart.yaml b/deploy/helm/ioaiaaii/Chart.yaml
@@ -3,7 +3,7 @@ annotations:
   licenses: Apache-2.0
 type: application
 apiVersion: v2
-appVersion: v1.1.7
+appVersion: v1.1.8
 dependencies:
   - name: common
     repository: oci://registry-1.docker.io/bitnamicharts
diff --git a/deploy/iac/main.tf b/deploy/iac/main.tf
@@ -9,10 +9,10 @@ locals {
       content_type = "image/png"
     },
     profile = {
-      name         = "assets/images/home/profile.png"
-      source       = "${local.base_path}/assets/images/home/profile.png"
+      name         = "assets/images/home/profile.webp"
+      source       = "${local.base_path}/assets/images/home/profile.webp"
       cache_control = "public, max-age=2592000"
-      content_type = "image/png"
+      content_type = "image/webp"
       predefined_acl = "publicRead"
     },
     dec_pdc_front = {
@@ -76,10 +76,10 @@ locals {
       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"
+      name         = "assets/images/live/studio_2024_3000_v1.webp"
+      source       = "${local.base_path}/assets/images/live/studio_2024_3000_v1.webp"
       cache_control = "public, max-age=2592000"
-      content_type = "image/jpeg"
+      content_type = "image/webp"
     },
     montserrat_font = {
       name         = "assets/fonts/Montserrat-VariableFont_wght.ttf"
diff --git a/web/index.html b/web/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="bg-ioai-300">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
diff --git a/web/src/components/Contact.vue b/web/src/components/Contact.vue
@@ -7,11 +7,6 @@
         target="_blank"
         class="contact-button"
       >├ LinkedIn</a>
-      <a
-        :href="resume.gitHub"
-        target="_blank"
-        class="contact-button"
-      >├ GitHub</a>
       <a
         href="https://soundcloud.com/ioannis_savvaidis"
         target="_blank"
diff --git a/web/src/components/Home.vue b/web/src/components/Home.vue
@@ -6,9 +6,8 @@
   >
     <!-- Text Overlay Container with Flex Layout -->
     <div class="absolute inset-0 flex flex-col p-4 lg:mt-2">
-      <!-- Title Section -->
       <div class="home-heading w-full lg:w-1/2 text-left">
-        <h1 class="mt-10">
+        <h1 class="mt-8">
           {{ resume.title }}
         </h1>
       </div>
@@ -17,7 +16,7 @@
     <!-- Background Image Container with Full Height -->
     <div
       class="flex-grow bg-center bg-cover"
-      style="background-image: url('https://storage.googleapis.com/ioaiaaii-website-static-content/assets/images/home/profile.png');"
+      style="background-image: url('https://storage.googleapis.com/ioaiaaii-website-static-content/assets/images/home/profile.webp');"
     />
   </div>
 </template>
diff --git a/web/src/components/Info.vue b/web/src/components/Info.vue
@@ -8,9 +8,6 @@
         >
           <h3 class="project-category">
             ///
-          </h3>        
-          <h3 class="resume-heading mt-4">
-            Computer Engineer Profile
           </h3>
           <p class="resume-text">
             {{ resume.engineerBio }} 
@@ -85,9 +82,6 @@
         >
           <h3 class="project-category">
             ⊕⊕⊕
-          </h3>        
-          <h3 class="resume-heading mt-4">
-            Composer Profile
           </h3>
           <p class="resume-text">
             {{ resume.artistBio }} 
diff --git a/web/src/components/Live.vue b/web/src/components/Live.vue
@@ -58,7 +58,7 @@ export default {
   data() {
     return {
       performances: [],
-      backgroundUrl: 'https://storage.googleapis.com/ioaiaaii-website-static-content/assets/images/live/studio_2024_3000_v1.jpg',
+      backgroundUrl: 'https://storage.googleapis.com/ioaiaaii-website-static-content/assets/images/live/studio_2024_3000_v1.webp',
       backgroundLoaded: false, // Track if background image has loaded
     };
   },
diff --git a/web/src/components/Navigation.vue b/web/src/components/Navigation.vue
@@ -8,7 +8,8 @@
       'bg-white border-b border-gray-700': isMenuOpen,
       'bg-white bg-opacity-0': isLivePage && !isMenuOpen,
       'bg-ioai-300': isInfo && !isMenuOpen,
-      'bg-white bg-opacity-100 border-b border-ioai-700': !isMenuOpen && !isLivePage && !isInfo
+      'bg-white bg-opacity-0': isHomePage && !isMenuOpen,
+      'bg-white bg-opacity-100 border-b border-ioai-700': !isMenuOpen && !isLivePage && !isInfo && !isHomePage
     }"
   >
     <!-- Top Bar: Left Conditional Text, Right Menu, and Option Button for Mobile -->
diff --git a/website/public/assets/images/home/profile.png b/website/public/assets/images/home/profile.png
diff --git a/website/public/assets/images/home/profile.webp b/website/public/assets/images/home/profile.webp
diff --git a/website/public/assets/images/live/studio_2024_3000_v1.jpg b/website/public/assets/images/live/studio_2024_3000_v1.jpg
diff --git a/website/public/assets/images/live/studio_2024_3000_v1.webp b/website/public/assets/images/live/studio_2024_3000_v1.webp
