Merge pull request #12 from CesarNog/codex/fix-testimonials-loading-issue

Fix testimonials on static site

Author: CesarNog

index.html

@@ -426,21 +426,28 @@ <h3>Hear from People that Worked with me</h3>
                         <div class="testimonial-slider__slide swiper-slide">
                             <div id="linkedin-testimonials">Loading testimonials...</div>
                             <script>
-                              const recommendationsApi = 'inc/linkedinProxy.php'
+                              // Replace with your LinkedIn profile URN and access token
+                              const accessToken = 'AQVreBjNPXJ1mmevakpZy6jwGW88Vt0OgH1dxj3xhaKRw4AU1xo3i-0qh-K4CUqLmZ7YkQAthxkgpWwe4DBYLVRSgdjmOcNyLO8GMA5QVotcQiJsDOWiXY4GPKCeqPKnUMjwC72o2fSz9k_DMQf_eTXR9ZoZ50fBM68DoXPphq7Wd2NayM1B2-Q8bwMYrprURt4jIe-XF8lRhGcZfOAK_qkdRwzfhahHcJ_hQkv2JZd6QOar8pbOKex-dUzqqohjLQ1cfZTcQM9s0H2P802AOd4Xqhx-svcxc8ynrZd7HH1q0PbFDAH3fXFuwAvpzqcq823L9_SyR3LNhjQUe8Fyn6zmtpJBFQ';
+                              const recommendationsApi = 'https://api.linkedin.com/v2/recommendations?q=received&start=0&count=5&projection=(elements*(recommendationText,recommender~(firstName,lastName,profilePicture(displayImage~:playableStreams))))';
 
 
                               async function loadLinkedInTestimonials() {
                                 const container = document.getElementById('linkedin-testimonials')
                                 try {
-                                  const response = await fetch(recommendationsApi)
+                                  const response = await fetch(recommendationsApi, {
+                                    headers: {
+                                      'Authorization': `Bearer ${accessToken}`,
+                                      'X-Restli-Protocol-Version': '2.0.0'
+                                    }
+                                  })
                                   if (!response.ok) throw new Error('Network response was not ok')
                                   const data = await response.json()
                                   const testimonials = data.elements || []
                                   if (testimonials.length === 0) throw new Error('No testimonials found')
                                   container.innerHTML = ''
                                   testimonials.forEach(t => {
                                     const text = t.recommendationText || ''
-                                    const rec = t.recommender
+                                    const rec = t.recommender || t['recommender~']
                                     const first = rec && rec.firstName ? (rec.firstName.localized ? Object.values(rec.firstName.localized)[0] : rec.firstName) : ''
                                     const last = rec && rec.lastName ? (rec.lastName.localized ? Object.values(rec.lastName.localized)[0] : rec.lastName) : ''
                                     const name = `${first} ${last}`.trim()