From 3d7afff586a19dfacddd808680c431a22a6079e6 Mon Sep 17 00:00:00 2001 From: Hankyuhyun Date: Sat, 2 Sep 2023 20:45:06 +0900 Subject: [PATCH] Clean up unnecessary code. Signed-off-by: Hankyuhyun Co-authored-by: ByunJeongHeum Co-authored-by: Hwan Co-authored-by: jongmin Lee --- .../{LPVS_logo21.png => LPVS_logo_bar.png} | Bin frontend/src/css/Home_style.css | 168 +++--------------- frontend/src/pages/Home.jsx | 28 +-- 3 files changed, 26 insertions(+), 170 deletions(-) rename frontend/public/image/{LPVS_logo21.png => LPVS_logo_bar.png} (100%) diff --git a/frontend/public/image/LPVS_logo21.png b/frontend/public/image/LPVS_logo_bar.png similarity index 100% rename from frontend/public/image/LPVS_logo21.png rename to frontend/public/image/LPVS_logo_bar.png diff --git a/frontend/src/css/Home_style.css b/frontend/src/css/Home_style.css index b04c8af4..5afbb6b1 100644 --- a/frontend/src/css/Home_style.css +++ b/frontend/src/css/Home_style.css @@ -8,25 +8,24 @@ .home .div { background-color: #ffffff; - border: 1px none; height: 1080px; - position: relative; width: 1920px; + position: relative; } .home .LPVS-info { height: 896px; - left: 593px; - position: absolute; - top: 139px; width: 1273px; + position: absolute; + top: 120px; + left: 593px; } .home .overlap-group { background-color: #000000ba; height: 896px; - position: relative; width: 1271px; + position: relative; } .home .open-source-code { @@ -34,51 +33,34 @@ font-family: "Inter-Medium", Helvetica; font-size: 24px; font-weight: 400; - left: 42px; letter-spacing: 0; line-height: normal; position: absolute; top: 35px; + left: 42px; width: 1195px; } -.home .text-wrapper { - font-weight: 500; -} - +.home .text-wrapper, .home .span { - font-family: "Inter-Regular", Helvetica; + font-weight: 500; } .home .LPVS-logo { height: 885px; - left: 0; - position: absolute; - top: 139px; width: 574px; -} - -.home .text-wrapper-2 { - color: #000000; - font-family: "Inter-Regular", Helvetica; - font-size: 20px; - font-weight: 400; - height: 32px; - left: 351px; - letter-spacing: 0; - line-height: normal; position: absolute; - top: 853px; - width: 217px; + top: 139px; + left: 0; } .home .LPVS-remove { height: 407px; - left: 0; - object-fit: cover; + width: 472px; position: absolute; top: 446px; - width: 472px; + left: 0; + object-fit: cover; } .home .license-pre { @@ -86,155 +68,49 @@ font-family: "Inter-Bold", Helvetica; font-size: 60px; font-weight: 700; - left: 56px; letter-spacing: 0; line-height: normal; position: absolute; top: 88px; + left: 56px; } -.home .text-wrapper-3 { +.home .text-wrapper-2 { color: #80808275; font-family: "Inter-Bold", Helvetica; font-size: 70px; font-weight: 700; - left: 56px; letter-spacing: 0; line-height: normal; position: absolute; top: 0; + left: 56px; white-space: nowrap; width: 217px; } .home .menubar-top { height: 101px; - left: 39px; + width: 1842px; position: absolute; top: 8px; - width: 1842px; + left: 39px; } .home .menu-line { background-color: #0057b8; height: 3px; - left: 0; - position: absolute; - top: 98px; width: 1842px; -} - -.home .menu { - height: 43px; - left: 1270px; - position: absolute; - top: 37px; - width: 578px; -} - -.home .overlap { - height: 43px; - left: 302px; position: absolute; - top: 0; - width: 272px; -} - -/* .home .profile-border { - background-color: #d9d9d9; - height: 3px; - left: 104px; - position: absolute; - top: 20px; - transform: rotate(-90deg); - width: 40px; -} */ - -.home .text-wrapper-4 { - color: #000000; - font-family: "Inter-Regular", Helvetica; - font-size: 30px; - font-weight: 400; - left: 0; - letter-spacing: 0; - line-height: normal; - position: absolute; - top: 6px; - width: 115px; -} - -.home .profile { - height: 43px; - left: 136px; - position: absolute; - top: 0; - width: 135px; -} - -.home .overlap-group-2 { - background-color: #d9d9d9; - border-radius: 50px; - height: 43px; - position: relative; - width: 133px; -} - -.home .image { - height: 31px; - left: 11px; - object-fit: cover; - position: absolute; - top: 6px; - width: 35px; -} - -.home .text-wrapper-5 { - color: #000000; - font-family: "Inter-SemiBold", Helvetica; - font-size: 20px; - font-weight: 600; - left: 56px; - letter-spacing: 0; - line-height: normal; - position: absolute; - top: 10px; - white-space: nowrap; - width: 71px; -} - -.home .text-wrapper-6 { - color: #000000; - font-family: "Inter-Regular", Helvetica; - font-size: 30px; - font-weight: 400; - left: 125px; - letter-spacing: 0; - line-height: normal; - position: absolute; - top: 6px; - white-space: nowrap; - width: 167px; -} - -.home .text-wrapper-7 { - color: #000000; - font-family: "Inter-Regular", Helvetica; - font-size: 30px; - font-weight: 400; + top: 98px; left: 0; - letter-spacing: 0; - line-height: normal; - position: absolute; - top: 6px; - white-space: nowrap; - width: 104px; } .home .LPVS { height: 96px; + width: 309px; + position: absolute; + top: 0; left: 0; object-fit: cover; - position: absolute; - top: 0px; - width: 309px; } diff --git a/frontend/src/pages/Home.jsx b/frontend/src/pages/Home.jsx index 76158f81..6c47a363 100644 --- a/frontend/src/pages/Home.jsx +++ b/frontend/src/pages/Home.jsx @@ -1,29 +1,9 @@ -import React, { useState, useEffect } from "react"; -import axios from "axios"; -import { Link, useNavigate } from "react-router-dom"; +import React from "react"; +import { Link } from "react-router-dom"; import "../css/Home_style.css"; export const Home = () => { - const navigate = useNavigate(); - const [isLoggedIn, setIsLoggedIn] = useState(false); - const [username, setUsername] = useState(""); - - useEffect(() => { - axios.get("/login/check").then((loginresponse) => { - if (loginresponse.data.isLoggedIn) { - if(!loginresponse.data.member.nickname) { - alert("To use service, You must enter a GitHub ID.") - navigate ("/user/info"); - } - setIsLoggedIn(loginresponse.data.isLoggedIn); - axios.get("/user/info").then((userInfoResponse) => { - setUsername(userInfoResponse.data); - }); - } - }); - }, []); - return (
@@ -72,12 +52,12 @@ export const Home = () => { Validation
Service
-
About
+
About
- Lpvs + Lpvs