fix: usar caminhos relativos para imagens/links no GitHub Pages (personalfotobw.jpeg, profile.svg e link Home)

Author: Bernardo Barros

src/app/components/footer/footer.html

@@ -7,7 +7,7 @@
         <span class="text-slate-300 dark:text-slate-600">•</span>
         <a href="https://www.linkedin.com/in/bernardo-terrabuio-paes-de-barros-6b9877214/" target="_blank" rel="noopener" class="text-slate-600 hover:text-slate-900 transition dark:text-slate-300 dark:hover:text-white">LinkedIn</a>
         <span class="text-slate-300 dark:text-slate-600">•</span>
-        <a href="/" class="text-slate-600 hover:text-slate-900 transition dark:text-slate-300 dark:hover:text-white">{{ 'footer.home' | t }}</a>
+        <a routerLink="/" class="text-slate-600 hover:text-slate-900 transition dark:text-slate-300 dark:hover:text-white">{{ 'footer.home' | t }}</a>
       </div>
     </div>
   </div>

src/app/pages/home/home.html

@@ -45,11 +45,10 @@ <h1 appScrollReveal class="heading-strong sm:text-5xl lg:text-6xl">
       <div appScrollReveal [delay]="50" class="md:order-first">
         <div appCursorParallax [cpStrengthX]="10" [cpStrengthY]="10" class="group relative mx-auto h-72 w-72 overflow-hidden rounded-3xl border border-white/10 bg-gradient-to-br from-dragula-purple/20 to-emerald-400/10 p-1 shadow-2xl shadow-black/40 ring-1 ring-white/10 sm:h-80 sm:w-80">
           <div class="absolute inset-0 -z-10 bg-[radial-gradient(ellipse_at_top_left,rgba(110,86,207,0.25),transparent_50%),radial-gradient(ellipse_at_bottom_right,rgba(34,197,94,0.2),transparent_50%)]"></div>
-          <img src="/personalfotobw.jpeg" alt="Foto de perfil de Bernardo" class="h-full w-full rounded-2xl object-cover transition duration-500 ease-out group-hover:scale-105 group-hover:brightness-110"/>
+          <img src="personalfotobw.jpeg" alt="Foto de perfil de Bernardo" class="h-full w-full rounded-2xl object-cover transition duration-500 ease-out group-hover:scale-105 group-hover:brightness-110"/>
           <div class="pointer-events-none absolute inset-0 rounded-2xl ring-1 ring-inset ring-white/20"></div>
         </div>
       </div>
     </div>
   </div>
 </section>
-

src/index.html

@@ -12,11 +12,11 @@
   <meta property="og:type" content="website">
   <meta property="og:title" content="Bernardo — Portfólio">
   <meta property="og:description" content="Desenvolvedor Full Stack / Mobile / BI.">
-  <meta property="og:image" content="/profile.svg">
+  <meta property="og:image" content="profile.svg">
   <meta property="twitter:card" content="summary_large_image">
   <meta property="twitter:title" content="Bernardo — Portfólio">
   <meta property="twitter:description" content="Desenvolvedor Full Stack / Mobile / BI.">
-  <meta property="twitter:image" content="/profile.svg">
+  <meta property="twitter:image" content="profile.svg">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">