added github logo and animations

package.json

@@ -27,6 +27,7 @@
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.1",
     "react-scroll": "^1.8.1",
+    "react-useanimations": "^2.0.6",
     "reactstrap": "^8.5.1",
     "sass": "^1.32.8",
     "web-vitals": "^0.2.4"

src/assets/githublogo/github.json

@@ -0,0 +1 @@
+{"v":"5.6.5","fr":30,"ip":0,"op":30,"w":32,"h":32,"nm":"github","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"github","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0.673,0.695],[0,5.46],[0.963,1.011],[0.514,1.198],[2.73,-1.83],[2.292,-0.621],[0,0],[-0.456,-1.222],[-0.007,-1.406],[-3.14,-0.39],[-0.067,-0.954],[0,0]],"o":[[0,0],[0.076,-0.965],[3.14,-0.35],[0,-1.396],[0.456,-1.222],[0,0],[-2.292,-0.621],[-2.73,-1.83],[-0.514,1.198],[-0.97,1.019],[0,5.42],[-0.666,0.687],[0,0],[0,0]],"v":[[4.25,10.675],[4.25,6.805],[3.31,4.195],[9.75,-2.805],[8.25,-6.555],[8.16,-10.325],[4.25,-8.845],[-2.75,-8.845],[-6.66,-10.325],[-6.75,-6.555],[-8.25,-2.775],[-1.81,4.225],[-2.75,6.805],[-2.75,10.675]],"c":false},"ix":2},"nm":"body","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[11.75,11.325],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"body","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[{"i":[[0,0],[2,0.5]],"o":[[-5,1.5],[0,0]],"v":[[-2.75,7.675],[-9.75,4.675]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":3,"s":[{"i":[[0,0],[0.786,2.571]],"o":[[-4.143,0.071],[0,0]],"v":[[-2.75,7.675],[-9.75,4.675]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":7,"s":[{"i":[[0,0],[1.571,3.786]],"o":[[-2,-3.5],[0,0]],"v":[[-2.75,7.675],[-9.75,4.675]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0,0],[2.929,-0.357]],"o":[[-2.75,-2.25],[0,0]],"v":[[-2.75,7.675],[-9.75,4.675]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[{"i":[[0,0],[2.464,0.071]],"o":[[-3.643,1.286],[0,0]],"v":[[-2.75,7.675],[-9.75,4.675]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":16,"s":[{"i":[[0,0],[0.857,1.5]],"o":[[-5,1.5],[0,0]],"v":[[-2.75,7.675],[-9.75,4.675]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":19,"s":[{"i":[[0,0],[1.357,3.429]],"o":[[-2.714,-1.643],[0,0]],"v":[[-2.75,7.675],[-9.75,4.675]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[{"i":[[0,0],[1.571,3.786]],"o":[[-2,-3.5],[0,0]],"v":[[-2.75,7.675],[-9.75,4.675]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":25,"s":[{"i":[[0,0],[1.786,1.071]],"o":[[-2.429,-2.786],[0,0]],"v":[[-2.75,7.675],[-9.75,4.675]],"c":false}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":28,"s":[{"i":[[0,0],[3.643,-0.5]],"o":[[-3.971,-0.214],[0,0]],"v":[[-2.75,7.675],[-9.75,4.675]],"c":false}]},{"t":30,"s":[{"i":[[0,0],[2,0.5]],"o":[[-5,1.5],[0,0]],"v":[[-2.75,7.675],[-9.75,4.675]],"c":false}]}],"ix":2},"nm":"tail","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[11.75,11.325],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"tail","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30,"st":0,"bm":0}],"markers":[]}

src/components/Footer/Footer.js

@@ -4,6 +4,9 @@ import emoji from "react-easy-emoji";
 import { Form } from "react-bootstrap";
 import {FaEnvelope} from "react-icons/fa";
 import styles from "./footer.module.scss";
+import UseAnimations from 'react-useanimations';
+import JSONAnimation from '../../assets/githublogo/github.json'
+import github from 'react-useanimations/lib/github'
 
 export default function Footer(props) {
   return (
@@ -32,6 +35,9 @@ export default function Footer(props) {
             <Form.Text className={styles.textMuted}>We'll never share your email with anyone else.</Form.Text>
           </Form.Group>
         </Form>
+        <div>
+          <a href="https://github.com/smaranjitghose/doc2pen"><UseAnimations animation={github} animationKey={JSONAnimation} size={60} loop={true} strokeColor='#ffffff'  speed={1} wrapperStyle={{ marginTop: '20px', marginLeft: '50%' }} /></a>
+        </div>
       </div>
       <Fade>
         <p className={styles.footerText}>{emoji("Made with ❤️ in India for the students of the world.")}</p>