chore: logo, Elixir brand, EmailJS keys and hero crystal fix

- Navbar logo glyph: A -> B
- Favicon and src/assets/logo.svg: rebuilt as 'B' mark (violet/cyan gradient)
- Experience: use official Elixir Technologies SVG logo (fetched from elixir.com)
- EmailJS: switch to Behlole's service/template/public keys (.env + workflow)
- Hero Crystal: swap MeshDistortMaterial for flat-shaded standard material,
  drop remote HDR Environment (was failing DNS), rebalance lights and size

Author: behlole

.github/workflows/deploy.yml

@@ -32,9 +32,9 @@ jobs:
           # EmailJS keys are public-safe (the public key is the actual user-id
           # used by emailjs.send from the browser). Override these in
           # repo Settings → Secrets if you'd rather inject them.
-          VITE_EMAILJS_SERVICE_ID: ${{ secrets.VITE_EMAILJS_SERVICE_ID || 'service_3glc86j' }}
-          VITE_EMAILJS_TEMPLATE_ID: ${{ secrets.VITE_EMAILJS_TEMPLATE_ID || 'template_iuj2rqh' }}
-          VITE_EMAILJS_PUBLIC_KEY: ${{ secrets.VITE_EMAILJS_PUBLIC_KEY || 'nRz_O_phE1P-q8WeT' }}
+          VITE_EMAILJS_SERVICE_ID: ${{ secrets.VITE_EMAILJS_SERVICE_ID || 'service_kfy6s4m' }}
+          VITE_EMAILJS_TEMPLATE_ID: ${{ secrets.VITE_EMAILJS_TEMPLATE_ID || 'template_zu7gxsl' }}
+          VITE_EMAILJS_PUBLIC_KEY: ${{ secrets.VITE_EMAILJS_PUBLIC_KEY || 'aFCNmuREqibzGvgcg' }}
           VITE_CONTACT_EMAIL: behloleaqil@gmail.com
         run: npm run build
 

public/logo.svg

@@ -32,6 +32,7 @@ import tripguide from "./tripguide.png";
 import cloudtek from './company/cloudtek.jpeg';
 import aksaSds from './company/aksa-sds.png';
 import deltaShoppe from './company/deltashoppe.jpeg';
+import elixir from './company/elixir.svg';
 
 import java from './tech/java.png';
 import angular from './tech/angular.png';
