scale

client/src/components/svgs/amplify.jsx

@@ -16,7 +16,7 @@ class Amplify extends Component {
             <svg
                 class='skill-animation blue'
                 version="1.1"
-                id="hex"
+                id="amplify"
                 xmlns="http://www.w3.org/2000/svg"
                 viewBox="0 0 200 200">
                 <filter id="ampFilter">
@@ -31,7 +31,7 @@ class Amplify extends Component {
     componentDidMount() {
         const altPath = 'M0,100 C100,300 100,-100 200,100';
         anime({
-            targets: '#hex path',
+            targets: '#amplify path',
             d: [{ value: altPath }],
             stroke: ['#a52a2a', '#3498db'],
             duration: 1000,

client/src/components/svgs/hex.jsx

@@ -28,6 +28,14 @@ class Hex extends Component {
     }
 
     componentDidMount() {
+        anime({
+            targets: ['.hex-anim'],
+            scale: [1, 2],
+            loop: true,
+            direction: 'alternate',
+            easing: 'easeInOutExpo',
+        });
+
         anime({
             targets: ['.hex-anim polygon'],
             points: '64 69.88600002141976 8.574 99.91603773440568 62.29420564057706 66.93105659089863 64 3.916037734405676 65.70579435942294 66.93105659089863 119.426 99.91603773440568',