Use animate.css npm package

package-lock.json

@@ -2059,6 +2059,16 @@
       "resolved": "https://registry.npmjs.org/analytics-utils/-/analytics-utils-0.1.1.tgz",
       "integrity": "sha512-HPGGBfUE/czM1elBRd/9+A3M1DlTdsWRubNmPOMWnZome5KPpEGLjGOb0NzALL9/zKEe/ONabRkyAtbl6VHUJA=="
     },
+    "animate.css": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-3.7.2.tgz",
+      "integrity": "sha512-0bE8zYo7C0KvgOYrSVfrzkbYk6IOTVPNqkiHg2cbyF4Pq/PXzilz4BRWA3hwEUBoMp5VBgrC29lQIZyhRWdBTw=="
+    },
+    "animate.min.css": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/animate.min.css/-/animate.min.css-0.0.3.tgz",
+      "integrity": "sha1-kB8kbFCKjdTVJbbvMxZiC62rAi0="
+    },
     "ansi-align": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-2.0.0.tgz",

package.json

@@ -34,6 +34,8 @@
     "@fortawesome/react-fontawesome": "^0.1.4",
     "analytics": "^0.1.20",
     "analytics-plugin-ga": "^0.1.5",
+    "animate.css": "^3.7.2",
+    "animate.min.css": "0.0.3",
     "gh-pages": "^1.2.0",
     "node-sass": "^4.12.0",
     "particles.js": "^2.0.0",

public/index.html

@@ -6,10 +6,6 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <meta name="Description" content="Personal Website of Garrit Franke" />
     <title>Welcome</title>
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"
-    />
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script

src/landing/Landing.js

@@ -2,6 +2,7 @@ import React from "react";
 import Typed from "react-typed";
 import smoothScroll from "smoothscroll";
 import "./Landing.scss";
+import "animate.css/animate.min.css";
 
 export default function Landing() {
   return (