Update src/App.js

src/App.js

@@ -642,11 +642,85 @@ const UrologyLeaderboard = () => {
             )
           ),
           React.createElement('div', { style: styles.academicCard },
-            React.createElement('h4', { style: { fontSize: '18px', fontWeight: '600', color: 'white', marginBottom: '8px' } }, '🎓 Academic Project'),
-            React.createElement('p', { style: { color: '#d1d5db', fontSize: '14px' } }, 
-              'Final project for IES Rafael Alberti', React.createElement('br'),
-              'Course: Artificial Intelligence and Big Data', React.createElement('br'),
-              'Subject: Artificial Intelligence Models'
+            React.createElement('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '20px', flexWrap: 'wrap' } },
+              React.createElement('a', {
+                href: 'https://iesrafaelalberti.es/',
+                target: '_blank',
+                rel: 'noopener noreferrer',
+                style: { textDecoration: 'none', flexShrink: 0 }
+              },
+                React.createElement('img', {
+                  src: 'https://avatars.githubusercontent.com/u/79144080?s=200&v=4',
+                  alt: 'IES Rafael Alberti Logo',
+                  style: {
+                    width: '80px',
+                    height: '80px',
+                    borderRadius: '12px',
+                    border: '2px solid rgba(255, 255, 255, 0.2)',
+                    transition: 'transform 0.3s ease',
+                    cursor: 'pointer',
+                    objectFit: 'cover'
+                  },
+                  onMouseOver: (e) => { e.target.style.transform = 'scale(1.05)'; },
+                  onMouseOut: (e) => { e.target.style.transform = 'scale(1)'; },
+                  onError: (e) => { 
+                    e.target.style.display = 'none';
+                    console.log('Error loading IES logo');
+                  }
+                })
+              ),
+              React.createElement('div', { style: { textAlign: 'center', flex: 1, minWidth: '200px' } },
+                React.createElement('h4', { style: { fontSize: '18px', fontWeight: '600', color: 'white', marginBottom: '16px', margin: '0 0 16px 0' } }, '🎓 Academic Project'),
+                React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: '8px' } },
+                  React.createElement('p', { style: { color: '#d1d5db', fontSize: '14px', margin: 0 } }, 
+                    'Final project for ',
+                    React.createElement('a', {
+                      href: 'https://iesrafaelalberti.es/',
+                      target: '_blank',
+                      rel: 'noopener noreferrer',
+                      style: { color: '#60a5fa', textDecoration: 'none', fontWeight: '600' }
+                    }, 'IES Rafael Alberti')
+                  ),
+                  React.createElement('p', { style: { color: '#d1d5db', fontSize: '14px', margin: 0 } }, 
+                    'Course: ',
+                    React.createElement('a', {
+                      href: 'https://iesrafaelalberti.es/curso-especializacion-inteligencia-artificial-y-big-datatarde/',
+                      target: '_blank',
+                      rel: 'noopener noreferrer',
+                      style: { color: '#60a5fa', textDecoration: 'none', fontWeight: '600' }
+                    }, 'Artificial Intelligence and Big Data')
+                  ),
+                  React.createElement('p', { style: { color: '#d1d5db', fontSize: '14px', margin: 0 } }, 
+                    'Subject: Artificial Intelligence Models'
+                  )
+                )
+              ),
+              React.createElement('a', {
+                href: 'https://iesrafaelalberti.es/curso-especializacion-inteligencia-artificial-y-big-datatarde/',
+                target: '_blank',
+                rel: 'noopener noreferrer',
+                style: { textDecoration: 'none', flexShrink: 0 }
+              },
+                React.createElement('img', {
+                  src: 'https://iesrafaelalberti.es/wp-content/uploads/2025/01/IA-Big-Data-cuadrado.png',
+                  alt: 'AI and Big Data Course Logo',
+                  style: {
+                    width: '80px',
+                    height: '80px',
+                    borderRadius: '12px',
+                    border: '2px solid rgba(255, 255, 255, 0.2)',
+                    transition: 'transform 0.3s ease',
+                    cursor: 'pointer',
+                    objectFit: 'cover'
+                  },
+                  onMouseOver: (e) => { e.target.style.transform = 'scale(1.05)'; },
+                  onMouseOut: (e) => { e.target.style.transform = 'scale(1)'; },
+                  onError: (e) => { 
+                    e.target.style.display = 'none';
+                    console.log('Error loading course logo');
+                  }
+                })
+              )
             )
           )
         )