Temporary edit home

pythonkr · Mar 31, 2024 · 5e41d66 · 5e41d66
1 parent 0a33ea9
commit 5e41d66
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 20 deletions.
diff --git a/public/index.html b/public/index.html
@@ -1,14 +1,11 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+    <meta name="description" content="Web site created using create-react-app" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -24,20 +21,9 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>파이콘 한국 2024</title>
   </head>
   <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/src/components/Nav/index.tsx b/src/components/Nav/index.tsx
@@ -7,7 +7,7 @@ const Nav = () => {
 
   return (
     <div>
-      <Logo
+      {/* <Logo
         onClick={() => {
           navigate("/");
         }}
@@ -22,7 +22,7 @@ const Nav = () => {
         >
           후원사 목록
         </li>
-      </ul>
+      </ul> */}
     </div>
   );
 };

diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
@@ -1,7 +1,44 @@
 import React from "react";
+import styled from "styled-components";
 
 const Home = () => {
-  return <div>홈이에여</div>;
+  return (
+    <Page>
+      <Header>
+        <h1>파이콘 한국 2024</h1>
+        <h2>PyCon Korea 2024</h2>
+        <h3>Coming Soon</h3>
+      </Header>
+    </Page>
+  );
 };
 
 export default Home;
+
+const Page = styled.div`
+  margin: 5vh auto;
+  padding: 0 2.5vw;
+
+  width: 90vw;
+  height: 90vh;
+
+  border: 1px solid #f87c56;
+  background: linear-gradient(to right, #fbb9a4, #fde3db);
+`;
+
+const Header = styled.div`
+  color: #852305;
+
+  h1 {
+    font-size: 5rem;
+    margin: 5vh 0;
+  }
+  h2 {
+    font-size: 4rem;
+    margin: 3vh 0;
+  }
+  h3 {
+    font-size: 3.3rem;
+    margin: 2vh 0;
+  }
+`;