From 544daa3c757049db2e687dbdd03a86ae7a96d386 Mon Sep 17 00:00:00 2001 From: simeunseo Date: Mon, 3 Apr 2023 02:34:38 +0900 Subject: [PATCH 01/11] =?UTF-8?q?docs=20:=20=EC=A0=84=EC=B2=B4=20=ED=83=9C?= =?UTF-8?q?=EA=B7=B8=20=EA=B5=AC=EC=A1=B0=20=EC=9E=91=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- week1/assign3/index.html | 135 +++++++++++++++++++++++++++++++++++++++ week1/assign3/style.css | 0 2 files changed, 135 insertions(+) create mode 100644 week1/assign3/index.html create mode 100644 week1/assign3/style.css diff --git a/week1/assign3/index.html b/week1/assign3/index.html new file mode 100644 index 0000000..d2f67ff --- /dev/null +++ b/week1/assign3/index.html @@ -0,0 +1,135 @@ + + + + + + + 은서네 샤브샤브 + + + +
+

~은서네 샤브샤브~

+ +
+

메뉴

+

새 상품 추가

+

찜 목록

+
+
+
+ +
+
    +
  • +

    청경채

    + #푸릇푸릇 #신선 + + +
    • +
  • +

    배추

    + #필수템 #무한흡입 + + +
    • +
  • +

    연근

    + #아삭아삭 #별미 + + +
    • +
  • +

    흰목이버섯

    + #필수템 #포들포들 + + +
    • +
  • +

    새송이버섯

    + #무난템 #말랑말랑 + + +
    • +
  • +

    면두부

    + #다이어트 #고소해 + + +
    • +
  • +

    유부

    + #촉촉 #별미 + + +
    • +
  • +

    푸주

    + #dobo #fuzu + + +
    • +
  • +

    치즈떡

    + #쫄깃쫄깃 #말랑말랑 + + +
    • +
  • +

    새우

    + #무조건 #새우탕ㄱㄱ + + +
    • +
+
+
+ + diff --git a/week1/assign3/style.css b/week1/assign3/style.css new file mode 100644 index 0000000..e69de29 From fe6f7fd315bbcef0ad6fdd2993cab98ce8257658 Mon Sep 17 00:00:00 2001 From: simeunseo Date: Mon, 3 Apr 2023 02:37:22 +0900 Subject: [PATCH 02/11] =?UTF-8?q?init=20:=20css=20=EC=84=B8=ED=8C=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- week1/assign3/index.html | 1 + week1/assign3/style.css | 125 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 126 insertions(+) diff --git a/week1/assign3/index.html b/week1/assign3/index.html index d2f67ff..6b05d91 100644 --- a/week1/assign3/index.html +++ b/week1/assign3/index.html @@ -9,6 +9,7 @@ src="https://kit.fontawesome.com/6fbcf91afd.js" crossorigin="anonymous" > +
diff --git a/week1/assign3/style.css b/week1/assign3/style.css index e69de29..789fb81 100644 --- a/week1/assign3/style.css +++ b/week1/assign3/style.css @@ -0,0 +1,125 @@ +/* reset.css */ +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; +} From 35692700bc310c2625b181780c9dd8ec3ca385c2 Mon Sep 17 00:00:00 2001 From: simeunseo Date: Mon, 3 Apr 2023 02:57:20 +0900 Subject: [PATCH 03/11] =?UTF-8?q?style=20:=20=EA=B8=80=EA=BC=B4=20?= =?UTF-8?q?=EC=84=B8=ED=8C=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- week1/assign3/index.html | 8 +++++--- week1/assign3/style.css | 37 +++++++++++++++++++++++++++++++++++++ 2 files changed, 42 insertions(+), 3 deletions(-) diff --git a/week1/assign3/index.html b/week1/assign3/index.html index 6b05d91..957c9d7 100644 --- a/week1/assign3/index.html +++ b/week1/assign3/index.html @@ -13,9 +13,11 @@
-

~은서네 샤브샤브~

- -
+
+

~은서네 샤브샤브~

+ +
+

메뉴

새 상품 추가

찜 목록

