fix: Update social icon on about page (#166)

Co-authored-by: mcanouil <[email protected]>

_quarto.yml

@@ -42,8 +42,8 @@ website:
       - text: "{{< iconify fa6-brands:mastodon >}}"
         href: "https://fosstodon.org/@MickaelCanouil"
         rel: me
-      - text: "{{< iconify fa6-brands:twitter >}}"
-        href: "https://twitter.com/MickaelCanouil"
+      - text: "{{< iconify fa6-brands:x-twitter >}}"
+        href: "https://x.com/MickaelCanouil"
       - text: "{{< iconify fa6-brands:linkedin >}}"
         href: 'https://www.linkedin.com/in/mickaelcanouil'
       - text: "{{< iconify octicon:mark-github-16 >}}"

_site/blog.html

@@ -187,8 +187,8 @@
 <span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:mastodon" aria-label="Icon mastodon from fa6-brands Iconify.design set." title="Icon mastodon from fa6-brands Iconify.design set."></iconify-icon></span></a>
   </li>  
   <li class="nav-item">
-    <a class="nav-link" href="https://twitter.com/MickaelCanouil"> 
-<span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:twitter" aria-label="Icon twitter from fa6-brands Iconify.design set." title="Icon twitter from fa6-brands Iconify.design set."></iconify-icon></span></a>
+    <a class="nav-link" href="https://x.com/MickaelCanouil"> 
+<span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:x-twitter" aria-label="Icon x-twitter from fa6-brands Iconify.design set." title="Icon x-twitter from fa6-brands Iconify.design set."></iconify-icon></span></a>
   </li>  
   <li class="nav-item">
     <a class="nav-link" href="https://www.linkedin.com/in/mickaelcanouil"> 
@@ -245,7 +245,7 @@ <h5 class="quarto-listing-category-title">Categories</h5><div class="quarto-list
 
 <div class="quarto-listing quarto-listing-container-default" id="listing-listing">
 <div class="list quarto-listing-default">
-<div class="quarto-post image-right" data-index="0" data-categories="Quarto,Q&amp;A,JavaScript,theme,dark mode,light mode" data-listing-date-sort="1685404800000" data-listing-file-modified-sort="1722513636775" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="2" data-listing-word-count-sort="392">
+<div class="quarto-post image-right" data-index="0" data-categories="Quarto,Q&amp;A,JavaScript,theme,dark mode,light mode" data-listing-date-sort="1685404800000" data-listing-file-modified-sort="1723379608236" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="2" data-listing-word-count-sort="392">
 <div class="thumbnail">
 <p><a href="./posts/2023-05-30-quarto-light-dark/index.html" class="no-external"></a></p><a href="./posts/2023-05-30-quarto-light-dark/index.html" class="no-external">
 <p><img loading="lazy" src="./posts/2023-05-30-quarto-light-dark/featured.gif" class="thumbnail-image" alt="Animated GIF showing a ggplot2 figure switching from light to dark on theme toggle switch.
@@ -294,7 +294,7 @@ <h3 class="no-anchor listing-title">
 </a>
 </div>
 </div>
-<div class="quarto-post image-right" data-index="1" data-categories="Quarto,Q&amp;A,Docker" data-listing-date-sort="1683417600000" data-listing-file-modified-sort="1722513636763" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="10" data-listing-word-count-sort="1853">
+<div class="quarto-post image-right" data-index="1" data-categories="Quarto,Q&amp;A,Docker" data-listing-date-sort="1683417600000" data-listing-file-modified-sort="1723379608228" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="10" data-listing-word-count-sort="1853">
 <div class="thumbnail">
 <p><a href="./posts/2023-05-07-quarto-docker/index.html" class="no-external"></a></p><a href="./posts/2023-05-07-quarto-docker/index.html" class="no-external">
 <p><img loading="lazy" src="./posts/2023-05-07-quarto-docker/featured.png" class="thumbnail-image" alt="Docker logo with a whale and containers on top of it, and Quarto logo with text inside the whale.
@@ -334,7 +334,7 @@ <h3 class="no-anchor listing-title">
 </a>
 </div>
 </div>
-<div class="quarto-post image-right" data-index="2" data-categories="Quarto,Q&amp;A,MathJax,LaTeX" data-listing-date-sort="1678579200000" data-listing-file-modified-sort="1722513636763" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="2" data-listing-word-count-sort="212">
+<div class="quarto-post image-right" data-index="2" data-categories="Quarto,Q&amp;A,MathJax,LaTeX" data-listing-date-sort="1678579200000" data-listing-file-modified-sort="1723379608224" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="2" data-listing-word-count-sort="212">
 <div class="thumbnail">
 <p><a href="./posts/2023-03-12-quarto-mathjax-packages/index.html" class="no-external"></a></p><a href="./posts/2023-03-12-quarto-mathjax-packages/index.html" class="no-external">
 <p><img loading="lazy" src="./posts/2023-03-12-quarto-mathjax-packages/featured.png" class="thumbnail-image" alt="Quarto logo and text in the center of the image. Below, MathJax logo and text.
@@ -377,7 +377,7 @@ <h3 class="no-anchor listing-title">
 </a>
 </div>
 </div>
-<div class="quarto-post image-right" data-index="3" data-categories="Quarto,Q&amp;A,R,knitr" data-listing-date-sort="1677974400000" data-listing-file-modified-sort="1722513636763" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="2" data-listing-word-count-sort="310">
+<div class="quarto-post image-right" data-index="3" data-categories="Quarto,Q&amp;A,R,knitr" data-listing-date-sort="1677974400000" data-listing-file-modified-sort="1723379608224" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="2" data-listing-word-count-sort="310">
 <div class="thumbnail">
 <p><a href="./posts/2023-03-05-quarto-auto-table-crossref/index.html" class="no-external"></a></p><a href="./posts/2023-03-05-quarto-auto-table-crossref/index.html" class="no-external">
 <p><img loading="lazy" src="./posts/2023-03-05-quarto-auto-table-crossref/featured.png" class="thumbnail-image" alt="Screenshot of an html rendered by Quarto. it starts with a sentence saying below are several tables by species of penguins, followed by an item list showing the species and their respective cross-reference to the tables.
@@ -421,7 +421,7 @@ <h3 class="no-anchor listing-title">
 </a>
 </div>
 </div>
-<div class="quarto-post image-right" data-index="4" data-categories="R,blogdown,rmarkdown,HUGO,Website" data-listing-date-sort="1620259200000" data-listing-file-modified-sort="1722513636759" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="16" data-listing-word-count-sort="3098">
+<div class="quarto-post image-right" data-index="4" data-categories="R,blogdown,rmarkdown,HUGO,Website" data-listing-date-sort="1620259200000" data-listing-file-modified-sort="1723379608224" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="16" data-listing-word-count-sort="3098">
 <div class="thumbnail">
 <p><a href="./posts/2021-05-06-floating-toc-in-blogdown/index.html" class="no-external"></a></p><a href="./posts/2021-05-06-floating-toc-in-blogdown/index.html" class="no-external">
 <p><img loading="lazy" src="./posts/2021-05-06-floating-toc-in-blogdown/featured.png" class="thumbnail-image" alt="Screenshot of the `blogdown` blog post &amp;#039;Add a Floating Table of Contents in `blogdown`' showing a table of content on the right.
@@ -467,7 +467,7 @@ <h3 class="no-anchor listing-title">
 </a>
 </div>
 </div>
-<div class="quarto-post image-right" data-index="5" data-categories="R,Visualisation,ggplot2,gganimate,Fun" data-listing-date-sort="1588723200000" data-listing-file-modified-sort="1722513636739" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="29" data-listing-word-count-sort="5627">
+<div class="quarto-post image-right" data-index="5" data-categories="R,Visualisation,ggplot2,gganimate,Fun" data-listing-date-sort="1588723200000" data-listing-file-modified-sort="1723379608204" data-listing-date-modified-sort="NaN" data-listing-reading-time-sort="29" data-listing-word-count-sort="5627">
 <div class="thumbnail">
 <p><a href="./posts/2020-05-06-ggpacman/index.html" class="no-external"></a></p><a href="./posts/2020-05-06-ggpacman/index.html" class="no-external">
 <p><img loading="lazy" src="./posts/2020-05-06-ggpacman/featured.png" class="thumbnail-image" alt="`ggpacman` hexagonal logo representing a red ghost from the game Pac-Man on a black background with a blue border and `ggpacman` written in yellow below the ghost.

_site/index.html

@@ -131,8 +131,8 @@
 <span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:mastodon" aria-label="Icon mastodon from fa6-brands Iconify.design set." title="Icon mastodon from fa6-brands Iconify.design set."></iconify-icon></span></a>
   </li>  
   <li class="nav-item">
-    <a class="nav-link" href="https://twitter.com/MickaelCanouil"> 
-<span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:twitter" aria-label="Icon twitter from fa6-brands Iconify.design set." title="Icon twitter from fa6-brands Iconify.design set."></iconify-icon></span></a>
+    <a class="nav-link" href="https://x.com/MickaelCanouil"> 
+<span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:x-twitter" aria-label="Icon x-twitter from fa6-brands Iconify.design set." title="Icon x-twitter from fa6-brands Iconify.design set."></iconify-icon></span></a>
   </li>  
   <li class="nav-item">
     <a class="nav-link" href="https://www.linkedin.com/in/mickaelcanouil"> 
@@ -184,8 +184,8 @@ <h1 class="title">Mickaël CANOUIL</h1>
   <a href="https://fosstodon.org/@MickaelCanouil" class="about-link" rel="me" target="">
      <span class="about-link-text"><iconify-icon inline="true" role="img" icon="fa6-brands:mastodon" aria-label="Icon mastodon from fa6-brands Iconify.design set." title="Icon mastodon from fa6-brands Iconify.design set."></iconify-icon></span>
   </a>
-  <a href="https://twitter.com/MickaelCanouil" class="about-link" rel="" target="">
-     <span class="about-link-text"><iconify-icon inline="true" role="img" icon="fa6-brands:twitter" aria-label="Icon twitter from fa6-brands Iconify.design set." title="Icon twitter from fa6-brands Iconify.design set."></iconify-icon></span>
+  <a href="https://x.com/MickaelCanouil" class="about-link" rel="" target="">
+     <span class="about-link-text"><iconify-icon inline="true" role="img" icon="fa6-brands:x-twitter" aria-label="Icon x-twitter from fa6-brands Iconify.design set." title="Icon x-twitter from fa6-brands Iconify.design set."></iconify-icon></span>
   </a>
   <a href="https://www.linkedin.com/in/mickaelcanouil" class="about-link" rel="" target="">
      <span class="about-link-text"><iconify-icon inline="true" role="img" icon="fa6-brands:linkedin" aria-label="Icon linkedin from fa6-brands Iconify.design set." title="Icon linkedin from fa6-brands Iconify.design set."></iconify-icon></span>
@@ -208,8 +208,7 @@ <h1 class="title">Mickaël CANOUIL</h1>
 <p>I am currently working as a consultant in <strong><em>Biostatistics</em></strong> in the field of genetics, <em>i.e.</em>, proteomics, metabolomics, transcriptomics, <em>etc.</em> in Lille &amp; Paris, France.<br>
 Additionally, I am also a <strong><em>freelance</em></strong>, available for hire to work on <strong><em><iconify-icon inline="true" role="img" icon="fa6-brands:r-project" aria-label="Icon r-project from fa6-brands Iconify.design set." title="Icon r-project from fa6-brands Iconify.design set."></iconify-icon> and Quarto related projects</em></strong>.<br>
 I have developed a few <iconify-icon inline="true" role="img" icon="fa6-brands:r-project" aria-label="Icon r-project from fa6-brands Iconify.design set." title="Icon r-project from fa6-brands Iconify.design set."></iconify-icon>&nbsp;packages (<em>e.g.</em>,&nbsp;<a href="https://github.com/mcanouil/insane">insane</a>, <a href="https://github.com/mcanouil/NACHO">NACHO</a>), and although some are not very useful, they are most definitely entertaining (<em>i.e.</em>,&nbsp;<a href="https://github.com/mcanouil/ggpacman">ggpacman</a>).<br>
-I also enjoy watching movies (<img src="https://raw.githubusercontent.com/mcanouil/imdb-ratings/main/media/imdb.svg" class="img-fluid" alt="Movies seen count">) and playing with <iconify-icon inline="true" role="img" icon="fa6-brands:r-project" aria-label="Icon r-project from fa6-brands Iconify.design set." title="Icon r-project from fa6-brands Iconify.design set."></iconify-icon> (<a href="https://github.com/mcanouil/imdb-ratings">github.com/mcanouil/imdb-ratings</a>).<br>
-Finally, as the main organiser of the <a href="https://rlille.fr/">R Lille</a> (<a href="https://twitter.com/RLille_RUG"><iconify-icon inline="true" role="img" icon="fa6-brands:twitter" aria-label="Icon twitter from fa6-brands Iconify.design set." title="Icon twitter from fa6-brands Iconify.design set."></iconify-icon><span class="citation" data-cites="RLille_RUG">@RLille_RUG</span></a>) <iconify-icon inline="true" role="img" icon="fa6-brands:r-project" aria-label="Icon r-project from fa6-brands Iconify.design set." title="Icon r-project from fa6-brands Iconify.design set."></iconify-icon> User Group, I organise (<em>or at least try to</em>) <a href="https://www.meetup.com/R-Lille/">Meetups&nbsp;<iconify-icon inline="true" role="img" icon="fa6-brands:meetup" aria-label="Icon meetup from fa6-brands Iconify.design set." title="Icon meetup from fa6-brands Iconify.design set."></iconify-icon></a> on pretty much anything related to <iconify-icon inline="true" role="img" icon="fa6-brands:r-project" aria-label="Icon r-project from fa6-brands Iconify.design set." title="Icon r-project from fa6-brands Iconify.design set."></iconify-icon>.</p>
+I also enjoy watching movies (<img src="https://raw.githubusercontent.com/mcanouil/imdb-ratings/main/media/imdb.svg" class="img-fluid" alt="Movies seen count">) and playing with <iconify-icon inline="true" role="img" icon="fa6-brands:r-project" aria-label="Icon r-project from fa6-brands Iconify.design set." title="Icon r-project from fa6-brands Iconify.design set."></iconify-icon> (<a href="https://github.com/mcanouil/imdb-ratings">github.com/mcanouil/imdb-ratings</a>).</p>
 <p>Have a look at my complete <a href="https://m.canouil.dev/curriculum-vitae/"><em><iconify-icon inline="true" role="img" icon="fa6-regular:file-lines" aria-label="Icon file-lines from fa6-regular Iconify.design set." title="Icon file-lines from fa6-regular Iconify.design set."></iconify-icon> curriculum vitae</em></a>.</p>
 <p><a href="https://raw.githubusercontent.com/mcanouil/imdb-ratings/main/media/streak.svg" class="lightbox" data-gallery="quarto-lightbox-gallery-1"><img src="https://raw.githubusercontent.com/mcanouil/imdb-ratings/main/media/streak.svg" class="img-fluid" alt="Movies seen in a movie theatre year streak"></a></p>
 <div class="grid">
@@ -735,7 +734,7 @@ <h2 data-anchor-id="interests">Interests</h2>
   );
 });
 </script>