@@ -79,6 +80,7 @@ export {
     cloudtek,
     aksaSds,
     deltaShoppe,
+    elixir,
     java,
     angular,
     laravel,

src/assets/company/elixir.svg

@@ -56,7 +56,7 @@ const Navbar = () => {
                         className="flex items-center gap-3 group"
                     >
                         <div className="relative w-10 h-10 rounded-xl bg-gradient-to-br from-accent to-accent-2 flex items-center justify-center shadow-glow">
-                            <span className="font-display font-bold text-white text-lg">A</span>
+                            <span className="font-display font-bold text-white text-lg">B</span>
                             <span className="absolute inset-0 rounded-xl bg-gradient-to-br from-accent to-accent-2 blur-lg opacity-50 group-hover:opacity-80 transition-opacity"/>
                         </div>
                         <div className="hidden sm:flex flex-col leading-tight">

src/assets/index.js

@@ -2,7 +2,6 @@ import React, {Suspense, useEffect, useRef, useState} from "react";
 import {Canvas, useFrame} from "@react-three/fiber";
 import {
     Float,
-    MeshDistortMaterial,
     OrbitControls,
     Sphere,
     Torus,
@@ -36,32 +35,32 @@ const DistortedCrystal = ({reduceMotion}) => {
     });
 
     return (
-        <Float speed={reduceMotion ? 0 : 1.4} rotationIntensity={0.4} floatIntensity={1.2}>
-            <group>
+        <Float speed={reduceMotion ? 0 : 1.4} rotationIntensity={0.4} floatIntensity={1.0}>
+            <group scale={0.85}>
                 <Sphere args={[2.2, 24, 24]}>
                     <meshBasicMaterial color="#7c5cff" transparent opacity={0.04}/>
                 </Sphere>
-                <Icosahedron ref={meshRef} args={[1.45, 2]}>
-                    <MeshDistortMaterial
-                        color="#7c5cff"
-                        emissive="#22d3ee"
-                        emissiveIntensity={0.45}
-                        roughness={0.2}
-                        metalness={0.75}
-                        distort={reduceMotion ? 0 : 0.35}
-                        speed={reduceMotion ? 0 : 1.6}
+                <Icosahedron ref={meshRef} args={[1.35, 0]}>
+                    <meshStandardMaterial
+                        color="#8b6bff"
+                        emissive="#4c2dff"
+                        emissiveIntensity={0.6}
+                        roughness={0.25}
+                        metalness={0.45}
+                        flatShading
                     />
                 </Icosahedron>
-                <Icosahedron ref={innerRef} args={[0.85, 1]}>
+                <Icosahedron ref={innerRef} args={[0.95, 1]}>
                     <meshStandardMaterial
                         color="#22d3ee"
-                        emissive="#7c5cff"
-                        emissiveIntensity={0.6}
+                        emissive="#22d3ee"
+                        emissiveIntensity={1.2}
                         roughness={0}
-                        metalness={1}
+                        metalness={0}
                         wireframe
                         transparent
-                        opacity={0.35}
+                        opacity={0.7}
+                        toneMapped={false}
                     />
                 </Icosahedron>
                 <Torus args={[2.0, 0.012, 16, 80]} rotation={[Math.PI / 2.3, 0, 0]}>
@@ -113,16 +112,16 @@ const CrystalCanvas = () => {
                     alpha: true,
                     powerPreference: "high-performance",
                 }}
-                camera={{position: [0, 0, 6], fov: 35, near: 0.1, far: 200}}
+                camera={{position: [0, 0, 7.5], fov: 32, near: 0.1, far: 200}}
             >
                 <Suspense fallback={<CanvasLoader/>}>
-                    <ambientLight intensity={0.35}/>
-                    <hemisphereLight color="#a78bfa" groundColor="#06070d" intensity={0.6}/>
-                    <directionalLight position={[5, 5, 5]} intensity={1.4} color="#a78bfa"/>
-                    <pointLight position={[-5, -3, -2]} intensity={1.2} color="#22d3ee"/>
-                    <pointLight position={[5, -2, 3]} intensity={0.9} color="#fb7185"/>
+                    <ambientLight intensity={0.6}/>
+                    <hemisphereLight color="#a78bfa" groundColor="#06070d" intensity={0.8}/>
+                    <directionalLight position={[5, 5, 5]} intensity={1.8} color="#a78bfa"/>
+                    <pointLight position={[-5, -3, -2]} intensity={1.4} color="#22d3ee"/>
+                    <pointLight position={[5, -2, 3]} intensity={1.1} color="#fb7185"/>
                     {!mobile && (
-                        <pointLight position={[0, 4, -4]} intensity={0.7} color="#7c5cff"/>
+                        <pointLight position={[0, 4, -4]} intensity={0.9} color="#7c5cff"/>
                     )}
                     <DistortedCrystal reduceMotion={reduceMotion}/>
                     <OrbitControls

src/assets/logo.svg

@@ -19,6 +19,7 @@ import {
     cloudtek,
     aksaSds,
     deltaShoppe,
+    elixir,
     mysimplerx,
     vars,
     flexigolf,
@@ -156,8 +157,8 @@ const experiences = [
         company_name: "Elixir Technologies",
         companyMeta: "Enterprise Software · Remote",
         date: "Oct 2025 — Present",
-        badge: {initials: "ET", gradient: "from-[#f97316] to-[#fb7185]"},
-        iconBg: "#f97316",
+        icon: elixir,
+        iconBg: "#ffffff",
         points: [
             "Design and ship scalable software solutions that deliver measurable business value across enterprise product lines.",
             "Lead technical architecture decisions and enforce best practices across the software development lifecycle.",