From b76e58e9fdb3ac5590b19f04be72239b52263266 Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Sat, 29 Jul 2023 17:26:28 +0900 Subject: [PATCH 01/18] =?UTF-8?q?PR=20close=20=ED=9B=84=20=EC=B5=9C?= =?UTF-8?q?=EC=A2=85=EB=B3=B8=20=EC=9E=AC=20=EC=A0=9C=EC=B6=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 81 +++-- images/.DS_Store | Bin 0 -> 8196 bytes images/app.png | Bin 0 -> 236 bytes images/app_h.png | Bin 0 -> 1769 bytes images/bg1.jpg | Bin 0 -> 828528 bytes images/bg2.jpg | Bin 0 -> 979054 bytes images/bg3.jpg | Bin 0 -> 948444 bytes images/bg4.jpg | Bin 0 -> 504380 bytes images/bgb.png | Bin 0 -> 116 bytes images/bgbg.png | Bin 0 -> 117 bytes images/coffeedist.png | Bin 0 -> 29914 bytes images/event1.jpg | Bin 0 -> 251246 bytes images/event2.jpg | Bin 0 -> 51309 bytes images/favicon.png | Bin 0 -> 583 bytes images/fb.png | Bin 0 -> 17543 bytes images/fb_h.png | Bin 0 -> 10055 bytes images/footer_b1.png | Bin 0 -> 4713 bytes images/footer_b2.png | Bin 0 -> 7300 bytes images/insta.png | Bin 0 -> 31446 bytes images/insta_h.png | Bin 0 -> 38370 bytes images/logo.png | Bin 0 -> 2540 bytes images/logo_h.png | Bin 0 -> 2756 bytes images/newsug.png | Bin 0 -> 11215 bytes images/next.png | Bin 0 -> 1082 bytes images/notice_btn.png | Bin 0 -> 1071 bytes images/prev.png | Bin 0 -> 999 bytes images/recom.png | Bin 0 -> 1165 bytes images/recom_h.png | Bin 0 -> 199 bytes images/store.png | Bin 0 -> 1257 bytes images/yt.png | Bin 0 -> 25014 bytes images/yt_h.png | Bin 0 -> 25909 bytes index.html | 212 +++++++++++++ main.css | 711 ++++++++++++++++++++++++++++++++++++++++++ main.js | 104 ++++++ 34 files changed, 1075 insertions(+), 33 deletions(-) create mode 100644 images/.DS_Store create mode 100644 images/app.png create mode 100644 images/app_h.png create mode 100644 images/bg1.jpg create mode 100644 images/bg2.jpg create mode 100644 images/bg3.jpg create mode 100644 images/bg4.jpg create mode 100644 images/bgb.png create mode 100644 images/bgbg.png create mode 100644 images/coffeedist.png create mode 100644 images/event1.jpg create mode 100644 images/event2.jpg create mode 100644 images/favicon.png create mode 100644 images/fb.png create mode 100644 images/fb_h.png create mode 100644 images/footer_b1.png create mode 100644 images/footer_b2.png create mode 100644 images/insta.png create mode 100644 images/insta_h.png create mode 100644 images/logo.png create mode 100644 images/logo_h.png create mode 100644 images/newsug.png create mode 100644 images/next.png create mode 100644 images/notice_btn.png create mode 100644 images/prev.png create mode 100644 images/recom.png create mode 100644 images/recom_h.png create mode 100644 images/store.png create mode 100644 images/yt.png create mode 100644 images/yt_h.png create mode 100644 index.html create mode 100644 main.css create mode 100644 main.js diff --git a/README.md b/README.md index cc6a3b23..683d509a 100644 --- a/README.md +++ b/README.md @@ -1,45 +1,60 @@ -[μ°Έκ³  λ‚΄μš©] -πŸ‘€ μžμ‹ μ΄ μ›ν•˜λŠ” μ‚¬μ΄νŠΈ λ ˆμ΄μ•„μ›ƒ 클둠 -μ›ν•˜λŠ” μ‚¬μ΄νŠΈ(νŽ˜μ΄μ§€)λ₯Ό 자유둭게 μ„ νƒν•˜κ³  λ ˆμ΄μ•„μ›ƒμ„ 클둠 μ½”λ”©ν•˜μ„Έμš”. -ν‰μ†Œμ— 도전해 보고 μ‹Άμ—ˆκ±°λ‚˜ ν˜Ήμ€ μžμ‹ μ˜ μˆ˜μ€€μ— λ§žλŠ” μ‚¬μ΄νŠΈ(νŽ˜μ΄μ§€)λ₯Ό μ„ νƒν•˜μ„Έμš”. -과제 μˆ˜ν–‰ 및 리뷰 기간은 별도 곡지λ₯Ό μ°Έκ³ ν•˜μ„Έμš”! +

