Add Salazar last name, X/Reddit socials, 3 new projects, expanded About Me, new favicon

[Copilot]

Personalizes and expands the portfolio site with updated identity info, social presence, and project coverage.

Changes

• Identity: "Mericio" → "Mericio Salazar" across h1, <title>, meta author/og:title, and footer
• Favicon: Replaced favicon.ico with favicon.png (GitHub avatar); added <link rel="icon"> in index.html
• Social links: Added X (x.com/simihablo) and Reddit (reddit.com/user/MelodicClaim890/) buttons with icons in both the hero and contact sections
• Projects: Added 3 entries — Kubernetes Home Lab, GCP Infrastructure Automation, Open Source DevRel
• About Me: Expanded with multi-cloud context (GCP/AWS/Azure), tooling focus (Terraform, GitOps), and more personal detail

[Copilot]

🟡 Changes recommended

External links added via window.open(..., '_blank') should be changed to safe link semantics (e.g., rel="noopener noreferrer") to avoid reverse-tabnabbing.

Once you've addressed the issues Copilot identified, you can request another Copilot review.

Pull request overview

Updates the portfolio site’s branding and content to reflect an updated name, expanded “About Me”, additional project entries, new social links, and a new favicon reference in the document head.

Changes:

• Updated displayed identity to “Mericio Salazar” and refreshed About Me copy.
• Added X and Reddit social buttons (hero + contact) and added 3 new project entries.
• Added favicon.png link in index.html and updated related meta tags.

File summaries

File	Description
src/pages/Index.tsx	Updates name display, expands About Me, adds new projects, and introduces X/Reddit buttons (plus layout tweaks).
index.html	Updates title/meta identity fields and adds a PNG favicon link.

Review details

Suppressed comments (4)

src/pages/Index.tsx:4

• The inline RedditIcon SVG is decorative (the button already has a text label). Mark it as such so screen readers don't announce it as an unlabeled graphic.

  <svg className={className} viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">

src/pages/Index.tsx:149

• Same reverse-tabnabbing concern as above: prefer an anchor with rel="noopener noreferrer" instead of window.open(..., '_blank').

              variant="outline" 
              className="border-amber-400/70 text-amber-200 hover:bg-amber-300 hover:text-slate-950 transition-all duration-300"
              onClick={() => window.open('https://www.reddit.com/user/MelodicClaim890/', '_blank')}
            >
              <RedditIcon className="mr-2 h-4 w-4" />

src/pages/Index.tsx:316

• Same reverse-tabnabbing concern: replace window.open(..., '_blank') with a link using target="_blank" rel="noopener noreferrer" (via <Button asChild>).

              variant="outline"
              className="border-slate-400 text-slate-200 hover:bg-slate-600 hover:text-white transition-all duration-300 hover:scale-105"
              onClick={() => window.open('https://x.com/simihablo', '_blank')}
            >
              <X className="mr-2 h-5 w-5" />

src/pages/Index.tsx:325

• Same reverse-tabnabbing concern: replace window.open(..., '_blank') with a link using target="_blank" rel="noopener noreferrer" (via <Button asChild>).

              variant="outline"
              className="border-orange-600 text-orange-300 hover:bg-orange-600 hover:text-white transition-all duration-300 hover:scale-105"
              onClick={() => window.open('https://www.reddit.com/user/MelodicClaim890/', '_blank')}
            >
              <RedditIcon className="mr-2 h-5 w-5" />

• Files reviewed: 2/3 changed files
• Comments generated: 3
• Review effort level: Lite

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.