Merge branch 'main' into gh-pages

Author: davidgao7

.github/workflows/main.yml

@@ -1,32 +1,31 @@
 # Simple workflow for deploying static content to GitHub Pages
 name: Deploy static content to Pages
-
 on:
   # Runs on pushes targeting the default branch
   push:
     branches: ["gh-pages"]
-
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
-
 # Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
 permissions:
   contents: read
   pages: write
   id-token: write
-
 # Allow one concurrent deployment
 concurrency:
   group: "pages"
   cancel-in-progress: true
-
 jobs:
   # Single deploy job since we're just deploying
   deploy:
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
     runs-on: ubuntu-latest
+    env:
+      VITE_CONTACT_ID: ${{ secrets.VITE_CONTACT_ID }}
+      VITE_PUBLIC_KEY: ${{ secrets.VITE_PUBLIC_KEY }}
+      VITE_SERVICE_ID: ${{ secrets.VITE_SERVICE_ID }}
     steps:
       - name: Checkout
         uses: actions/checkout@v4

package-lock.json

@@ -7,13 +7,9 @@ import { EarthCanvas } from './canvas';
 import { SectionWrapper } from '../hoc';
 import { slideIn } from '../utils/motion';
 
-const VITE_CONTACT_ID = 'template_gwfennj';
-const VITE_SERVIE_ID = 'service_qtf9x59';
-const VITE_PUBLIC_KEY = 'utyCUykSb6479dPJ0';
-
-console.log('loading emailjs api keys...')
-console.log(VITE_CONTACT_ID, VITE_SERVIE_ID, VITE_PUBLIC_KEY);
-console.log('emailjs api keys loaded...')
+const VITE_CONTACT_ID = import.meta.env.VITE_CONTACT_ID
+const VITE_SERVIE_ID = import.meta.env.VITE_SERVIE_ID
+const VITE_PUBLIC_KEY = import.meta.env.VITE_PUBLIC_KEY
 
 const Contact = () => {