-<script>var lightboxQuarto = GLightbox({"selector":".lightbox","closeEffect":"zoom","loop":false,"openEffect":"zoom","descPosition":"bottom"});
+<script>var lightboxQuarto = GLightbox({"openEffect":"zoom","selector":".lightbox","closeEffect":"zoom","descPosition":"bottom","loop":false});
 (function() {
   let previousOnload = window.onload;
   window.onload = () => {

_site/listings.json

@@ -1,4 +1,12 @@
 [
+  {
+    "listing": "/publications.html",
+    "items": []
+  },
+  {
+    "listing": "/projects.html",
+    "items": []
+  },
   {
     "listing": "/talks.html",
     "items": [
@@ -11,14 +19,6 @@
       "/talks/2016-02-11-smpgd/index.html"
     ]
   },
-  {
-    "listing": "/projects.html",
-    "items": []
-  },
-  {
-    "listing": "/publications.html",
-    "items": []
-  },
   {
     "listing": "/blog.html",
     "items": [

_site/posts/2020-05-06-ggpacman/index.html

@@ -161,8 +161,8 @@
 <span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:mastodon" aria-label="Icon mastodon from fa6-brands Iconify.design set." title="Icon mastodon from fa6-brands Iconify.design set."></iconify-icon></span></a>
   </li>  
   <li class="nav-item">
-    <a class="nav-link" href="https://twitter.com/MickaelCanouil"> 
-<span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:twitter" aria-label="Icon twitter from fa6-brands Iconify.design set." title="Icon twitter from fa6-brands Iconify.design set."></iconify-icon></span></a>
+    <a class="nav-link" href="https://x.com/MickaelCanouil"> 
+<span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:x-twitter" aria-label="Icon x-twitter from fa6-brands Iconify.design set." title="Icon x-twitter from fa6-brands Iconify.design set."></iconify-icon></span></a>
   </li>  
   <li class="nav-item">
     <a class="nav-link" href="https://www.linkedin.com/in/mickaelcanouil"> 
@@ -2043,7 +2043,7 @@ <h1 class="title">A <code>ggplot2</code> and <code>gganimate</code> Version of P
     "$1<sup style='font-size:0.5em;font-style:italic;'>$2</sup>"
   );
 });
-</script><script>var lightboxQuarto = GLightbox({"selector":".lightbox","descPosition":"bottom","closeEffect":"zoom","loop":false,"openEffect":"zoom"});
+</script><script>var lightboxQuarto = GLightbox({"loop":false,"openEffect":"zoom","selector":".lightbox","descPosition":"bottom","closeEffect":"zoom"});
 (function() {
   let previousOnload = window.onload;
   window.onload = () => {

_site/posts/2021-05-06-floating-toc-in-blogdown/index.html

@@ -161,8 +161,8 @@
 <span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:mastodon" aria-label="Icon mastodon from fa6-brands Iconify.design set." title="Icon mastodon from fa6-brands Iconify.design set."></iconify-icon></span></a>
   </li>  
   <li class="nav-item">
-    <a class="nav-link" href="https://twitter.com/MickaelCanouil"> 
-<span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:twitter" aria-label="Icon twitter from fa6-brands Iconify.design set." title="Icon twitter from fa6-brands Iconify.design set."></iconify-icon></span></a>
+    <a class="nav-link" href="https://x.com/MickaelCanouil"> 
+<span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:x-twitter" aria-label="Icon x-twitter from fa6-brands Iconify.design set." title="Icon x-twitter from fa6-brands Iconify.design set."></iconify-icon></span></a>
   </li>  
   <li class="nav-item">
     <a class="nav-link" href="https://www.linkedin.com/in/mickaelcanouil"> 
@@ -1149,7 +1149,7 @@ <h1 class="title">Add a Floating Table of Contents in <code>blogdown</code>
     "$1<sup style='font-size:0.5em;font-style:italic;'>$2</sup>"
   );
 });
-</script><script>var lightboxQuarto = GLightbox({"selector":".lightbox","closeEffect":"zoom","loop":false,"descPosition":"bottom","openEffect":"zoom"});
+</script><script>var lightboxQuarto = GLightbox({"descPosition":"bottom","loop":false,"openEffect":"zoom","closeEffect":"zoom","selector":".lightbox"});
 (function() {
   let previousOnload = window.onload;
   window.onload = () => {

_site/posts/2023-03-05-quarto-auto-table-crossref/index.html

@@ -163,8 +163,8 @@
 <span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:mastodon" aria-label="Icon mastodon from fa6-brands Iconify.design set." title="Icon mastodon from fa6-brands Iconify.design set."></iconify-icon></span></a>
   </li>  
   <li class="nav-item">
-    <a class="nav-link" href="https://twitter.com/MickaelCanouil"> 
-<span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:twitter" aria-label="Icon twitter from fa6-brands Iconify.design set." title="Icon twitter from fa6-brands Iconify.design set."></iconify-icon></span></a>
+    <a class="nav-link" href="https://x.com/MickaelCanouil"> 
+<span class="menu-text"><iconify-icon inline="true" role="img" icon="fa6-brands:x-twitter" aria-label="Icon x-twitter from fa6-brands Iconify.design set." title="Icon x-twitter from fa6-brands Iconify.design set."></iconify-icon></span></a>
   </li>  
   <li class="nav-item">
     <a class="nav-link" href="https://www.linkedin.com/in/mickaelcanouil"> 
@@ -819,7 +819,7 @@ <h1 class="title">Quarto Q&amp;A: How to have labels and captions for an unknown
     "$1<sup style='font-size:0.5em;font-style:italic;'>$2</sup>"
   );
 });
-</script><script>var lightboxQuarto = GLightbox({"selector":".lightbox","closeEffect":"zoom","loop":false,"descPosition":"bottom","openEffect":"zoom"});
+</script><script>var lightboxQuarto = GLightbox({"selector":".lightbox","loop":false,"openEffect":"zoom","descPosition":"bottom","closeEffect":"zoom"});
 (function() {
   let previousOnload = window.onload;
   window.onload = () => {