Add new image assets for social media platforms

- Added discord.png - Added ffvoile.png - Added github.png - Added instagram.png - Added tiktok.png - Added twitch.png - Added youtube.png
2026-08-01 20:29:27 +02:00 · 2025-09-14 15:07:56 +02:00
parent 38bc299c05
commit 5be8966d66
10 changed files with 41 additions and 19 deletions
@@ -25,7 +25,9 @@ app.get('/', (req, res) => {
 <body>
    <div class="container">
        <div class="profile">
-            <div class="avatar">${profile.avatar}</div>
+            <div class="avatar">
              <img src="${profile.avatar}" alt="Avatar" style="width:80px;height:80px;border-radius:50%;object-fit:cover;">
            </div>
            <h1>${profile.name}</h1>
            <p class="bio">${profile.bio}</p>
        </div>
@@ -33,7 +35,9 @@ app.get('/', (req, res) => {
        <div class="links">
            ${socialLinks.map(link => `
                <a href="${link.url}" target="_blank" rel="noopener noreferrer" class="link-card">
-                    <span class="icon">${link.icon}</span>
+                    <span class="icon">
                      <img src="${link.icon}" alt="${link.name}" style="width:30px;height:30px;">
                    </span>
                    <div class="link-info">
                        <h3>${link.name}</h3>
                        <p>${link.description}</p>
@@ -5,8 +5,8 @@ module.exports = {
  // Informations du profil
  profile: {
    name: 'Arthur',
-    bio: 'Développeur passionné | Créateur de contenu',
+    bio: 'Développeur passionné | Sportif de haut niveau',
-    avatar: '👨‍💻' // Emoji ou chemin vers une image
+    avatar: '/avatar.png' // Chemin relatif vers l'image dans public/
  },
  // Liste des liens sociaux
@@ -14,26 +14,44 @@ module.exports = {
    {
      name: 'GitHub',
      url: 'https://github.com/arthur-pbty',
-      icon: '🐙',
+      icon: '/github.png', // Chemin relatif vers l'image dans public/
      description: 'Mon profil GitHub'
    },
    {
      name: 'LinkedIn',
      url: 'https://linkedin.com/in/arthur-pbty',
      icon: '💼',
      description: 'Mon profil professionnel'
    },
    {
      name: 'Twitter',
      url: 'https://twitter.com/arthur_pbty',
      icon: '🐦',
      description: 'Mon compte Twitter'
    },
    {
      name: 'Instagram',
-      url: 'https://instagram.com/arthur_pbty',
+      url: 'https://www.instagram.com/arthur.pbty/',
-      icon: '📷',
+      icon: '/instagram.png',
      description: 'Mes photos et stories'
    },
    {
      name: 'FFVoile',
      url: 'https://www.ffvoile.fr/ffv/sportif/cif/cif_detail.aspx?NoLicence=1443697B',
      icon: '/ffvoile.png',
      description: 'Mon profil FFVoile'
    },
    {
      name: 'YouTube',
      url: 'https://www.youtube.com/@arthur-pbty',
      icon: '/youtube.png',
      description: 'Ma chaîne YouTube'
    },
    {
      name: 'Discord',
      url: 'https://discord.gg/MZSseRvCk8',
      icon: '/discord.png',
      description: 'Rejoignez mon serveur Discord'
    },
    {
      name: 'TikTok',
      url: 'https://www.tiktok.com/@arthur.pbty',
      icon: '/tiktok.png',
      description: 'Mes vidéos TikTok'
    },
    {
      name: 'Twitch',
      url: 'https://www.twitch.tv/arthur_pbty',
      icon: '/twitch.png',
      description: 'Mes streams en direct'
    }
  ],