From bdecc6fbad88428e6e8e34bb6d8a912e05d0e450 Mon Sep 17 00:00:00 2001 From: Yerin Date: Wed, 8 May 2024 20:26:02 +0900 Subject: [PATCH] =?UTF-8?q?refactor:=20=ED=8F=B4=EB=8D=94=20=EA=B5=AC?= =?UTF-8?q?=EC=A1=B0=20=EB=B3=80=EA=B2=BD=20=EB=B0=8F=20footer=20=EB=8B=A4?= =?UTF-8?q?=ED=81=AC=EB=AA=A8=EB=93=9C=20=EB=B0=98=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/{ => page}/detail.css | 2 +- css/{ => page}/footer.css | 40 +++++++++++-------- css/{ => page}/profile.css | 2 +- css/{ => page}/review.css | 4 +- css/{ => page}/search-result.css | 0 css/{ => page}/search.css | 0 css/{ => page}/subpage.css | 0 img/common/ico-footer-wavve.svg | 8 ++++ index.html | 34 +++++++--------- js/common.js | 2 +- js/index.js | 13 +++--- js/{ => page}/detail.js | 5 ++- js/{ => page}/profile.js | 0 js/{ => page}/review/index.js | 0 .../review/reviewForm/deleteReviewHandler.js | 0 .../review/reviewForm/editReviewHandler.js | 0 .../review/reviewForm/isValidReviewValues.js | 0 .../review/reviewForm/starRatingHandler.js | 0 js/{ => page}/review/reviewForm/useModal.js | 0 js/{ => page}/review/reviewForm/utils.js | 0 .../review/reviewForm/writeReviewHandler.js | 2 +- .../review/reviewList/getMovieReviews.js | 0 .../review/reviewList/renderMovieReviews.js | 0 js/{ => page}/review/utils.js | 4 +- js/{ => page}/searchList.js | 6 +-- js/{ => page}/searchMain.js | 2 +- js/{ => page}/subpage.js | 2 +- js/renderMovieDisplay.js | 2 +- detail.html => page/detail.html | 34 ++++++++-------- {subpage => page}/nowplaying.html | 18 ++++----- {subpage => page}/popular.html | 18 ++++----- profile.html => page/profile.html | 16 ++++---- search-result.html => page/search-result.html | 30 +++++++------- search.html => page/search.html | 34 ++++++++-------- {subpage => page}/top20.html | 18 ++++----- {subpage => page}/upcoming.html | 18 ++++----- 36 files changed, 165 insertions(+), 149 deletions(-) rename css/{ => page}/detail.css (99%) rename css/{ => page}/footer.css (84%) rename css/{ => page}/profile.css (97%) rename css/{ => page}/review.css (97%) rename css/{ => page}/search-result.css (100%) rename css/{ => page}/search.css (100%) rename css/{ => page}/subpage.css (100%) create mode 100644 img/common/ico-footer-wavve.svg rename js/{ => page}/detail.js (97%) rename js/{ => page}/profile.js (100%) rename js/{ => page}/review/index.js (100%) rename js/{ => page}/review/reviewForm/deleteReviewHandler.js (100%) rename js/{ => page}/review/reviewForm/editReviewHandler.js (100%) rename js/{ => page}/review/reviewForm/isValidReviewValues.js (100%) rename js/{ => page}/review/reviewForm/starRatingHandler.js (100%) rename js/{ => page}/review/reviewForm/useModal.js (100%) rename js/{ => page}/review/reviewForm/utils.js (100%) rename js/{ => page}/review/reviewForm/writeReviewHandler.js (94%) rename js/{ => page}/review/reviewList/getMovieReviews.js (100%) rename js/{ => page}/review/reviewList/renderMovieReviews.js (100%) rename js/{ => page}/review/utils.js (86%) rename js/{ => page}/searchList.js (87%) rename js/{ => page}/searchMain.js (97%) rename js/{ => page}/subpage.js (90%) rename detail.html => page/detail.html (83%) rename {subpage => page}/nowplaying.html (79%) rename {subpage => page}/popular.html (79%) rename profile.html => page/profile.html (79%) rename search-result.html => page/search-result.html (66%) rename search.html => page/search.html (62%) rename {subpage => page}/top20.html (79%) rename {subpage => page}/upcoming.html (79%) diff --git a/css/detail.css b/css/page/detail.css similarity index 99% rename from css/detail.css rename to css/page/detail.css index ab085ef..8af931e 100644 --- a/css/detail.css +++ b/css/page/detail.css @@ -274,7 +274,7 @@ .video-detail .text-box .share-button .icon { display: block; - mask: url(../img/detail/element-icon-share.svg); + mask: url(../../img/detail/element-icon-share.svg); width: 30px; height: 30px; background: var(--main-color0); diff --git a/css/footer.css b/css/page/footer.css similarity index 84% rename from css/footer.css rename to css/page/footer.css index db0d576..defc63e 100644 --- a/css/footer.css +++ b/css/page/footer.css @@ -1,12 +1,12 @@ .footer { - border-top: 1px solid #2f2f2f; + border-top: 1px solid var(--main-color5); min-width: 1240px; overflow: hidden; box-sizing: border-box; } .footer-notice { - border-bottom: 1px solid #2f2f2f; + border-bottom: 1px solid var(--main-color5); } .footer-notice-inner { width: 1240px; @@ -26,7 +26,7 @@ position: absolute; top: 0; right: 54px; - border-left: 1px solid #2f2f2f; + border-left: 1px solid var(--main-color5); height: 50px; z-index: 200; } @@ -34,8 +34,8 @@ position: absolute; top: 0; right: 0; - border-right: 1px solid #2f2f2f; - border-left: 1px solid #2f2f2f; + border-right: 1px solid var(--main-color5); + border-left: 1px solid var(--main-color5); height: 50px; z-index: 200; } @@ -65,7 +65,7 @@ transition-duration: 300ms; } .footer-swiper-container li { - font-weight: 500; + font-weight: 400; font-size: 17px; color: #a5a5a5; } @@ -144,18 +144,22 @@ a:visited { display: flex; right: 0; top: 20px; - height: 40px; font-size: 0; } .footer-wavveon .logo { - width: 94px; - height: 38px; margin-right: 1px; - font-size: 0; - line-height: 38px; text-align: center; - background-color: #252525; + background: var(--main-color6); +} + +.footer-wavveon .logo-img { + width: 94px; + height: 38px; + display: block; + mask: url(../../img/common/ico-footer-wavve.svg); + mask-size: 94px; + background: var(--main-color0); } .footer-wavveon select { display: inline-block; @@ -165,10 +169,9 @@ a:visited { padding-left: 13px; margin-right: 10px; line-height: 32px; - color: #a5a5a5; - border: 1px solid #252525; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADfSURBVDhPYxgFo4AKICMjowyIpaFcnCA3N1cGpBbKhQMmKA0H////vwTE59LT07WgQhgAJPfr16+zILVQIThghtJwcPbs2TsmJiZPgczFxsbGa4D8jxAZCEhLS5NjZGQ8AGQWz5w5cwNEFAEwDAQBoCFXgIb+BmqcCjR0OZD/DSQONEwESB1iYmLqBRo2DySGDhihNFYANKAJSHmzsLDYg/h///4FuWw70LBaEB8bwGsgCADDazowrDSBzH9AF98GGpYOkcEOMCIFHUhKSmYDqVdA/A7IzgQLjoIRDRgYAMM3S1P54/NdAAAAAElFTkSuQmCC) - #252525 96% 50% no-repeat; + color: var(--main-color2); + border: 1px solid var(--main-color6); + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADfSURBVDhPYxgFo4AKICMjowyIpaFcnCA3N1cGpBbKhQMmKA0H////vwTE59LT07WgQhgAJPfr16+zILVQIThghtJwcPbs2TsmJiZPgczFxsbGa4D8jxAZCEhLS5NjZGQ8AGQWz5w5cwNEFAEwDAQBoCFXgIb+BmqcCjR0OZD/DSQONEwESB1iYmLqBRo2DySGDhihNFYANKAJSHmzsLDYg/h///4FuWw70LBaEB8bwGsgCADDazowrDSBzH9AF98GGpYOkcEOMCIFHUhKSmYDqVdA/A7IzgQLjoIRDRgYAMM3S1P54/NdAAAAAElFTkSuQmCC) var(--main-color6) 96% 50% no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; @@ -197,3 +200,8 @@ a:visited { .ghost-li { visibility: hidden; } + +.footer-notice-inner h2 a { + font-weight: 500; + color: var(--main-color0); +} \ No newline at end of file diff --git a/css/profile.css b/css/page/profile.css similarity index 97% rename from css/profile.css rename to css/page/profile.css index fe74e27..ec4b425 100644 --- a/css/profile.css +++ b/css/page/profile.css @@ -55,7 +55,7 @@ input:-webkit-autofill:focus, .logo_section a { width: 108px; height: 24px; - mask: url(../img/common/ci-wavve.svg) no-repeat center /cover; + mask: url(../../img/common/ci-wavve.svg) no-repeat center /cover; display: block; background: var(--main-color0); } diff --git a/css/review.css b/css/page/review.css similarity index 97% rename from css/review.css rename to css/page/review.css index 04d6850..e5f2b76 100644 --- a/css/review.css +++ b/css/page/review.css @@ -57,12 +57,12 @@ display: block; width: 12px; height: 12px; - mask: url(../img/detail/star-fill.svg) no-repeat center /12px; + mask: url(../../img/detail/star-fill.svg) no-repeat center /12px; background-color: var(--yellow-color1); } #reviewContainer [class*='star-half'] { - mask-image: url(../img/detail/star-half.svg); + mask-image: url(../../img/detail/star-half.svg); } #reviewContainer .section-title { diff --git a/css/search-result.css b/css/page/search-result.css similarity index 100% rename from css/search-result.css rename to css/page/search-result.css diff --git a/css/search.css b/css/page/search.css similarity index 100% rename from css/search.css rename to css/page/search.css diff --git a/css/subpage.css b/css/page/subpage.css similarity index 100% rename from css/subpage.css rename to css/page/subpage.css diff --git a/img/common/ico-footer-wavve.svg b/img/common/ico-footer-wavve.svg new file mode 100644 index 0000000..e6f668f --- /dev/null +++ b/img/common/ico-footer-wavve.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/index.html b/index.html index 9b05129..feefd65 100644 --- a/index.html +++ b/index.html @@ -18,7 +18,7 @@ crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css" /> - + @@ -30,7 +30,7 @@
- +
- + 검색
@@ -90,7 +88,7 @@
TOP 20 - + 더보기
@@ -108,7 +106,7 @@
NOW PLAYING - + 더보기
@@ -126,7 +124,7 @@
UPCOMING - + 더보기
@@ -144,7 +142,7 @@
POPULAR - + 더보기
@@ -218,10 +216,8 @@

diff --git a/search.html b/page/search.html similarity index 62% rename from search.html rename to page/search.html index 7d83a55..dcf38de 100644 --- a/search.html +++ b/page/search.html @@ -4,15 +4,15 @@ 검색 : Energivve(에너자이브) - - - - - + + + + + - - - + + +
@@ -30,27 +30,27 @@
- +
- +
diff --git a/subpage/top20.html b/page/top20.html similarity index 79% rename from subpage/top20.html rename to page/top20.html index 63d3d5c..ac085e7 100644 --- a/subpage/top20.html +++ b/page/top20.html @@ -7,10 +7,10 @@ - + - +
@@ -18,7 +18,7 @@
- + 검색
diff --git a/subpage/upcoming.html b/page/upcoming.html similarity index 79% rename from subpage/upcoming.html rename to page/upcoming.html index 752c723..536d136 100644 --- a/subpage/upcoming.html +++ b/page/upcoming.html @@ -7,10 +7,10 @@ - + - +
@@ -18,7 +18,7 @@
- + 검색