From 4ffbf849fc1a196d0bfdd3d67704c71847d5a4be Mon Sep 17 00:00:00 2001 From: Jiwoo Ahn Date: Tue, 14 May 2024 16:17:14 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=92=84=20Style:=20landing=20page?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- aeye/app/page.tsx | 172 ++++++++++++++++++++++++++++------------------ 1 file changed, 105 insertions(+), 67 deletions(-) diff --git a/aeye/app/page.tsx b/aeye/app/page.tsx index 2042ea1..4f6f5b3 100644 --- a/aeye/app/page.tsx +++ b/aeye/app/page.tsx @@ -1,8 +1,83 @@ "use client"; - +import { Typography, SvgIcon, Button } from "@mui/material"; +import { styled } from "@mui/system"; import { useEffect } from "react"; -import Image from "next/image"; -import { Paper, Stack, Typography } from "@mui/material"; + +const RootContainer = styled("div")({ + display: "flex", + flexDirection: "column", + alignItems: "center", + justifyContent: "center", + minHeight: "100vh", +}); + +const ButtonContainer = styled("div")({ + display: "flex", + gap: "16px", +}); + +const CustomTypography = styled(Typography)({ + fontWeight: "bold", + fontStyle: "italic", + color: "#fff", + textAlign: "center", + textShadow: "2px 2px 4px rgba(0, 0, 0, 0.5)", // Adding shadow for more notability + fontSize: "8rem", +}); + +function GoogleIcon() { + return ( + + + + + + + + + ); +} + +function KakaoIcon() { + return ( + + + + + + + + ); +} function GoogleLoginButton() { const handleLoginWithGoogle = async () => { @@ -12,13 +87,16 @@ function GoogleLoginButton() { }; return ( - kakao-login-button + startIcon={} + color="primary" + size="small" + > + Sign in with Google + ); } @@ -30,74 +108,34 @@ function KakaoLoginButton() { }; return ( - kakao-login-button - ); -} - -function LoginCard() { - return ( -
} + color="primary" + size="small" > - - - AEYE - - - - -
+ Sign in with Kakao + ); } export default function Landing() { useEffect(() => { - document.body.style.margin = "0"; - document.body.style.padding = "0"; - document.body.style.overflow = "hidden"; - document.body.style.height = "100vh"; - document.body.style.background = "linear-gradient(135deg, #65d586 0%, #e0e0e0 100%)"; - document.body.style.backgroundSize = "200% 200%"; - document.body.style.animation = "waving 20s ease infinite"; - - const keyframes = `@keyframes waving { - 0% { background-position: 0% 50%; opacity: 0.8; } - 50% { background-position: 100% 50%; opacity: 1; } - 100% { background-position: 0% 50%; opacity: 0.8; } - }`; - - const styleSheet = document.styleSheets[0]; - styleSheet.insertRule(keyframes, styleSheet.cssRules.length); - - return () => { - // Clean up the style changes when the component unmounts - document.body.style.removeProperty("margin"); - document.body.style.removeProperty("padding"); - document.body.style.removeProperty("overflow"); - document.body.style.removeProperty("height"); - document.body.style.removeProperty("background"); - document.body.style.removeProperty("background-size"); - document.body.style.removeProperty("animation"); - styleSheet.deleteRule(styleSheet.cssRules.length - 1); - }; }, []); - return ( - - - + + AEYE + + the smart survaillence system + + + + + + ); } From 655579eb35745de0feb5e0031119335b9ff4e3b1 Mon Sep 17 00:00:00 2001 From: Jiwoo Ahn Date: Tue, 14 May 2024 16:18:21 +0900 Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=94=A5=20Rm:=20image=20to=20svg?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../signin-assets/kakao_login_medium_narrow.png | Bin 2946 -> 0 bytes .../public/signin-assets/web_light_rd_ctn@1x.png | Bin 3186 -> 0 bytes 2 files changed, 0 insertions(+), 0 deletions(-) delete mode 100644 aeye/public/signin-assets/kakao_login_medium_narrow.png delete mode 100644 aeye/public/signin-assets/web_light_rd_ctn@1x.png diff --git a/aeye/public/signin-assets/kakao_login_medium_narrow.png b/aeye/public/signin-assets/kakao_login_medium_narrow.png deleted file mode 100644 index 09bb358843a08576d0029ff8427120c9f5f5c36d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2946 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 Y09@`$R!PaVwEzGB07*qoM6N<$g40GBX8-^I