chore: update credits

Author: jvalen

public/index.dev.html

@@ -17,17 +17,21 @@ <h1>PIXEL ART TO CSS</h1>
         <div class="col-1-3">
           <div class="header__social">
             <div class="header__credits">
-              <a href="https://ko-fi.com/jvalen" target="_blank">
-                by <span>JVALEN</span>
-                <img height="26" width="39" src="bmac-icon.png" alt="Ko-fi" />
-              </a>
+              <a target="_blank" href="https://coindrop.to/jvalen"
+                >by <span>JVALEN</span
+                ><img
+                  height="26"
+                  width="26"
+                  src="coindrop-img.png"
+                  alt="coindrop.to"
+              /></a>
             </div>
             <div>
               <iframe
                 src="https://ghbtns.com/github-btn.html?user=jvalen&repo=pixel-art-react&type=star&count=true"
                 frameborder="0"
                 scrolling="0"
-                width="100px"
+                width="94px"
                 height="20px"
               >
               </iframe>

public/index.html

@@ -38,17 +38,21 @@ <h1><a href="/">PIXEL ART TO CSS</a></h1>
         <div class="col-1-3">
           <div class="header__social">
             <div class="header__credits">
-              <a target="_blank" href="https://ko-fi.com/jvalen"
+              <a target="_blank" href="https://coindrop.to/jvalen"
                 >by <span>JVALEN</span
-                ><img height="26" width="39" src="bmac-icon.png" alt="Ko-fi"
+                ><img
+                  height="26"
+                  width="26"
+                  src="coindrop-img.png"
+                  alt="coindrop.to"
               /></a>
             </div>
             <div>
               <iframe
                 src="https://ghbtns.com/github-btn.html?user=jvalen&amp;repo=pixel-art-react&amp;type=star&amp;count=true"
                 frameborder="0"
                 scrolling="0"
-                width="100px"
+                width="94px"
                 height="20px"
               ></iframe>
             </div>

src/assets/coindrop-img.png

@@ -30,6 +30,11 @@ header {
         color: $color-brandyRose;
       }
 
+      img {
+        margin: 0 0 0 0.3em;
+        transition: transform 0.2s ease-in-out;
+      }
+
       h2 {
         display: block;
         font-size: 0.8em;

src/css/layout/_header.css

@@ -57,7 +57,7 @@ module.exports = {
     new CopyWebpackPlugin({
       patterns: [
         { from: 'src/assets/favicon.ico', to: 'favicon.ico' },
-        { from: 'src/assets/bmac-icon.png', to: 'bmac-icon.png' }
+        { from: 'src/assets/coindrop-img.png', to: 'coindrop-img.png' }
       ],
     }),
     new MiniCssExtractPlugin({

webpack.config.js

@@ -56,7 +56,7 @@ const config = {
         { from: 'src/assets/favicon.ico', to: 'favicon.ico' },
         { from: 'src/assets/apple-touch-icon.png', to: 'apple-touch-icon.png' },
         { from: 'src/assets/regular-icon.png', to: 'regular-icon.png' },
-        { from: 'src/assets/bmac-icon.png', to: 'bmac-icon.png' },
+        { from: 'src/assets/coindrop-img.png', to: 'coindrop-img.png' },
         { from: './public/_redirects', to: './' }
       ],
     }),