Ajout de Discord -> utilisation d'une nouvelle librairie d'icones

public/index.html

@@ -42,5 +42,7 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
+    <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+    <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
   </body>
 </html>

src/components/ButtonIcon/ButtonIcon.js

@@ -10,7 +10,7 @@ export default class ButtonIcon extends Component {
       return <a class="button" rel="noopener" href={this.props.lien}
             aria-label="Profil {this.props.icon}">
           <span class="icon is-large">
-              <i class={this.props.icon}></i>
+              <ion-icon name={this.props.icon}></ion-icon>
           </span>
       </a>;
     }

src/components/ContactButton/ContactButton.js

@@ -14,7 +14,7 @@ export default class ContactButton extends Component {
               <a target="_blank" rel="noreferrer noopener" href={data.url} class="hide button is-large is-fullw-mobile"
                   title={`Go to ${data.title}`}>
                   <span class="icon">
-                      <i class={"fab " + data.icon}></i>
+                      <ion-icon name={data.icon}></ion-icon>
                   </span>
                   <span>{data.title}</span>
               </a>

src/components/MainCard/MainCard.js

@@ -28,15 +28,15 @@ class MainCard extends Component {
                                   <div class="media-content">
                                       <p id="buttonsUnderPhoto" class="buttons are-large ">
                                           <ButtonIcon 
-                                          icon="fab icon-github-alt"
+                                          icon="logo-github"
                                           lien="https://github.com/AdamasFR"/>
 
                                           <ButtonIcon
-                                          icon="fab icon-linke-square"
+                                          icon="logo-linkedin"
                                           lien="https://www.linkedin.com/in/anthonyyvondumas/"/>
 
                                           <ButtonIcon
-                                          icon="fab icon-twit"
+                                          icon="logo-twitter"
                                           lien="https://www.twitter.com/adamas_fr"/>
                                       </p>
                                       <p id="boutonCV" class="buttons are-large">

src/messages/en.json

@@ -90,17 +90,22 @@
             {
                 "title" : "Email",
                 "url" : "mailto:anthony@dumas.cc",
-                "icon" : "icon-envelope-open"
+                "icon" : "mail-unread"
             },
             {
                 "title" : "LinkedIn",
                 "url" : "https://www.linkedin.com/in/anthonyyvondumas/",
-                "icon" : "icon-linke-square"
+                "icon" : "logo-linkedin"
             },
             {
-                "title" : "Telegram",
+                "title" : "Discord",
-                "url" : "https://t.me/adamas_FR",
+                "url" : "https://dsc.bio/adamas",
-                "icon" : "icon-teleg"
+                "icon" : "call"
+            },
+            {
+                "title" : "Twitter",
+                "url" : "https://twitter.com/adamas_fr",
+                "icon" : "logo-twitter"
             }
         ]
     },

src/messages/fr.json

@@ -91,22 +91,22 @@
             {
                 "title" : "Courriel",
                 "url" : "mailto:anthony@dumas.cc",
-                "icon" : "icon-envelope-open"
+                "icon" : "mail-unread"
             },
             {
                 "title" : "LinkedIn",
                 "url" : "https://www.linkedin.com/in/anthonyyvondumas/",
-                "icon" : "icon-linke-square"
+                "icon" : "logo-linkedin"
             },
             {
-                "title" : "Telegram",
+                "title" : "Discord",
-                "url" : "https://t.me/adamas_FR",
+                "url" : "https://dsc.bio/adamas",
-                "icon" : "icon-teleg"
+                "icon" : "call"
             },
             {
                 "title" : "Twitter",
                 "url" : "https://twitter.com/adamas_fr",
-                "icon" : "icon-twit"
+                "icon" : "logo-twitter"
             }
         ]
     },