-과제 μˆ˜ν–‰ 및 제좜 방법 +# β˜•οΈ 폴바셋(Paul Bassett) ν™ˆνŽ˜μ΄μ§€ 클둠 μ½”λ”© -1. ν˜„μž¬ μ €μž₯μ†Œλ₯Ό λ‘œμ»¬μ— 클둠(Clone)ν•©λ‹ˆλ‹€. -2. μžμ‹ μ˜ λ³Έλͺ…μœΌλ‘œ 브랜치λ₯Ό μƒμ„±ν•©λ‹ˆλ‹€.(ꡬ뢄 κ°€λŠ₯ν•˜λ„λ‘ λ³Έλͺ…을 κΌ­ νŒŒμŠ€μΉΌμΌ€μ΄μŠ€λ‘œ ν‘œμ‹œν•˜μ„Έμš”, git branch KDT0_이름) -3. μžμ‹ μ˜ λ³Έλͺ… λΈŒλžœμΉ˜μ—μ„œ 과제λ₯Ό μˆ˜ν–‰ν•©λ‹ˆλ‹€. -4. 과제 μˆ˜ν–‰μ΄ μ™„λ£Œλ˜λ©΄, μžμ‹ μ˜ λ³Έλͺ… 브랜치λ₯Ό 원격 μ €μž₯μ†Œμ— ν‘Έμ‹œ(Push)ν•©λ‹ˆλ‹€.(main λΈŒλžœμΉ˜μ— ν‘Έμ‹œν•˜μ§€ μ•Šλ„λ‘ κΌ­ μ£Όμ˜ν•˜μ„Έμš”, git push origin KDT0_이름) -5. μ €μž₯μ†Œμ—μ„œ main 브랜치λ₯Ό λŒ€μƒμœΌλ‘œ Pull Request μƒμ„±ν•˜λ©΄, 과제 제좜이 μ™„λ£Œλ©λ‹ˆλ‹€!(E.g, main <== KDT0_이름) +카페 ν”„λžœμ°¨μ΄μ¦ˆ '폴바셋(Paul Bassett)' 곡식 ν™ˆνŽ˜μ΄μ§€λ₯Ό 클둠 μ½”λ”©ν•œ 개인 ν”„λ‘œμ νŠΈμž…λ‹ˆλ‹€. + +## πŸ–± ν”„λ‘œμ νŠΈ κ΄€λ ¨ μ‚¬μ΄νŠΈ μ£Όμ†Œ -- main ν˜Ήμ€ λ‹€λ₯Έ μ‚¬λžŒμ˜ 브랜치둜 μ ˆλŒ€ λ³‘ν•©ν•˜μ§€ μ•Šλ„λ‘ μ£Όμ˜ν•˜μ„Έμš”! -- Pull Requestμ—μ„œ λ³΄μ΄λŠ” μ„€λͺ…을 λ‹€λ₯Έ μ‚¬λžŒλ“€μ΄ μ΄ν•΄ν•˜κΈ° 쉽도둝 κΌΌκΌΌν•˜κ²Œ μž‘μ„±ν•˜μ„Έμš”! -- Pull Requestμ—μ„œ 과제 제좜 ν›„ μ ˆλŒ€ 병합(Merge)ν•˜μ§€ μ•Šλ„λ‘ μ£Όμ˜ν•˜μ„Έμš”! -- 과제 μˆ˜ν–‰ 및 제좜 κ³Όμ •μ—μ„œ λ¬Έμ œκ°€ λ°œμƒν•œ 경우, λ°”λ‘œ λ‹΄λ‹Ή λ©˜ν† λ‚˜ κ°•μ‚¬μ—μ„œ μ–˜κΈ°ν•˜μ„Έμš”! +

-ν•„μˆ˜ μš”κ΅¬μ‚¬ν•­ +* 원 μ‚¬μ΄νŠΈ μ£Όμ†Œ : https://www.baristapaulbassett.co.kr/Index.pb +* **클둠 μ½”λ”© μ‚¬μ΄νŠΈ μ£Όμ†Œ** : https://superlative-puppy-9a8f2a.netlify.app/ -- κ³Όμ œμ— λŒ€ν•œ μ„€λͺ…을 ν¬ν•¨ν•œ README.md νŒŒμΌμ„ μ œκ³΅ν•˜μ„Έμš”! -- 과제 결과와 비ꡐ할 수 μžˆλŠ” μ‹€μ œ μ‚¬μ΄νŠΈ(νŽ˜μ΄μ§€)의 μ£Όμ†Œλ₯Ό λͺ…μ‹œν•˜μ„Έμš”! -- κ³Όμ •μ—μ„œ μ‚¬μš©ν•œ ν”„λ‘œμ νŠΈ 폴더/파일이 λͺ¨λ‘ 포함돼야 ν•©λ‹ˆλ‹€, 일뢀 파일만 μ œμΆœν•˜μ§€ λ§ˆμ„Έμš”! -- μ‹€μ œ μ„œλΉ„μŠ€λ‘œ λ°°ν¬ν•˜κ³  μ ‘κ·Ό κ°€λŠ₯ν•œ 링크λ₯Ό μΆ”κ°€ν•΄μ•Ό ν•©λ‹ˆλ‹€. +

