From 4674c98a190d0439e99e03d8b9fa5850a02d8eeb Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 6 Jul 2022 19:49:11 +0000
Subject: [PATCH 1/2] Bump next-auth from 4.5.0 to 4.9.0

Bumps [next-auth](https://github.com/nextauthjs/next-auth) from 4.5.0 to 4.9.0.
- [Release notes](https://github.com/nextauthjs/next-auth/releases)
- [Changelog](https://github.com/nextauthjs/next-auth/blob/main/CHANGELOG.md)
- [Commits](https://github.com/nextauthjs/next-auth/compare/next-auth@v4.5.0...next-auth@v4.9.0)

---
updated-dependencies:
- dependency-name: next-auth
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 14 +++++++-------
 package.json      |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 004e7e4..b2067e6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,7 +20,7 @@
         "js-cookie": "^3.0.1",
         "localStorage": "^1.0.4",
         "next": "^12.1.0",
-        "next-auth": "^4.5.0",
+        "next-auth": "^4.9.0",
         "next-plausible": "^3.1.9",
         "nextjs-progressbar": "^0.0.14",
         "prop-types": "^15.7.2",
@@ -1878,9 +1878,9 @@
       }
     },
     "node_modules/next-auth": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.5.0.tgz",
-      "integrity": "sha512-B6gYRIbqtj8nlDsx3y2Ruwp/mvZnItPs7VUULY43QYw+M9xtDPIM9EBZ3ryd/wNYA3MDteBJlzGm/ivseXcmJA==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.9.0.tgz",
+      "integrity": "sha512-/4S5dFeyNg2nXlD7g/Sh5A4WZWnUMDpEf8x/x+gzmAf5cAY2SjDM6sLk9u4XRmsndsxQpIMWDw03sUTAD+Yzog==",
       "dependencies": {
         "@babel/runtime": "^7.16.3",
         "@panva/hkdf": "^1.0.1",
@@ -3822,9 +3822,9 @@
       }
     },
     "next-auth": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.5.0.tgz",
-      "integrity": "sha512-B6gYRIbqtj8nlDsx3y2Ruwp/mvZnItPs7VUULY43QYw+M9xtDPIM9EBZ3ryd/wNYA3MDteBJlzGm/ivseXcmJA==",
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.9.0.tgz",
+      "integrity": "sha512-/4S5dFeyNg2nXlD7g/Sh5A4WZWnUMDpEf8x/x+gzmAf5cAY2SjDM6sLk9u4XRmsndsxQpIMWDw03sUTAD+Yzog==",
       "requires": {
         "@babel/runtime": "^7.16.3",
         "@panva/hkdf": "^1.0.1",
diff --git a/package.json b/package.json
index c717111..a7a1a41 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "js-cookie": "^3.0.1",
     "localStorage": "^1.0.4",
     "next": "^12.1.0",
-    "next-auth": "^4.5.0",
+    "next-auth": "^4.9.0",
     "next-plausible": "^3.1.9",
     "nextjs-progressbar": "^0.0.14",
     "prop-types": "^15.7.2",

From 781efd33e37608e47a866a3791a556691f5fc27d Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Wed, 6 Jul 2022 22:52:15 +0200
Subject: [PATCH 2/2] =?UTF-8?q?=E2=9C=A8=20add=20index=20animations?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index.tsx | 83 ++++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 65 insertions(+), 18 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index c22a844..1bd5aa4 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -4,6 +4,7 @@ import { useRouter } from "next/router";
 import KeyboardReturnIcon from "@mui/icons-material/KeyboardReturn";
 import Footer from "@components/Footer/Footer";
 import Header from "@components/Header/Header";
+import { motion } from "framer-motion";
 import { getExampleRepo } from "@services/example_repos";
 
 export default function Home() {
@@ -36,10 +37,8 @@ export default function Home() {
   };
 
   useEffect(() => {
-    changeRepoValue();  
-  }
-  , []);
-
+    changeRepoValue();
+  }, []);
 
   return (
     <HomePage>
@@ -50,20 +49,68 @@ export default function Home() {
         title="Internet's Git Time machine"
         desc="Go back in time and explore your favorite Open source projects "
       ></Header>
-      <LogoBox>
-        {" "}
-        <img alt="GitStory logo" src="/img/index_logo.png" /> <span>Beta</span>
-      </LogoBox>
-      <DescriptionBox>
-        <img alt="Internet's git time machine" src="/img/description.png" />
-      </DescriptionBox>
-      <Search>
-        <SearchBox onKeyDown={keyPress} onChange={handleSearchTextChange} placeholder={"Explore GitHub projects, e.g. : " + exampleRepoValue}></SearchBox>
-        <span>
-          Press Enter/Return to search <KeyboardReturnIcon sx={{ fontSize: 10 }} />
-        </span>
-      </Search>
-      <Footer home={true}></Footer>
+      <motion.div
+        initial={{ opacity: 0, y: 20 }}
+        animate={{ opacity: 1 , y: 0}}
+        transition={{
+          type: "spring",
+          stiffness: 260,
+          damping: 70,
+          delay: 0.2,
+        }}
+        exit={{ opacity: 1 }}
+      >
+        <LogoBox>
+          {" "}
+          <img alt="GitStory logo" src="/img/index_logo.png" /> <span>Beta</span>
+        </LogoBox>
+      </motion.div>
+      <motion.div
+        initial={{ opacity: 0, y: 100 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{
+          type: "spring",
+          stiffness: 260,
+          damping: 70,
+          delay: 0.4,
+        }}
+        exit={{ opacity: 1 }}
+      >
+        <DescriptionBox>
+          <img alt="Internet's git time machine" src="/img/description.png" />
+        </DescriptionBox>
+      </motion.div>
+      <motion.div
+        initial={{ opacity: 0, y: 120 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{
+          type: "spring",
+          stiffness: 260,
+          damping: 70,
+          delay: 0.5,
+        }}
+        exit={{ opacity: 1 }}
+      >
+        <Search>
+          <SearchBox onKeyDown={keyPress} onChange={handleSearchTextChange} placeholder={"Explore GitHub projects, e.g. : " + exampleRepoValue}></SearchBox>
+          <span>
+            Press Enter/Return to search <KeyboardReturnIcon sx={{ fontSize: 10 }} />
+          </span>
+        </Search>
+      </motion.div>
+      <motion.div
+        initial={{ opacity: 0 }}
+        animate={{ opacity: 1 }}
+        transition={{
+          type: "spring",
+          stiffness: 260,
+          damping: 70,
+          delay: 1,
+        }}
+        exit={{ opacity: 1 }}
+      >
+        <Footer home={true}></Footer>
+      </motion.div>
     </HomePage>
   );
 }