diff --git a/week1/assign3/style.css b/week1/assign3/style.css index 789fb81..a0836e7 100644 --- a/week1/assign3/style.css +++ b/week1/assign3/style.css @@ -87,6 +87,17 @@ video { font: inherit; vertical-align: baseline; } + +button { + background: inherit; + border: none; + box-shadow: none; + border-radius: 0; + padding: 0; + overflow: visible; + cursor: pointer; +} + /* HTML5 display-role reset for older browsers */ article, aside, @@ -123,3 +134,29 @@ table { border-collapse: collapse; border-spacing: 0; } + +/* font setting */ +@font-face { + font-family: "TAEBAEKmilkyway"; + src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/TAEBAEKmilkyway.woff2") + format("woff2"); + font-weight: normal; + font-style: normal; +} + +body { + font-family: "TAEBAEKmilkyway", sans-serif; +} + +h1 { + font-size: 1.8rem; +} +h2 { + font-size: 1.3rem; +} +h3 { + font-size: 1rem; +} +small { + font-size: 0.5rem; +} From bd181215275ede34e67e2240b4a20fa5feb22dcb Mon Sep 17 00:00:00 2001 From: simeunseo Date: Mon, 3 Apr 2023 03:43:29 +0900 Subject: [PATCH 04/11] =?UTF-8?q?style=20:=20=EA=B8=80=EA=BC=B4=20?= =?UTF-8?q?=EB=B3=80=EA=B2=BD,=20header=20=EC=99=84=EB=A3=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- week1/assign3/index.html | 12 +++---- week1/assign3/style.css | 73 ++++++++++++++++++++++++++++++++++++---- 2 files changed, 72 insertions(+), 13 deletions(-) diff --git a/week1/assign3/index.html b/week1/assign3/index.html index 957c9d7..70852c5 100644 --- a/week1/assign3/index.html +++ b/week1/assign3/index.html @@ -13,14 +13,12 @@
-
-

~은서네 샤브샤브~

- -
+

마라탕 드실분?

+
-

메뉴

-

새 상품 추가

-

찜 목록

+

메뉴

+

새 상품 추가

+

찜 목록

diff --git a/week1/assign3/style.css b/week1/assign3/style.css index a0836e7..70ac42c 100644 --- a/week1/assign3/style.css +++ b/week1/assign3/style.css @@ -1,4 +1,4 @@ -/* reset.css */ +/* basic setting */ html, body, div, @@ -114,6 +114,8 @@ section { } body { line-height: 1; + background-color: white; + color: black; } ol, ul { @@ -135,17 +137,21 @@ table { border-spacing: 0; } +:root { + --main-color: rgb(141, 19, 19); /* CSS 전역 변수 선언 */ +} + /* font setting */ @font-face { - font-family: "TAEBAEKmilkyway"; - src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/TAEBAEKmilkyway.woff2") - format("woff2"); - font-weight: normal; + font-family: "Pretendard-Regular"; + src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") + format("woff"); + font-weight: 400; font-style: normal; } body { - font-family: "TAEBAEKmilkyway", sans-serif; + font-family: "Pretendard-Regular", sans-serif; } h1 { @@ -160,3 +166,58 @@ h3 { small { font-size: 0.5rem; } + +/* header */ +header { + padding: 2rem; + width: -webkit-fill-available; + display: flex; + justify-content: space-between; + position: fixed; + background-color: var(--main-color); + color: white; +} + +#header__menu { + display: none; +} + +#header__button { + width: 2rem; + height: 2rem; +} + +#header__button i { + color: white; + font-size: 1.2rem; +} + +#header__button:hover + #header__menu, +#header__menu:hover { + display: block; +} + +#header__menu { + background-color: black; + color: white; + height: 100vh; + position: absolute; + right: 0; + top: 0; + padding: 2rem; + width: 10rem; +} + +#header__menu > h1 { + padding-bottom: 2rem; + font-weight: bold; +} + +#header__menu > h2 { + padding-bottom: 1rem; + cursor: pointer; +} + +img { + width: 10rem; +} From 0197280cbf8ef83e44675be8c65925e9f0788f49 Mon Sep 17 00:00:00 2001 From: simeunseo Date: Mon, 3 Apr 2023 03:57:51 +0900 Subject: [PATCH 05/11] =?UTF-8?q?style=20:=20nav=20=EC=99=84=EB=A3=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- week1/assign3/index.html | 4 ++-- week1/assign3/style.css | 41 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 43 insertions(+), 2 deletions(-) diff --git a/week1/assign3/index.html b/week1/assign3/index.html index 70852c5..be24bd7 100644 --- a/week1/assign3/index.html +++ b/week1/assign3/index.html @@ -4,7 +4,7 @@ - 은서네 샤브샤브 + 은서네 마라마라탕