-선택 μš”κ΅¬μ‚¬ν•­ +## πŸ“‘ ν”„λ‘œμ νŠΈ κ°„λž΅ μ„€λͺ… 및 주제 μ„ μ • 이유 -- < header >, < section > λ“± μ‹œλ©˜ν‹± νƒœκ·Έλ₯Ό μ΅œλŒ€ν•œ ν™œμš©ν•΄λ³΄μ„Έμš”. -- μ‹€μ œ μ‚¬μ΄νŠΈμ˜ λ ˆκ±°μ‹œ μ½”λ“œ ν™œμš©λ³΄λ‹¨ μ΅œμ‹ μ˜ CSS Flex ν˜Ήμ€ Grid 등을 ν™œμš©ν•΄λ³΄μ„Έμš”. -- λΆ€λΆ„μ μœΌλ‘œ BEM 방법둠을 λ„μž…ν•΄λ³΄μ„Έμš”. -- JSκ°€ ν•„μš”ν•œ 뢀뢄은 λ˜λ„λ‘ μƒλž΅ν•˜λ˜ 이유λ₯Ό λͺ…μ‹œν•΄λ³΄μ„Έμš”.(CSS둜 λŒ€μ²΄ κ°€λŠ₯ν•œμ§€ ν”Όλ“œλ°±μ΄ μžˆμ„ 수 있겠죠?!) -- JSκ°€ ν•„μš”ν•œ λΆ€λΆ„ 쀑 κ΅¬ν˜„ν•  뢀뢄이 μžˆλ‹€λ©΄ 자유둭게 κ΅¬ν˜„ν•΄λ³΄μ„Έμš”.(JS κ³Όμ œκ°€ μ•„λ‹ˆλ‹ˆκΉŒ κ°€λ³κ²Œ κ΅¬ν˜„ν•˜μ‹œκΈΈ μΆ”μ²œν•΄μš”) +ν‰μ†Œ 컀피λ₯Ό 즐겨 λ§ˆμ…”μ„œ 카페 ν”„λžœμ°¨μ΄μ¦ˆ 쀑 ν•œ 곳의 μ‚¬μ΄νŠΈλ₯Ό 직접 κ΅¬ν˜„ν•΄λ³΄κ³  μ‹Άμ—ˆκ³ , κ·Έ 쀑 폴바셋 μ›Ήμ‚¬μ΄νŠΈκ°€ μ‹œκ°μ μœΌλ‘œ ꡉμž₯히 인상 깊게 λ‹€κ°€μ™”μŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ 폴바셋 메인 νŽ˜μ΄μ§€μ˜ λŒ€λΆ€λΆ„μ΄ λ°˜μ‘ν˜•μœΌλ‘œ μ œμž‘λ˜μ–΄ μžˆμ–΄, μ œκ°€ ν˜„μž¬ μ‚¬μš© κ°€λŠ₯ν•œ μˆ˜μ€€μΈ `HTML`κ³Ό `CSS`, 그리고 μ•½κ°„μ˜ `JavaScript` λ₯Ό μ΅œλŒ€ν•œ ν™œμš©ν•˜μ—¬ 클둠 코딩을 μ§„ν–‰ν•˜κ³ μž ν•˜μ˜€μŠ΅λ‹ˆλ‹€. -μ†μ‰¬μš΄ 이미지 μΆ”μΆœ 방법 +## πŸ’‘ ν”„λ‘œμ νŠΈ μˆ˜ν–‰ λͺ©ν‘œ -μ‚¬μ΄νŠΈ 클둠에 ν•„μš”ν•œ 이미지λ₯Ό μ’€ 더 μ‰½κ²Œ μΆ”μΆœν•˜κΈ° μœ„ν•΄μ„œ Chrome ν™•μž₯ ν”„λ‘œκ·Έλž¨μΈ Image Downloaderλ₯Ό μ‚¬μš©ν•˜μ„Έμš”. +### 1. HTML -1. μ›ν•˜λŠ” μ‚¬μ΄νŠΈ 접속 -2. Image Downloader ν™•μž₯ ν”„λ‘œκ·Έλž¨ μ‹€ν–‰ -3. λ‹€μš΄λ‘œλ“œ μ›ν•˜λŠ” 이미지 선택 -4. μ„œλΈŒ 폴더 이름(Save to subfolder) λͺ…μ‹œ -5. λ‹€μš΄λ‘œλ“œ! +```js +- μ‚¬μ΄νŠΈ λ ˆμ΄μ•„μ›ƒμ„ 직접 κ΅¬ν˜„ν•˜κ³ , μ‹€μ œλ‘œ 각 μ˜μ—­μ— λ§žλŠ”
,
-
-
-
-
01 / 04
- Summer Vibes λ‚΄ 여름을 색닀λ₯΄κ²Œ 폴 λ°”μ…‹ μ—μ΄λ“œ&ν”„λΌνŽ˜ -
- Summer Vibes - λ‚΄ 여름을 색닀λ₯΄κ²Œ
폴 λ°”μ…‹ μ—μ΄λ“œ & ν”„λΌνŽ˜ - DETAIL - VIEW +
+
+
+
01 / 04
+ Summer Vibes λ‚΄ 여름을 색닀λ₯΄κ²Œ 폴 λ°”μ…‹ μ—μ΄λ“œ&ν”„λΌνŽ˜ +
+ Summer Vibes + λ‚΄ 여름을 색닀λ₯΄κ²Œ
폴 λ°”μ…‹ μ—μ΄λ“œ & ν”„λΌνŽ˜ + DETAIL VIEW +
-
-
-
02 / 04
- Freshly Made μžμ—°μ˜ 신선함을 κ·ΈλŒ€λ‘œ, ν† λ§ˆν†  & κ³ μ°½μˆ˜λ°•μ£ΌμŠ€ -
- Freshly Made - μžμ—°μ˜ 신선함을 κ·ΈλŒ€λ‘œ,
ν† λ§ˆν†  & κ³ μ°½μˆ˜λ°•μ£ΌμŠ€ - DETAIL - VIEW +
+
02 / 04
+ Freshly Made μžμ—°μ˜ 신선함을 κ·ΈλŒ€λ‘œ, ν† λ§ˆν†  & κ³ μ°½μˆ˜λ°•μ£ΌμŠ€ +
+ Freshly Made + μžμ—°μ˜ 신선함을 κ·ΈλŒ€λ‘œ,
ν† λ§ˆν†  & κ³ μ°½μˆ˜λ°•μ£ΌμŠ€ + DETAIL VIEW +
-
-
-
03 / 04
- Find your Summer Snow μž…μ•ˆ 가득 λ²ˆμ§€λŠ” μ‹œμ›ν•œ 여름 λˆˆκ½ƒ -
- Find your
Summer Snow - μž…μ•ˆ 가득 λ²ˆμ§€λŠ” μ‹œμ›ν•œ 여름 λˆˆκ½ƒ - DETAIL - VIEW +
+
03 / 04
+ Find your Summer Snow μž…μ•ˆ 가득 λ²ˆμ§€λŠ” μ‹œμ›ν•œ 여름 λˆˆκ½ƒ +
+ Find your
Summer Snow + μž…μ•ˆ 가득 λ²ˆμ§€λŠ” μ‹œμ›ν•œ 여름 λˆˆκ½ƒ + DETAIL VIEW +
-
-
-
04 / 04
- Sweet Corn Festival 달콀함을 가득 담은 μ΄ˆλ‹Ήμ˜₯수수 음료&μ•„μ΄μŠ€ν¬λ¦Ό -
- Sweet Corn
Festival - 달콀함을 가득 담은 μ΄ˆλ‹Ήμ˜₯수수 음료 & μ•„μ΄μŠ€ν¬λ¦Ό - DETAIL - VIEW +
+
04 / 04
+ Sweet Corn Festival 달콀함을 가득 담은 μ΄ˆλ‹Ήμ˜₯수수 음료&μ•„μ΄μŠ€ν¬λ¦Ό +
+ Sweet Corn
Festival + 달콀함을 가득 담은 μ΄ˆλ‹Ήμ˜₯수수 음료 & μ•„μ΄μŠ€ν¬λ¦Ό + DETAIL VIEW +
-
-
-
- +
+
+ +
-
-
-
- Find a storeFIND A STORE +
+
+ Find a storeFIND A STORE +
-
- -
-
-
-
NOTICE
-
-
-
폴바셋 평택 μ†Œμ‚¬ DT점 μ˜€ν”ˆ μ•ˆλ‚΄
-
폴바셋 λŒ€κ΅¬ 감삼 DT점 μ˜€ν”ˆ μ•ˆλ‚΄
-
폴바셋 κ²½μ‚° μ˜₯곑 DT점 μ˜€ν”ˆ μ•ˆλ‚΄
-
폴바셋 ꡬ미 봉곑 DT점 μ˜€ν”ˆ μ•ˆλ‚΄
-
폴바셋 연세와병원점 μ˜€ν”ˆ μ•ˆλ‚΄
+ +
+
+
+
NOTICE
+
+
+
폴바셋 평택 μ†Œμ‚¬ DT점 μ˜€ν”ˆ μ•ˆλ‚΄
+
폴바셋 λŒ€κ΅¬ 감삼 DT점 μ˜€ν”ˆ μ•ˆλ‚΄
+
폴바셋 κ²½μ‚° μ˜₯곑 DT점 μ˜€ν”ˆ μ•ˆλ‚΄
+
폴바셋 ꡬ미 봉곑 DT점 μ˜€ν”ˆ μ•ˆλ‚΄
+
폴바셋 연세와병원점 μ˜€ν”ˆ μ•ˆλ‚΄
+
-
-
- - - - + +
+
+ + From ff845f6d39e934c1b491d2a40002b27f7440c822 Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 14:30:41 +0900 Subject: [PATCH 05/18] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=A0=88?= =?UTF-8?q?=EB=8C=80=EA=B2=BD=EB=A1=9C=EB=A1=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 25e67182..07f99c59 100644 --- a/index.html +++ b/index.html @@ -112,7 +112,7 @@
01 / 04
Summer Vibes λ‚΄ 여름을 색닀λ₯΄κ²Œ 폴 λ°”μ…‹ μ—μ΄λ“œ&ν”„λΌνŽ˜
@@ -131,7 +131,7 @@
02 / 04
Freshly Made μžμ—°μ˜ 신선함을 κ·ΈλŒ€λ‘œ, ν† λ§ˆν†  & κ³ μ°½μˆ˜λ°•μ£ΌμŠ€
@@ -150,7 +150,7 @@
03 / 04
Find your Summer Snow μž…μ•ˆ 가득 λ²ˆμ§€λŠ” μ‹œμ›ν•œ 여름 λˆˆκ½ƒ
@@ -167,7 +167,7 @@
04 / 04
Sweet Corn Festival 달콀함을 가득 담은 μ΄ˆλ‹Ήμ˜₯수수 음료&μ•„μ΄μŠ€ν¬λ¦Ό
From 0c08cebfa4524eeee0db235d2e06c787a2ff860e Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 16:03:51 +0900 Subject: [PATCH 06/18] =?UTF-8?q?camelcase=EB=A1=9C=20=EC=9E=91=EC=84=B1?= =?UTF-8?q?=EB=90=9C=20=ED=81=B4=EB=9E=98=EC=8A=A4=EB=AA=85=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 8 ++-- main.css | 125 ++++++++++++++++++++++++++--------------------------- main.js | 48 ++++++++++---------- 3 files changed, 87 insertions(+), 94 deletions(-) diff --git a/index.html b/index.html index 07f99c59..dc60f356 100644 --- a/index.html +++ b/index.html @@ -109,7 +109,7 @@
-
+
01 / 04
-
+
02 / 04
-
+
03 / 04
-
+
04 / 04
li:nth-child(6) { +.header_wrap .menu_bar .menu_center > li:nth-child(6) { font-weight: 700; } @@ -248,7 +247,7 @@ } .header_wrap .menu_bar .menu_center li:hover span a { - color: #EA094B; + color: #ea094b; font-weight: 700; } @@ -257,7 +256,7 @@ content: ""; width: 100%; height: 2px; - background: #EA094B; + background: #ea094b; opacity: 1; } @@ -271,7 +270,7 @@ } .header_wrap .menu_bar .menu_center li a { - font-family: 'Noto Sans KR', sans-serif; + font-family: "Noto Sans KR", sans-serif; color: #242424; text-decoration: none; font-size: 14px; @@ -300,7 +299,8 @@ .header_wrap .menu_right .menu_right_top a { text-decoration: none; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", + "Lucida Sans", Arial, sans-serif; font-size: 12px; letter-spacing: 0.5px; color: #fff; @@ -312,7 +312,6 @@ opacity: 1; } - .header_wrap .menu_right .menu_right_bottom { display: flex; flex-direction: row; @@ -328,13 +327,14 @@ .header_wrap .menu_right .menu_right_bottom a { text-decoration: none; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", + "Lucida Sans", Arial, sans-serif; font-size: 12px; letter-spacing: 0.5px; opacity: 0.8; margin-right: 29px; text-decoration: none; - color: #F0DEC8; + color: #f0dec8; } .header_wrap .menu_right .menu_right_bottom a:hover { @@ -359,7 +359,7 @@ } .sidebar ul li a { - font-family: 'Noto Sans KR', sans-serif; + font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #fff; text-decoration: none; @@ -395,9 +395,9 @@ padding-top: 5px; padding-bottom: 5px; margin-left: 20px; - font-family: 'Noto Sans KR', sans-serif; + font-family: "Noto Sans KR", sans-serif; font-size: 16px; - color: #EA094B; + color: #ea094b; background-color: #fff; } @@ -420,22 +420,21 @@ color: #ffffff; text-decoration: none; font-size: 18px; - font-family: 'Noto Sans KR', sans-serif; + font-family: "Noto Sans KR", sans-serif; } .find a:hover { - color: #EA094B; + color: #ea094b; font-weight: bolder; font-size: 22px; transition: 0.3s; } -.find a:hover>img { +.find a:hover > img { transform: scale(1.4); transition: 0.5s; } - /* notice slider μ˜μ—­ */ .notice { display: flex; @@ -470,7 +469,7 @@ top: 0; height: 45px; margin-left: 80px; - font-family: 'Noto Sans KR' sans-serif; + font-family: "Noto Sans KR" sans-serif; font-size: 15px; font-weight: 700; } @@ -491,12 +490,11 @@ .notice_swiper .change_outer .element { display: block; - font-family: 'Noto Sans KR', sans-serif; + font-family: "Noto Sans KR", sans-serif; font-size: 16px; } @keyframes rotate { - 10%, 15%, 100% { @@ -524,32 +522,31 @@ } } - .footer_wrap .events { display: flex; flex-direction: row; justify-content: space-evenly; - background-color: #382E2C; + background-color: #382e2c; padding: 50px; } .footer_wrap .events .event1 { margin-right: 80px; - background-image: url('/images/event1.jpg'); + background-image: url("/images/event1.jpg"); width: 854px; height: 548px; opacity: 0.6; border-radius: 150px 0 0 0; - cursor: pointer; + cursor: pointer; } .footer_wrap .events .event1 a { text-decoration: none; - color: inherit; + color: inherit; } .footer_wrap .events .event1 h3 { - font-family: 'Noto Sans KR', sans-serif; + font-family: "Noto Sans KR", sans-serif; font-size: 4em; letter-spacing: -4px; margin-left: 50px; @@ -559,7 +556,7 @@ } .footer_wrap .events .event2 h3 { - font-family: 'Noto Sans KR', sans-serif; + font-family: "Noto Sans KR", sans-serif; font-size: 4em; letter-spacing: -4px; margin-left: 30px; @@ -569,14 +566,14 @@ } .footer_wrap .events .event1 span { - font-family: 'Noto Sans KR', sans-serif; + font-family: "Noto Sans KR", sans-serif; font-size: 20px; margin-left: 50px; color: #484848; } .footer_wrap .events .event2 span { - font-family: 'Noto Sans KR', sans-serif; + font-family: "Noto Sans KR", sans-serif; font-size: 20px; margin-left: 30px; color: #e6e6e6; @@ -584,7 +581,7 @@ .footer_wrap .events .event1:hover { margin-right: 80px; - background-image: url('/images/event1.jpg'); + background-image: url("/images/event1.jpg"); width: 854px; height: 548px; opacity: 1; @@ -592,12 +589,12 @@ } .footer_wrap .events .event1:hover h3 { - background-color: #EA094B; + background-color: #ea094b; margin-left: -30px; margin-right: -30px; padding: 15px; text-shadow: 2px 2px #525252; - transition: .2s; + transition: 0.2s; opacity: 1; } @@ -607,7 +604,7 @@ } .footer_wrap .events .event2 { - background-image: url('/images/event2.jpg'); + background-image: url("/images/event2.jpg"); width: 400px; height: 548px; opacity: 0.6; @@ -620,7 +617,7 @@ } .footer_wrap .events .event2:hover { - background-image: url('/images/event2.jpg'); + background-image: url("/images/event2.jpg"); width: 400px; height: 548px; opacity: 1; @@ -628,12 +625,12 @@ } .footer_wrap .events .event2:hover h3 { - background-color: #EA094B; + background-color: #ea094b; margin-left: -10px; margin-right: -10px; padding: 15px; text-shadow: 2px 2px #525252; - transition: .2s; + transition: 0.2s; opacity: 1; } @@ -642,7 +639,7 @@ } .footer_wrap .utils { - background-color: #3C3937; + background-color: #3c3937; display: flex; flex-direction: row; justify-content: space-between; @@ -650,12 +647,12 @@ height: 180px; } -.footer_wrap .utils .util_left{ +.footer_wrap .utils .util_left { padding: 2%; } .footer_wrap .utils .util_left a { - font-family: 'Noto Sans KR', sans-serif; + font-family: "Noto Sans KR", sans-serif; font-size: 13px; margin-right: 20px; color: #fff; @@ -663,17 +660,17 @@ opacity: 0.8; } -.footer_wrap .utils .util_left a:hover{ +.footer_wrap .utils .util_left a:hover { opacity: 1; } -.footer_wrap .utils .util_left span::after{ +.footer_wrap .utils .util_left span::after { display: inline-block; border-right: 1px solid #a7a7a7; } .footer_wrap .utils .util_left .biz { - font-family: 'Noto Sans KR', sans-serif; + font-family: "Noto Sans KR", sans-serif; font-size: 12px; margin-top: 30px; color: #c0c0c0; @@ -686,7 +683,7 @@ justify-content: space-evenly; align-items: center; width: 25%; - margin-right:1%; + margin-right: 1%; } .footer_wrap .utils .util_right img:nth-child(1) { @@ -705,7 +702,7 @@ height: 20px; } -.footer_wrap .utils .util_right a:nth-child(5) img{ +.footer_wrap .utils .util_right a:nth-child(5) img { width: 25px; height: 30px; -} \ No newline at end of file +} diff --git a/main.js b/main.js index e052d1c4..798e6440 100644 --- a/main.js +++ b/main.js @@ -3,7 +3,7 @@ showSlides(); function showSlides() { let i; - let slides = document.getElementsByClassName("mySlides"); + let slides = document.getElementsByClassName("my-slides"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } @@ -15,35 +15,33 @@ function showSlides() { setTimeout(showSlides, 7000); // Change image every 5 seconds } - // Get the elements needed -const logoImage = document.getElementById('logoImage'); -const innerArea = document.querySelector('nav'); +const logoImage = document.getElementById("logoImage"); +const innerArea = document.querySelector("nav"); // Add event listener to handle hover -innerArea.addEventListener('mouseenter', () => { +innerArea.addEventListener("mouseenter", () => { // Change the image source to logo_h.png when hovering logoImage.src = "/images/logo_h.png"; }); -innerArea.addEventListener('mouseleave', () => { +innerArea.addEventListener("mouseleave", () => { // Change the image source back to logo.png when not hovering logoImage.src = "/images/logo.png"; }); - // Get the elements needed -const sidesImages = document.querySelectorAll('.sides img'); +const sidesImages = document.querySelectorAll(".sides img"); // Function to change the image on hover function changeImageOnHover(event) { const image = event.target; - const altImageSrc = image.getAttribute('data-hover-src'); + const altImageSrc = image.getAttribute("data-hover-src"); if (altImageSrc) { // Store the original source in a custom attribute to switch back later - if (!image.getAttribute('data-original-src')) { - image.setAttribute('data-original-src', image.src); + if (!image.getAttribute("data-original-src")) { + image.setAttribute("data-original-src", image.src); } image.src = altImageSrc; @@ -53,7 +51,7 @@ function changeImageOnHover(event) { // Function to switch back to the original image when not hovered function switchBackToOriginal(event) { const image = event.target; - const originalSrc = image.getAttribute('data-original-src'); + const originalSrc = image.getAttribute("data-original-src"); if (originalSrc) { image.src = originalSrc; @@ -63,19 +61,17 @@ function switchBackToOriginal(event) { // Add event listeners to handle hover effect on all images in the .sides list sidesImages.forEach((image) => { // Extract the original source from the 'src' attribute and store it as 'data-original-src' - image.setAttribute('data-original-src', image.src); - image.addEventListener('mouseenter', changeImageOnHover); - image.addEventListener('mouseleave', switchBackToOriginal); + image.setAttribute("data-original-src", image.src); + image.addEventListener("mouseenter", changeImageOnHover); + image.addEventListener("mouseleave", switchBackToOriginal); }); - - // Get the elements needed -const menuRightTop = document.querySelectorAll('.menu_right_top a'); -const menuRightBot = document.querySelectorAll('.menu_right_bottom a'); -const hoveredArea = document.querySelector('.menu_center'); +const menuRightTop = document.querySelectorAll(".menu_right_top a"); +const menuRightBot = document.querySelectorAll(".menu_right_bottom a"); +const hoveredArea = document.querySelector(".menu_center"); // Add event listener to handle hover -hoveredArea.addEventListener('mouseenter', () => { +hoveredArea.addEventListener("mouseenter", () => { menuRightTop.forEach((anchor) => { anchor.style.color = "#242424"; }); @@ -84,7 +80,7 @@ hoveredArea.addEventListener('mouseenter', () => { }); }); -hoveredArea.addEventListener('mouseleave', () => { +hoveredArea.addEventListener("mouseleave", () => { // Change the font color of all anchor elements back to #F0DEC8 when not hovering menuRightTop.forEach((anchor) => { anchor.style.color = "#fff"; @@ -97,8 +93,8 @@ hoveredArea.addEventListener('mouseleave', () => { /** * μŠ¬λΌμ΄λ“œ μš”μ†Œ 관리 */ -new Swiper('.notice .swiper-container', { - direction: 'vertical', // 수직 μŠ¬λΌμ΄λ“œ +new Swiper(".notice .swiper-container", { + direction: "vertical", // 수직 μŠ¬λΌμ΄λ“œ autoplay: true, // μžλ™ μž¬μƒ μ—¬λΆ€ - loop: true // 반볡 μž¬μƒ μ—¬λΆ€ -}) \ No newline at end of file + loop: true, // 반볡 μž¬μƒ μ—¬λΆ€ +}); From 862cf1561c5e25a9acc805e938d305f332b12bc1 Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 16:07:04 +0900 Subject: [PATCH 07/18] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=ED=83=9C?= =?UTF-8?q?=EA=B7=B8=EC=97=90=20alt=20=EC=86=8D=EC=84=B1=20=EB=AA=A8?= =?UTF-8?q?=EB=91=90=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/index.html b/index.html index dc60f356..ae501371 100644 --- a/index.html +++ b/index.html @@ -191,6 +191,7 @@ >μΆ”μ²œλ©”λ‰΄
μΆ”μ²œλ©”λ‰΄
@@ -200,6 +201,7 @@ >페이슀뢁
페이슀뢁
@@ -209,6 +211,7 @@ >μΈμŠ€νƒ€κ·Έλž¨
μΈμŠ€νƒ€κ·Έλž¨
@@ -218,6 +221,7 @@ >유튜브
유튜브
@@ -227,6 +231,7 @@ >폴바셋 μ•±
폴바셋 μ•±
From 983a15711564684518966b3ecd0c12c8c64088c1 Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 16:18:24 +0900 Subject: [PATCH 08/18] =?UTF-8?q?setTimeout=20=ED=95=A8=EC=88=98=20?= =?UTF-8?q?=EB=B3=B4=EC=99=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/main.js b/main.js index 798e6440..36fe0cf3 100644 --- a/main.js +++ b/main.js @@ -3,6 +3,7 @@ showSlides(); function showSlides() { let i; + const SECONDS_TO_MS = 1000; let slides = document.getElementsByClassName("my-slides"); for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; @@ -12,7 +13,7 @@ function showSlides() { slideIndex = 1; } slides[slideIndex - 1].style.display = "block"; - setTimeout(showSlides, 7000); // Change image every 5 seconds + setTimeout(showSlides, 7 * SECONDS_TO_MS); // Change image every 7 seconds } // Get the elements needed From 754d50e591f74102702eb667c70312f75e749dfc Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 16:22:37 +0900 Subject: [PATCH 09/18] =?UTF-8?q?setTimeout=20=ED=95=A8=EC=88=98=20?= =?UTF-8?q?=EB=82=B4=20i=20=EB=B3=80=EC=88=98=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/main.js b/main.js index 36fe0cf3..6af0b813 100644 --- a/main.js +++ b/main.js @@ -2,10 +2,9 @@ let slideIndex = 0; showSlides(); function showSlides() { - let i; const SECONDS_TO_MS = 1000; let slides = document.getElementsByClassName("my-slides"); - for (i = 0; i < slides.length; i++) { + for (i = 0, max = slides.length; i < max; i++) { slides[i].style.display = "none"; } slideIndex++; From 613710d3325ee2f34715040ee5002ad0e04b3124 Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 16:24:51 +0900 Subject: [PATCH 10/18] =?UTF-8?q?event.target=EC=9D=84=20currentTarget?= =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main.js b/main.js index 6af0b813..3500df16 100644 --- a/main.js +++ b/main.js @@ -35,7 +35,7 @@ const sidesImages = document.querySelectorAll(".sides img"); // Function to change the image on hover function changeImageOnHover(event) { - const image = event.target; + const image = event.currentTarget; const altImageSrc = image.getAttribute("data-hover-src"); if (altImageSrc) { From 4b73f3776ed81f47e517240b300f53c142431506 Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 16:27:20 +0900 Subject: [PATCH 11/18] =?UTF-8?q?=EC=8A=AC=EB=9D=BC=EC=9D=B4=EB=93=9C=20?= =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20object-fit=20=EC=86=8D=EC=84=B1?= =?UTF-8?q?=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main.css | 1 + 1 file changed, 1 insertion(+) diff --git a/main.css b/main.css index f2f59005..1fb5a92a 100644 --- a/main.css +++ b/main.css @@ -5,6 +5,7 @@ .my-slides img { width: 100%; height: 100vh; + object-fit: cover; } /* Slideshow container */ From 0d35beef3766e949daef8b9fc906631d3de090aa Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 16:37:12 +0900 Subject: [PATCH 12/18] =?UTF-8?q?numbertext=20=EB=B6=80=EB=B6=84=20left=20?= =?UTF-8?q?=EB=8C=80=EC=8B=A0=20right=20=EC=86=8D=EC=84=B1=EC=9C=BC?= =?UTF-8?q?=EB=A1=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main.css b/main.css index 1fb5a92a..701957d9 100644 --- a/main.css +++ b/main.css @@ -105,7 +105,7 @@ .numbertext { position: absolute; top: 50%; - left: 93%; + right: 3%; padding: 15px; border-radius: 20px; font-family: "Noto Sans KR", sans-serif; From 9c29e790c4ba24bc82b2e2d7117585d9632dabdf Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 17:02:59 +0900 Subject: [PATCH 13/18] =?UTF-8?q?Noto=20Sans=20KR=20=ED=8F=B0=ED=8A=B8=20?= =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=9D=BC=EA=B4=84=20=EC=A7=80?= =?UTF-8?q?=EC=A0=95=20=EB=B0=8F=20=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20?= =?UTF-8?q?=EC=BD=94=EB=93=9C=20=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main.css | 24 +++++------------------- 1 file changed, 5 insertions(+), 19 deletions(-) diff --git a/main.css b/main.css index 701957d9..fd5fe7e3 100644 --- a/main.css +++ b/main.css @@ -1,3 +1,7 @@ +html div span a h3 { + font-family: "Noto Sans KR", sans-serif; +} + .my-slides { display: none; } @@ -25,7 +29,6 @@ } .txtArea strong { - font-family: "Noto Sans KR", sans-serif; font-weight: 700; color: #fff; font-size: 5em; @@ -33,7 +36,6 @@ } .txtArea span { - font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #fff; margin-top: 30px; @@ -42,7 +44,6 @@ } .txtArea a { - font-family: "Noto Sans KR", sans-serif; color: #fff; font-size: 1em; font-weight: 700; @@ -53,7 +54,6 @@ .my-slides:nth-child(2) strong, .my-slides:nth-child(3) strong { - font-family: "Noto Sans KR", sans-serif; font-weight: 700; color: #212121; font-size: 5em; @@ -62,7 +62,6 @@ .my-slides:nth-child(2) span, .my-slides:nth-child(3) span { - font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #212121; margin-top: 30px; @@ -72,7 +71,6 @@ .my-slides:nth-child(2) a, .my-slides:nth-child(3) a { - font-family: "Noto Sans KR", sans-serif; color: #212121; font-size: 1em; font-weight: 700; @@ -108,7 +106,6 @@ right: 3%; padding: 15px; border-radius: 20px; - font-family: "Noto Sans KR", sans-serif; color: #fff; background-color: rgba(92, 92, 92, 0.2); font-size: 20px; @@ -215,12 +212,12 @@ } .header_wrap .menu_bar .menu_center li span a { - font-family: "Noto Sans KR", sans-serif; font-size: 14px; letter-spacing: 2px; line-height: 30px; color: #fff; text-decoration: none; + font-weight: 700; } .header_wrap .menu_bar .menu_center:hover li span a { @@ -271,7 +268,6 @@ } .header_wrap .menu_bar .menu_center li a { - font-family: "Noto Sans KR", sans-serif; color: #242424; text-decoration: none; font-size: 14px; @@ -360,7 +356,6 @@ } .sidebar ul li a { - font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #fff; text-decoration: none; @@ -396,7 +391,6 @@ padding-top: 5px; padding-bottom: 5px; margin-left: 20px; - font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #ea094b; background-color: #fff; @@ -421,7 +415,6 @@ color: #ffffff; text-decoration: none; font-size: 18px; - font-family: "Noto Sans KR", sans-serif; } .find a:hover { @@ -491,7 +484,6 @@ .notice_swiper .change_outer .element { display: block; - font-family: "Noto Sans KR", sans-serif; font-size: 16px; } @@ -547,7 +539,6 @@ } .footer_wrap .events .event1 h3 { - font-family: "Noto Sans KR", sans-serif; font-size: 4em; letter-spacing: -4px; margin-left: 50px; @@ -557,7 +548,6 @@ } .footer_wrap .events .event2 h3 { - font-family: "Noto Sans KR", sans-serif; font-size: 4em; letter-spacing: -4px; margin-left: 30px; @@ -567,14 +557,12 @@ } .footer_wrap .events .event1 span { - font-family: "Noto Sans KR", sans-serif; font-size: 20px; margin-left: 50px; color: #484848; } .footer_wrap .events .event2 span { - font-family: "Noto Sans KR", sans-serif; font-size: 20px; margin-left: 30px; color: #e6e6e6; @@ -653,7 +641,6 @@ } .footer_wrap .utils .util_left a { - font-family: "Noto Sans KR", sans-serif; font-size: 13px; margin-right: 20px; color: #fff; @@ -671,7 +658,6 @@ } .footer_wrap .utils .util_left .biz { - font-family: "Noto Sans KR", sans-serif; font-size: 12px; margin-top: 30px; color: #c0c0c0; From 4d103614f4cd2581eb1fbffb4555ff45c63f39af Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 17:05:54 +0900 Subject: [PATCH 14/18] =?UTF-8?q?=EC=8A=AC=EB=9D=BC=EC=9D=B4=EB=93=9C=20?= =?UTF-8?q?=EB=82=B4=20=EC=84=A4=EB=AA=85=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20?= =?UTF-8?q?font-size=201em=EC=9C=BC=EB=A1=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/main.css b/main.css index fd5fe7e3..5cadbf3b 100644 --- a/main.css +++ b/main.css @@ -36,7 +36,7 @@ html div span a h3 { } .txtArea span { - font-size: 18px; + font-size: 1em; color: #fff; margin-top: 30px; line-height: 25px; @@ -62,7 +62,7 @@ html div span a h3 { .my-slides:nth-child(2) span, .my-slides:nth-child(3) span { - font-size: 18px; + font-size: 1em; color: #212121; margin-top: 30px; line-height: 25px; From c4cdb4325024f05865115949d275e571593f6fc7 Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 17:07:51 +0900 Subject: [PATCH 15/18] =?UTF-8?q?sidebar=20=EC=9C=84=EC=B9=98=20=EC=9D=BC?= =?UTF-8?q?=EB=B6=80=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/main.css b/main.css index 5cadbf3b..0a9bbd46 100644 --- a/main.css +++ b/main.css @@ -347,8 +347,8 @@ html div span a h3 { display: flex; flex-direction: column; position: absolute; - top: -520px; - left: 20px; + top: -580px; + left: 25px; width: 20px; padding: 15px; border-radius: 30px; From e2ef1ba69fd359e8d564f0afd15d93ac6a93764c Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 17:25:54 +0900 Subject: [PATCH 16/18] =?UTF-8?q?transition=EC=97=90=20=EC=A0=81=EC=9A=A9?= =?UTF-8?q?=20=EC=86=8D=EC=84=B1=20=EB=AA=85=EC=8B=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/main.css b/main.css index 0a9bbd46..6e95b7d0 100644 --- a/main.css +++ b/main.css @@ -200,7 +200,7 @@ html div span a h3 { .header_wrap .menu_bar nav ul li a:hover { color: #ea094b; - transition: 0.2s; + transition: opacity 0.2s; opacity: 1; } @@ -227,7 +227,7 @@ html div span a h3 { .header_wrap .menu_bar .menu_center li:hover span a:hover { color: #ea094b; - transition: 0.2s; + transition: opacity 0.2s; opacity: 1; } @@ -402,7 +402,7 @@ html div span a h3 { flex-direction: row; position: absolute; top: -200px; - left: 165px; + left: 10%; } .find img { @@ -426,7 +426,7 @@ html div span a h3 { .find a:hover > img { transform: scale(1.4); - transition: 0.5s; + transition: scale 0.5s; } /* notice slider μ˜μ—­ */ @@ -583,7 +583,7 @@ html div span a h3 { margin-right: -30px; padding: 15px; text-shadow: 2px 2px #525252; - transition: 0.2s; + transition: opacity 0.2s; opacity: 1; } @@ -619,7 +619,7 @@ html div span a h3 { margin-right: -10px; padding: 15px; text-shadow: 2px 2px #525252; - transition: 0.2s; + transition: opacity 0.2s; opacity: 1; } From e67c389475f450d55bffdda1f1d8de9a2d7af8ef Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 17:33:02 +0900 Subject: [PATCH 17/18] =?UTF-8?q?margin=20=EC=86=8D=EC=84=B1=20=EC=9E=85?= =?UTF-8?q?=EB=A0=A5=EA=B0=92=20=EA=B0=84=EC=86=8C=ED=99=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main.css | 24 ++++++++++-------------- 1 file changed, 10 insertions(+), 14 deletions(-) diff --git a/main.css b/main.css index 6e95b7d0..82b1b569 100644 --- a/main.css +++ b/main.css @@ -154,7 +154,7 @@ html div span a h3 { width: 100%; } -.header_wrap nav:after { +.header_wrap nav::after { display: flex; content: ""; width: 100%; @@ -170,7 +170,7 @@ html div span a h3 { pointer-events: none; } -.header_wrap nav:hover:after { +.header_wrap nav:hover::after { height: 280px; opacity: 1; } @@ -200,7 +200,7 @@ html div span a h3 { .header_wrap .menu_bar nav ul li a:hover { color: #ea094b; - transition: opacity 0.2s; + transition: 0.2s; opacity: 1; } @@ -235,7 +235,7 @@ html div span a h3 { font-weight: 700; } -.header_wrap .menu_bar .menu_center li span a:after { +.header_wrap .menu_bar .menu_center li span a::after { display: block; content: ""; width: 100%; @@ -249,7 +249,7 @@ html div span a h3 { font-weight: 700; } -.header_wrap .menu_bar .menu_center li:hover span a:after { +.header_wrap .menu_bar .menu_center li:hover span a::after { display: block; content: ""; width: 100%; @@ -426,7 +426,7 @@ html div span a h3 { .find a:hover > img { transform: scale(1.4); - transition: scale 0.5s; + transition: 0.5s; } /* notice slider μ˜μ—­ */ @@ -541,18 +541,14 @@ html div span a h3 { .footer_wrap .events .event1 h3 { font-size: 4em; letter-spacing: -4px; - margin-left: 50px; - margin-top: 50px; - margin-bottom: 30px; + margin: 50px 50px 30px; color: #fff; } .footer_wrap .events .event2 h3 { font-size: 4em; letter-spacing: -4px; - margin-left: 30px; - margin-top: 180px; - margin-bottom: 30px; + margin: 180px 30px 30px; color: #fff; } @@ -583,7 +579,7 @@ html div span a h3 { margin-right: -30px; padding: 15px; text-shadow: 2px 2px #525252; - transition: opacity 0.2s; + transition: 0.2s; opacity: 1; } @@ -619,7 +615,7 @@ html div span a h3 { margin-right: -10px; padding: 15px; text-shadow: 2px 2px #525252; - transition: opacity 0.2s; + transition: 0.2s; opacity: 1; } From 4c2413b2a4f190982fcb9bacda0b3eb77bba219b Mon Sep 17 00:00:00 2001 From: mysdpy30s Date: Mon, 7 Aug 2023 17:43:27 +0900 Subject: [PATCH 18/18] =?UTF-8?q?=EC=9A=94=EC=86=8C=20=EB=B0=B0=EC=B9=98?= =?UTF-8?q?=20=EC=9D=BC=EB=B6=80=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- main.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/main.css b/main.css index 82b1b569..ad056af4 100644 --- a/main.css +++ b/main.css @@ -4,6 +4,7 @@ html div span a h3 { .my-slides { display: none; + position: relative; } .my-slides img { @@ -24,7 +25,7 @@ html div span a h3 { display: flex; flex-direction: column; position: absolute; - margin-top: -31%; + margin-top: -30%; margin-left: 10%; } @@ -103,7 +104,7 @@ html div span a h3 { .numbertext { position: absolute; top: 50%; - right: 3%; + right: 2%; padding: 15px; border-radius: 20px; color: #fff; @@ -435,7 +436,7 @@ html div span a h3 { position: absolute; top: 92%; width: 600px; - height: 72px; + height: 75px; overflow: hidden; background: #fff; color: #333;