codeit-bootcamp-frontend · kiJu2 · Jan 13, 2025 · Oct 10, 2023 · Oct 10, 2023 · Oct 10, 2023
diff --git a/.github/delete-merged-branch-config.yml → ...workflows/delete-merged-branch-config.yml b/.github/delete-merged-branch-config.yml → ...workflows/delete-merged-branch-config.yml
@@ -4,12 +4,11 @@ on:
   pull_request:
     types: [closed]
 
-permissions:
-  pull-requests: write
-
 jobs:
   delete-branch:
     runs-on: ubuntu-latest
     steps:
       - name: delete branch
         uses: SvanBoxel/delete-merged-branch@main
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/fanda-market/faq.html b/fanda-market/faq.html
@@ -0,0 +1 @@
+<!-- faq -->
diff --git a/fanda-market/global.css b/fanda-market/global.css
@@ -0,0 +1,107 @@
+/* ========================================
+   Global Styles
+   ======================================== */
+:root {
+  /* color */
+  --primary-100: #3692ff;
+  --primary-200: #1967d6;
+  --primary-300: #1251aa;
+
+  --error-color: #f74747;
+
+  --gray-900: #111827;
+  --gray-800: #1f2937;
+  --gray-700: #374151;
+  --gray-600: #4b5563;
+  --gray-500: #6b7280;
+  --gray-400: #9ca3af;
+  --gray-200: #e5e7eb;
+  --gray-100: #f3f4f6;
+  --gray-50: #f9fafb;
+
+  /* font */
+  --font-weight-bold: 700;
+  --font-weight-semibold: 600;
+  --font-weight-medium: 500;
+  --font-weight-regular: 400;
+}
+
+/* setting */
+html,
+a {
+  font-family: "Pretendard Variable", Pretendard, sans-serif;
+  font-size: 16px;
+  font-weight: var(--font-weight-regular);
+  color: var(--gray-700);
+}
+.img_box {
+  line-height: 0;
+}
+
+/* ========================================
+   Components
+   ======================================== */
+/* button */
+.btn {
+  display: block;
+  font-weight: var(--font-weight-semibold);
+  text-align: center;
+  color: var(--gray-100);
+  background-color: var(--primary-100);
+}
+.btn--large {
+  width: 357px;
+  height: 56px;
+  line-height: 56px;
+  border-radius: 40px;
+}
+.btn--medium {
+  width: 240px;
+  height: 48px;
+  line-height: 48px;
+  border-radius: 40px;
+}
+.btn--small_40 {
+  width: 88x;
+  height: 42px;
+  line-height: 42px;
+  border-radius: 8px;
+}
+.btn--small_48 {
+  width: 88px;
+  height: 48px;
+  line-height: 48px;
+  border-radius: 8px;
+}
+.btn--white {
+  background-color: var(--gray-50);
+  border: 1px solid var(--primary-100);
+}
+
+/* button - heart */
+.btn-heart {
+  border-radius: 35px;
+  color: var(--gray-500);
+  background-color: #fff;
+}
+.btn-heart--large {
+  width: 87px;
+  height: 40px;
+  line-height: 40px;
+}
+.btn-heart--small {
+  width: 79px;
+  height: 32px;
+  line-height: 32px;
+}
+
+/* button - hover, click, inactive */
+.btn__hover {
+  background-color: var(--primary-200);
+}
+.btn__click {
+  background-color: var(--primary-300);
+}
+.btn__inactive {
+  background-color: var(--gray-400);
+}
diff --git a/fanda-market/img/desktop.png b/fanda-market/img/desktop.png
diff --git a/fanda-market/img/export/Img_home_01.png b/fanda-market/img/export/Img_home_01.png
diff --git a/fanda-market/img/export/Img_home_02.png b/fanda-market/img/export/Img_home_02.png
diff --git a/fanda-market/img/export/Img_home_03.png b/fanda-market/img/export/Img_home_03.png
diff --git a/fanda-market/img/export/Property 1=md.png b/fanda-market/img/export/Property 1=md.png
diff --git a/fanda-market/img/export/Property [email protected] b/fanda-market/img/export/Property [email protected]
diff --git a/fanda-market/img/export/Property [email protected] b/fanda-market/img/export/Property [email protected]
diff --git a/fanda-market/img/export/gnb/ic_facebook.png b/fanda-market/img/export/gnb/ic_facebook.png
diff --git a/fanda-market/img/export/gnb/ic_instagram.png b/fanda-market/img/export/gnb/ic_instagram.png
diff --git a/fanda-market/img/export/gnb/ic_twitter.png b/fanda-market/img/export/gnb/ic_twitter.png
diff --git a/fanda-market/img/export/gnb/ic_youtube.png b/fanda-market/img/export/gnb/ic_youtube.png
diff --git a/fanda-market/img/ic_facebook.png b/fanda-market/img/ic_facebook.png
diff --git a/fanda-market/img/ic_instagram.png b/fanda-market/img/ic_instagram.png
diff --git a/fanda-market/img/ic_twitter.png b/fanda-market/img/ic_twitter.png
diff --git a/fanda-market/img/ic_youtube.png b/fanda-market/img/ic_youtube.png
diff --git a/fanda-market/img/landing-page/Img_home_01.png b/fanda-market/img/landing-page/Img_home_01.png
diff --git a/fanda-market/img/landing-page/Img_home_02.png b/fanda-market/img/landing-page/Img_home_02.png
diff --git a/fanda-market/img/landing-page/Img_home_03.png b/fanda-market/img/landing-page/Img_home_03.png
diff --git a/fanda-market/img/landing-page/Img_home_bottom.png b/fanda-market/img/landing-page/Img_home_bottom.png
diff --git a/fanda-market/img/landing-page/Img_home_top.png b/fanda-market/img/landing-page/Img_home_top.png
diff --git a/fanda-market/img/landing-page/landing/desktop_01.png b/fanda-market/img/landing-page/landing/desktop_01.png
diff --git a/fanda-market/img/landing-page/landing/desktop_02.png b/fanda-market/img/landing-page/landing/desktop_02.png
diff --git a/fanda-market/img/landing-page/landing/desktop_03.png b/fanda-market/img/landing-page/landing/desktop_03.png
diff --git a/fanda-market/img/landing-page/landing/desktop_04.png b/fanda-market/img/landing-page/landing/desktop_04.png
diff --git a/fanda-market/img/landing-page/landing/desktop_05.png b/fanda-market/img/landing-page/landing/desktop_05.png
diff --git a/fanda-market/img/landing-page/landing/mobile_01.png b/fanda-market/img/landing-page/landing/mobile_01.png
diff --git a/fanda-market/img/landing-page/landing/mobile_02.png b/fanda-market/img/landing-page/landing/mobile_02.png
diff --git a/fanda-market/img/landing-page/landing/mobile_03.png b/fanda-market/img/landing-page/landing/mobile_03.png
diff --git a/fanda-market/img/landing-page/landing/mobile_04.png b/fanda-market/img/landing-page/landing/mobile_04.png
diff --git a/fanda-market/img/landing-page/landing/mobile_05.png b/fanda-market/img/landing-page/landing/mobile_05.png
diff --git a/fanda-market/img/landing-page/landing/tablet_01.png b/fanda-market/img/landing-page/landing/tablet_01.png
diff --git a/fanda-market/img/landing-page/landing/tablet_02.png b/fanda-market/img/landing-page/landing/tablet_02.png
diff --git a/fanda-market/img/landing-page/landing/tablet_03.png b/fanda-market/img/landing-page/landing/tablet_03.png
diff --git a/fanda-market/img/landing-page/landing/tablet_04.png b/fanda-market/img/landing-page/landing/tablet_04.png
diff --git a/fanda-market/img/landing-page/landing/tablet_05.png b/fanda-market/img/landing-page/landing/tablet_05.png
diff --git a/fanda-market/img/logo.png b/fanda-market/img/logo.png
diff --git a/fanda-market/index.html b/fanda-market/index.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>판다마켓</title>
+    <link
+      rel="stylesheet"
+      as="style"
+      crossorigin
+      href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css"
+    />
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+  <body>
+    <div id="container">
+      <header id="header">
+        <div id="gnb">
+          <h1>
+            <a href="/">
+              <img src="./img/logo.png" alt="logo" class="logo_img" />
+            </a>
+          </h1>
+          <a href="/login" class="btn btn--small_48 login">로그인</a>
+        </div>
+      </header>
+      <main>
+        <div class="banner top">
+          <div class="text_box">
+            <p class="oneline">일상의 모든 물건을 거래해 보세요</p>
+            <p class="twolines">일상의 모든 물건을</p>
+            <p class="twolines">거래해 보세요</p>
+            <a href="/items" class="btn btn--large">구경하러 가기</a>
+          </div>
+          <div class="img_box">
+            <img
+              src="./img/landing-page/Img_home_top.png"
+              alt="판다 캐릭터 이미지"
+            />
+          </div>
+        </div>
+        <div class="content">
+          <section class="sec1">
+            <div class="sec__wrapper">
+              <div class="img_box"></div>
+              <div class="text_box">
+                <p class="tag">Hot item</p>
+                <p class="title oneline">인기 상품을 확인해 보세요</p>
+                <p class="title twolines">인기 상품을</p>
+                <p class="title twolines">확인해 보세요</p>
+                <p class="text">
+                  가장 HOT한 중고거래 물품을<br />
+                  판다 마켓에서 확인해 보세요
+                </p>
+              </div>
+            </div>
+          </section>
+          <section class="sec2">
+            <div class="sec__wrapper">
+              <div class="img_box"></div>
+              <div class="text_box">
+                <p class="tag">Search</p>
+                <p class="title oneline">구매를 원하는 상품을 검색하세요</p>
+                <p class="title twolines">구매를 원하는</p>
+                <p class="title twolines">상품을 검색하세요</p>
+                <p class="text">
+                  구매하고 싶은 물품은 검색해서<br />쉽게 찾아보세요
+                </p>
+              </div>
+            </div>
+          </section>
+          <section class="sec3">
+            <div class="sec__wrapper">
+              <div class="img_box"></div>
+              <div class="text_box">
+                <p class="tag">Register</p>
+                <p class="title oneline">판매를 원하는 상품을 등록하세요</p>
+                <p class="title twolines">판매를 원하는</p>
+                <p class="title twolines">상품을 등록하세요</p>
+                <p class="text">
+                  어떤 물건이든 판매하고 싶은 상품을<br />쉽게 등록하세요
+                </p>
+              </div>
+            </div>
+          </section>
+        </div>
+        <div class="banner bottom">
+          <div class="text_box">
+            <p>믿을 수 있는</p>
+            <p>판다마켓 중고 거래</p>
+          </div>
+          <div class="img_box">
+            <img
+              src="./img/landing-page/Img_home_bottom.png"
+              alt="판다 캐릭터 이미지"
+            />
+          </div>
+        </div>
+      </main>
+      <footer id="footer">
+        <div class="footer__wrapper">
+          <div class="copyright">©codeit - 2024</div>
+          <div class="corp_list">
+            <a href="/privacy">Privacy Policy</a>
+            <a href="/faq">FAQ</a>
+          </div>
+          <div class="footer-sns">
+            <a target="_blank" href="/" class="icon facebook"> </a>
+            <a target="_blank" href="/" class="icon twitter"> </a>
+            <a target="_blank" href="/" class="icon youtube"> </a>
+            <a target="_blank" href="/" class="icon insta"> </a>
+          </div>
+        </div>
+      </footer>
+    </div>
+  </body>
+</html>
diff --git a/fanda-market/items.html b/fanda-market/items.html
@@ -0,0 +1 @@
+<!-- items -->
diff --git a/fanda-market/login.html b/fanda-market/login.html
@@ -0,0 +1 @@
+<!-- login -->
diff --git a/fanda-market/privacy.html b/fanda-market/privacy.html
@@ -0,0 +1 @@
+<!-- privacy -->
diff --git a/fanda-market/reset.css b/fanda-market/reset.css
@@ -0,0 +1,127 @@
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: "";
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+a {
+  text-decoration: none;
+}