Merge pull request #166 from super-waffle/footer

Footer
super-waffle · Feb 17, 2022 · 25f1f4d · 25f1f4d
2 parents 2a953a8 + 8e91dcd
commit 25f1f4d
Show file tree

Hide file tree

Showing 117 changed files with 350 additions and 2,343 deletions.
diff --git a/public/images/GongspLogo.png b/public/images/GongspLogo.png
diff --git a/public/images/logo-400.png b/public/images/logo-400.png
diff --git a/public/images/superWaffle.png b/public/images/superWaffle.png
diff --git a/src/App.js b/src/App.js
@@ -1,11 +1,11 @@
-import React from 'react';
-// import { useNavigate } from "react-router-dom";
-// import { useState } from "react/cjs/react.development";
-import Navbar from './components/navbar';
-import NavbarLanding from './components/navbarLanding';
-import isLogin from './utils/isLogin';
-import './statics/css/main.css';
-import { Outlet } from 'react-router-dom';
+import React from "react";
+import Navbar from "./components/navbar";
+import NavbarLanding from "./components/navbarLanding";
+import isLogin from "./utils/isLogin";
+import { Outlet } from "react-router-dom";
+import Footer from "./components/footer";
+import "./statics/css/darkUI.css";
+import "./statics/css/app.css";
 
 function App() {
   console.log(`
@@ -19,12 +19,15 @@ function App() {
                       dP                                                                         
   `);
   return (
-    <div>
+    <main>
       {isLogin() && <Navbar sticky="top" />}
       {!isLogin() && <NavbarLanding sticky="top" />}
       <p>Landing Page</p>
-      <Outlet />
-    </div>
+      <div className="outlet">
+        <Outlet />
+      </div>
+      <Footer />
+    </main>
   );
 }
 

diff --git a/src/components/footer.js b/src/components/footer.js
@@ -0,0 +1,36 @@
+import { Link } from "react-router-dom";
+import "../statics/css/Layout/footer.css";
+
+export default function Footer() {
+  const logo = "../../images/logo-400.png";
+  return (
+    <footer className="footer">
+      {/* <div className="footer__contents">
+        <div className="footer__logo">
+          <img src={logo} alt=""></img>
+        </div>
+
+        <div className="footer__introduce">
+          <div>서비스</div>
+          <div></div>
+        </div>
+
+        <div className="footer__madeby">Creator</div>
+        <div>lorem</div>
+      </div> */}
+      <div className="footer__contents"></div>
+
+      <div className="footer__rights">
+        <div className="footer__logo">
+          <img src="../../images/superWaffle.png" />
+          <div>© Super Waffle</div>
+        </div>
+        <div className="footer__link">
+          <Link to={"/"}>Service</Link>
+          <Link to={"/"}>Policy</Link>
+          <Link to={"/"}>Creator</Link>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/src/statics/css/Layout/footer.css b/src/statics/css/Layout/footer.css
diff --git a/src/statics/css/Layout/footer.css.map b/src/statics/css/Layout/footer.css.map
diff --git a/src/statics/css/Todo/todo.css b/src/statics/css/Todo/todo.css
diff --git a/src/statics/css/Todo/todo.css.map b/src/statics/css/Todo/todo.css.map
diff --git a/src/statics/css/Todo/todoCreate.css b/src/statics/css/Todo/todoCreate.css
diff --git a/src/statics/css/Todo/todoCreate.css.map b/src/statics/css/Todo/todoCreate.css.map
diff --git a/src/statics/css/Todo/todoItem.css b/src/statics/css/Todo/todoItem.css
diff --git a/src/statics/css/Todo/todoItem.css.map b/src/statics/css/Todo/todoItem.css.map
diff --git a/src/statics/css/Todo/todoList.css b/src/statics/css/Todo/todoList.css
diff --git a/src/statics/css/Todo/todoList.css.map b/src/statics/css/Todo/todoList.css.map
diff --git a/src/statics/css/app.css b/src/statics/css/app.css
diff --git a/src/statics/css/app.css.map b/src/statics/css/app.css.map