From 4d92bbfd4bbe481d9152faa9d18652bfdc1941d1 Mon Sep 17 00:00:00 2001 From: rrayy <72653431+rrayy-25809@users.noreply.github.com> Date: Tue, 30 Sep 2025 16:54:38 +0900 Subject: [PATCH 1/4] Create LICENSE --- LICENSE | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 LICENSE diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..0e42417 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2025 ISLAND + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. From d39066d246bdccad5df68a878ae54493d0ac9145 Mon Sep 17 00:00:00 2001 From: rrayy <72653431+rrayy-25809@users.noreply.github.com> Date: Tue, 30 Sep 2025 18:24:50 +0900 Subject: [PATCH 2/4] =?UTF-8?q?Changes=20to=20be=20committed:=20Footer=20?= =?UTF-8?q?=EA=B0=9C=EC=84=A0,=20Swiper=EB=A1=9C=20=EC=8A=AC=EB=9D=BC?= =?UTF-8?q?=EC=9D=B4=ED=84=B0=20=EC=B6=94=EA=B0=80=20=09modified:=20=20=20?= =?UTF-8?q?package-lock.json=20=09modified:=20=20=20package.json=20=09modi?= =?UTF-8?q?fied:=20=20=20src/App.tsx=20=09modified:=20=20=20src/components?= =?UTF-8?q?/ID.tsx=20=09new=20file:=20=20=20src/components/componets.scss?= =?UTF-8?q?=20=09modified:=20=20=20src/pages/Home.tsx=20=09modified:=20=20?= =?UTF-8?q?=20src/pages/pages.scss=20=09modified:=20=20=20src/style.scss?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 30 +++++++++++++++++- package.json | 4 ++- src/App.tsx | 18 ++++++++--- src/components/ID.tsx | 10 +++--- src/components/componets.scss | 33 ++++++++++++++++++++ src/pages/Home.tsx | 57 +++++++++++++++++++++++++++-------- src/pages/pages.scss | 22 ++++++++++++-- src/style.scss | 30 +++++++++++++----- 8 files changed, 172 insertions(+), 32 deletions(-) create mode 100644 src/components/componets.scss diff --git a/package-lock.json b/package-lock.json index c446285..1ab186f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,12 +13,14 @@ "react-dom": "^19.1.1", "react-i18next": "^15.7.3", "react-router-dom": "^7.9.1", - "soundcloud.ts": "^0.6.5" + "soundcloud.ts": "^0.6.5", + "swiper": "^12.0.2" }, "devDependencies": { "@eslint/js": "^9.33.0", "@types/react": "^19.1.10", "@types/react-dom": "^19.1.7", + "@types/swiper": "^5.4.3", "@vitejs/plugin-react": "^5.0.0", "eslint": "^9.33.0", "eslint-plugin-react-hooks": "^5.2.0", @@ -1754,6 +1756,13 @@ "@types/react": "^19.0.0" } }, + "node_modules/@types/swiper": { + "version": "5.4.3", + "resolved": "https://registry.npmjs.org/@types/swiper/-/swiper-5.4.3.tgz", + "integrity": "sha512-hJXpVeANf+XQXgbvmuFZdsnaSOKqOEZcaLDnHhZOJDRow+lfboatwubW+Ay9XiHobMGyEomkgpXSYRlDVn4gMQ==", + "dev": true, + "license": "MIT" + }, "node_modules/@typescript-eslint/eslint-plugin": { "version": "8.44.0", "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.44.0.tgz", @@ -3996,6 +4005,25 @@ "node": ">=8" } }, + "node_modules/swiper": { + "version": "12.0.2", + "resolved": "https://registry.npmjs.org/swiper/-/swiper-12.0.2.tgz", + "integrity": "sha512-y8F6fDGXmTVVgwqJj6I00l4FdGuhpFJn0U/9Ucn1MwWOw3NdLV8aH88pZOjyhBgU/6PyBlUx+JuAQ5KMWz906Q==", + "funding": [ + { + "type": "patreon", + "url": "https://www.patreon.com/swiperjs" + }, + { + "type": "open_collective", + "url": "http://opencollective.com/swiper" + } + ], + "license": "MIT", + "engines": { + "node": ">= 4.7.0" + } + }, "node_modules/sync-child-process": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/sync-child-process/-/sync-child-process-1.0.2.tgz", diff --git a/package.json b/package.json index b6b76c2..0f33b56 100644 --- a/package.json +++ b/package.json @@ -15,12 +15,14 @@ "react-dom": "^19.1.1", "react-i18next": "^15.7.3", "react-router-dom": "^7.9.1", - "soundcloud.ts": "^0.6.5" + "soundcloud.ts": "^0.6.5", + "swiper": "^12.0.2" }, "devDependencies": { "@eslint/js": "^9.33.0", "@types/react": "^19.1.10", "@types/react-dom": "^19.1.7", + "@types/swiper": "^5.4.3", "@vitejs/plugin-react": "^5.0.0", "eslint": "^9.33.0", "eslint-plugin-react-hooks": "^5.2.0", diff --git a/src/App.tsx b/src/App.tsx index 9a59287..d45b8fb 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -26,12 +26,20 @@ function App() { + ); } diff --git a/src/components/ID.tsx b/src/components/ID.tsx index dc20561..388a914 100644 --- a/src/components/ID.tsx +++ b/src/components/ID.tsx @@ -1,9 +1,11 @@ +import "./componets.scss"; + type Props = { - Song_Name?: string; - Artist_Name?: string; - Cover_Art?: string; + Song_Name: string; + Artist_Name: string; + Cover_Art: string; }; - +// TODO: 사클 API로 곡 데이터 만으로도 커버 아트 가져올 수 있게 바꾸기 function ID({ Song_Name, Artist_Name, Cover_Art}: Props) { return (
diff --git a/src/components/componets.scss b/src/components/componets.scss new file mode 100644 index 0000000..cb71693 --- /dev/null +++ b/src/components/componets.scss @@ -0,0 +1,33 @@ +.release-card { + cursor: pointer; + + width: 400px; + background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%); + border: 1px solid rgba(255, 255, 255, 0.08); + transition: all 0.4s ease; + padding: 5px; + + &:hover { + transform: translateY(-10px); + } + + .release-image { + width: 84%; + margin-left: 8%; + aspect-ratio: 1; + margin-bottom: 10px; + opacity: 0.5; + } + + h3 { + margin-top: 10px; + margin-bottom: 10px; + } + + .release-artist { + font-size: 12px; + opacity: 0.4; + text-transform: uppercase; + letter-spacing: 1px; + } +} diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 0b22d65..bd67cf5 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -1,23 +1,56 @@ import { useTranslation } from "react-i18next"; +import { Swiper, SwiperSlide } from 'swiper/react'; +import ID from "../components/ID"; +import 'swiper/swiper.css'; import "./pages.scss"; +import { EffectCoverflow, Pagination } from 'swiper/modules'; function HomePage(){ //API를 써서 리스트 가져오기? const { t } = useTranslation(); return ( -
-
-
-

ISLAND

-

{t("sub_title")}

-
-
-
- -
-
- ) +
+
+
+

ISLAND

+

{t("sub_title")}

+
+
+
+

{t("latest_releases")}

+ + + + + + + + + + + + + + +
+
+ ); } export default HomePage; \ No newline at end of file diff --git a/src/pages/pages.scss b/src/pages/pages.scss index bbf8e0d..ff6172e 100644 --- a/src/pages/pages.scss +++ b/src/pages/pages.scss @@ -1,4 +1,4 @@ -.hero { +.hero { //home height: 100vh; display: flex; align-items: center; @@ -26,8 +26,21 @@ } } +.ID-list{ + display: flex; + align-items: center; + padding: 10px; + + .swiper-slide { + background-position: center; + background-size: cover; + width: 400px !important; + } +} + .submit_form { - margin-top: 100px; + background-color: azure; + margin-top: 85px; width: 100%; iframe { @@ -41,4 +54,9 @@ margin-left: 0; } } +} + +.about { + margin-top: 85px; + width: 100%; } \ No newline at end of file diff --git a/src/style.scss b/src/style.scss index f3120f7..de80dda 100644 --- a/src/style.scss +++ b/src/style.scss @@ -82,14 +82,30 @@ header { } footer { - padding: 60px 0; + padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); + background: #0a0a0a; + color: #aaa; + font-size: 13px; text-align: center; -} + line-height: 1.6; -.footer-content { - font-size: 12px; - opacity: 0.4; - text-transform: uppercase; - letter-spacing: 2px; + a { + color: #aaa; + text-decoration: none; + transition: color 0.3s; + + &:hover { + color: #fff; + } + } + + .social { + margin-bottom: 10px; + letter-spacing: 1px; + } + + .contact { + margin-bottom: 10px; + } } \ No newline at end of file From b4efb1f5da2df534f3d2ef5e659b38fd34cf0615 Mon Sep 17 00:00:00 2001 From: rrayy <72653431+rrayy-25809@users.noreply.github.com> Date: Fri, 3 Oct 2025 16:17:11 +0900 Subject: [PATCH 3/4] =?UTF-8?q?Changes=20to=20be=20committed:=20JSON?= =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EC=A0=95=EB=B3=B4=20=EC=A0=80=EC=9E=A5,?= =?UTF-8?q?=20About=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=B6=94=EA=B0=80=20?= =?UTF-8?q?=09renamed:=20=20=20=20src/components/ID.tsx=20->=20src/compone?= =?UTF-8?q?nts/song=5Fcard.tsx=20=09modified:=20=20=20src/language/en.json?= =?UTF-8?q?=20=09modified:=20=20=20src/language/ko.json=20=09modified:=20?= =?UTF-8?q?=20=20src/main.tsx=20=09modified:=20=20=20src/pages/Home.tsx=20?= =?UTF-8?q?=09new=20file:=20=20=20src/pages/about.tsx=20=09modified:=20=20?= =?UTF-8?q?=20src/pages/pages.scss=20=09new=20file:=20=20=20src/releases.j?= =?UTF-8?q?son?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/{ID.tsx => song_card.tsx} | 4 +- src/language/en.json | 13 +- src/language/ko.json | 13 +- src/main.tsx | 5 +- src/pages/Home.tsx | 28 ++--- src/pages/about.tsx | 56 +++++++++ src/pages/pages.scss | 153 ++++++++++++++++++++++- src/releases.json | 36 ++++++ 8 files changed, 284 insertions(+), 24 deletions(-) rename src/components/{ID.tsx => song_card.tsx} (84%) create mode 100644 src/pages/about.tsx create mode 100644 src/releases.json diff --git a/src/components/ID.tsx b/src/components/song_card.tsx similarity index 84% rename from src/components/ID.tsx rename to src/components/song_card.tsx index 388a914..eea1ad6 100644 --- a/src/components/ID.tsx +++ b/src/components/song_card.tsx @@ -6,7 +6,7 @@ type Props = { Cover_Art: string; }; // TODO: 사클 API로 곡 데이터 만으로도 커버 아트 가져올 수 있게 바꾸기 -function ID({ Song_Name, Artist_Name, Cover_Art}: Props) { +function Song_card({ Song_Name, Artist_Name, Cover_Art}: Props) { return (
{Song_Name} @@ -18,4 +18,4 @@ function ID({ Song_Name, Artist_Name, Cover_Art}: Props) { ); } -export default ID; \ No newline at end of file +export default Song_card; \ No newline at end of file diff --git a/src/language/en.json b/src/language/en.json index d335f5b..2f02911 100644 --- a/src/language/en.json +++ b/src/language/en.json @@ -3,5 +3,16 @@ "home": "Home", "submit_id": "ID Submission", "about_island": "About ISLAND", - "sub_title" : "PROMOTING OUR FUTURE" + "sub_title" : "PROMOTING OUR FUTURE", + "releases": "Releases", + "what_is_ISLAND": " explores and showcases the latest electronic music trends, focusing on Future Bounce and Bass House, and is currently growing from a promotional channel to a full-fledged music label.", + "support_other_genres": "In addition to EDM, we are also striving to support the synthetic genre SoundMad, and are aiming to enter the global market outside of Korea in all genres.", + "what_we_do": "What We Do", + "promotion":"ID, 183 promotion", + "promotion_desc":"ID, 183 promotion using soundcloud", + "support":"Artist Support", + "support_desc":"Support for in-production tracks, feedback, collaboration opportunities", + "label":"Label Transition", + "label_desc":"We aim to become a label for growing artists", + "operators": "Operators" } \ No newline at end of file diff --git a/src/language/ko.json b/src/language/ko.json index 5c71e1d..fc5ee28 100644 --- a/src/language/ko.json +++ b/src/language/ko.json @@ -3,5 +3,16 @@ "home": "홈", "submit_id": "ID 제출", "about_island": "ISLAND 소개", - "sub_title" : "음악의 새로운 지평을 탐험하다" + "sub_title" : "음악의 새로운 지평을 탐험하다", + "releases": "발매곡", + "what_is_ISLAND": "는 Future Bounce, Bass House를 중심으로 최신 전자음악 트렌드를 발굴하고 소개하며, 현재 프로모션 채널에서 본격적인 음악 레이블로 성장하고 있습니다.", + "support_other_genres": "EDM외에도 합성장르인 SoundMad 또한 지원하고자 노력하고 있으며, 모든 장르에서 한국 외 글로벌 시장 진출을 목표로 하고 있습니다.", + "what_we_do": "우리가 하는 일", + "promotion":"ID, 183 프로모션", + "promotion_desc":"소셜 미디어를 활용한 ID 홍보", + "support":"아티스트 지원", + "support_desc":"자체제작 음향 소프트웨어 지원, 피드백 제공, 협업 기회", + "label":"레이블 전환", + "label_desc":"성장하는 아티스트를 위한 레이블 화", + "operators": "운영진" } \ No newline at end of file diff --git a/src/main.tsx b/src/main.tsx index fded973..b5ec6aa 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -4,15 +4,16 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom'; import App from './App'; // 최상위 레이아웃 컴포넌트, 공통 레이아웃 import HomePage from './pages/Home'; import SubmitPage from './pages/id_submit'; +import About from './pages/about'; const router = createBrowserRouter([ { path: '/', element: , children: [ - { index: true, element: }, + { index: true, element: }, { path: 'submission', element: }, - // { path: 'about', element: }, + { path: 'about', element: }, ], }, ]); diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index bd67cf5..c793bd4 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -1,13 +1,15 @@ import { useTranslation } from "react-i18next"; import { Swiper, SwiperSlide } from 'swiper/react'; -import ID from "../components/ID"; +import Song_card from "../components/song_card"; import 'swiper/swiper.css'; import "./pages.scss"; import { EffectCoverflow, Pagination } from 'swiper/modules'; +import releases from '../releases.json'; function HomePage(){ //API를 써서 리스트 가져오기? const { t } = useTranslation(); + console.log(releases); return (
@@ -17,8 +19,8 @@ function HomePage(){

{t("sub_title")}

-
-

{t("latest_releases")}

+
+

{t("releases")}

- - - - - - - - - - - - + {releases.map((song, idx) => ( + console.log("song"), + + + + ))}
diff --git a/src/pages/about.tsx b/src/pages/about.tsx new file mode 100644 index 0000000..010216b --- /dev/null +++ b/src/pages/about.tsx @@ -0,0 +1,56 @@ +import { useTranslation } from "react-i18next"; + +function About() { + const { t } = useTranslation(); + + return ( +
+
+

{t("about_island")}

+

+ ISLAND IDs{t("what_is_ISLAND")} +

+

+ {t("support_other_genres")} +

+
+
+

🎵 {t("what_we_do")}

+
+
+
{t("promotion")}
+
{t("promotion_desc")}
+
+
+
{t("support")}
+
{t("support_desc")}
+
+
+
{t("label")}
+
{t("label_desc")}
+
+
+
+
+

👥 {t("operators")}

+
+
+
Owner
+ 🎧 rrayy +
+
+
A&R Team
+ 🎵 Speedy + 🎵 hexa.cat +
+
+
Development Team
+ 💻 Soundsmell +
+
+
+
+ ); +} + +export default About; \ No newline at end of file diff --git a/src/pages/pages.scss b/src/pages/pages.scss index ff6172e..3c517dc 100644 --- a/src/pages/pages.scss +++ b/src/pages/pages.scss @@ -26,7 +26,7 @@ } } -.ID-list{ +.list{ display: flex; align-items: center; padding: 10px; @@ -58,5 +58,154 @@ .about { margin-top: 85px; - width: 100%; + padding: 20px; + + .card { + background: #2a2a2a; + border-radius: 12px; + padding: 30px; + margin-bottom: 30px; + box-shadow: 0 2px 8px rgba(0,0,0,0.3); + border: 1px solid #333; + animation: slideUp 0.8s ease-out; + } + + h2 { + font-size: 2em; + margin-bottom: 20px; + color: #fff; + border-bottom: 2px solid #444; + padding-bottom: 10px; + } + + .intro-text { + line-height: 1.8; + font-size: 1.1em; + margin-bottom: 15px; + } + + .services { + display: grid; + gap: 15px; + margin-top: 20px; + } + + .service-item { + background: #333; + padding: 20px; + border-radius: 8px; + border-left: 3px solid #666; + transition: transform 0.3s ease, border-color 0.3s ease; + } + + .service-item:hover { + transform: translateX(5px); + border-left-color: #fff; + } + + .service-title { + font-weight: bold; + font-size: 1.2em; + margin-bottom: 8px; + color: #fff; + } + + .team-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 20px; + margin-top: 20px; + } + + .team-section { + background: #333; + padding: 20px; + border-radius: 8px; + text-align: center; + } + + .team-role { + font-weight: bold; + font-size: 1.1em; + color: #fff; + margin-bottom: 15px; + } + + .team-member { + padding: 10px; + margin: 8px 0; + background: #3a3a3a; + border-radius: 6px; + transition: transform 0.2s ease; + color: #fff; + text-decoration-line: none; + display: block; + } + + .team-member:hover { + transform: scale(1.05); + background: #444; + } + + .links { + text-align: center; + margin-top: 30px; + } + + .link-btn { + display: inline-block; + padding: 12px 30px; + margin: 10px; + background: rgba(255, 255, 255, 0.2); + color: #fff; + text-decoration: none; + border-radius: 25px; + transition: all 0.3s ease; + border: 2px solid rgba(255, 255, 255, 0.3); + } + + .link-btn:hover { + background: rgba(255, 215, 0, 0.3); + border-color: #ffd700; + transform: translateY(-3px); + box-shadow: 0 5px 15px rgba(255, 215, 0, 0.4); + } + + footer { + text-align: center; + padding: 30px; + font-style: italic; + font-size: 1.2em; + opacity: 0.9; + } + + @keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } + } + + @keyframes slideUp { + from { + opacity: 0; + transform: translateY(30px); + } + to { + opacity: 1; + transform: translateY(0); + } + } + + @media (max-width: 768px) { + h1 { + font-size: 2.5em; + } + + .card { + padding: 20px; + } + + .team-grid { + grid-template-columns: 1fr; + } + } } \ No newline at end of file diff --git a/src/releases.json b/src/releases.json new file mode 100644 index 0000000..76e5e74 --- /dev/null +++ b/src/releases.json @@ -0,0 +1,36 @@ +[ + { + "Song_Name": "Dance VIP", + "Artist_Name": "rrayy", + "Cover_Art": "https://i1.sndcdn.com/artworks-iaMIZrXjJXGWNzuz-MkkI4g-t1080x1080.jpg", + "SoundCloud": "https://soundcloud.com/rrayy-25809/dance-vip-mix", + "Spotify": "https://open.spotify.com/track/3uPAiH1VDa0GghVW5cNYn6?si=d4d8b9eeaea94e82", + "AppleMusic": "https://music.apple.com/us/album/1842664455?i=1842664456" + }, + { + "Song_Name": "Dance VIP (Extended Mix)", + "Artist_Name": "rrayy", + "Cover_Art": "https://i1.sndcdn.com/artworks-iaMIZrXjJXGWNzuz-MkkI4g-t1080x1080.jpg", + "SoundCloud": "https://soundcloud.com/rrayy-25809/dance-vip-extended-mix", + "Spotify": "https://open.spotify.com/track/7KCsdZb0spDTSn91USJxSt?si=88910dc443db4339", + "AppleMusic": "https://music.apple.com/us/album/1842664455?i=1842664457" + }, + { + "Song_Name": "What I do", + "Artist_Name": "rrayy", + "Cover_Art": "https://i1.sndcdn.com/artworks-AiPihJyNUlzjqg8r-EHsWvw-t1080x1080.png", + "SoundCloud": "https://soundcloud.com/rrayy-25809/sets/what-i-do", + "Spotify": "https://open.spotify.com/track/3XTvuPi2NyLkc9oRPYnlfA?si=96fd52953e284a3a", + "AppleMusic": "https://music.apple.com/us/album/1838324986?i=1838324987", + "YouTube": "https://www.youtube.com/watch?v=HQyDUbD0Jhk" + }, + { + "Song_Name": "Next to Me", + "Artist_Name": "rrayy", + "Cover_Art": "https://i1.sndcdn.com/artworks-XRO8yDzyLye6vppf-fXMCyw-t1080x1080.jpg", + "SoundCloud": "https://soundcloud.com/rrayy-25809/sets/next-to-me", + "Spotify": "spotify:album:7LRSgu9Eg6lNNeNcuW5JP7", + "AppleMusic": "https://music.apple.com/us/album/1831503753", + "YouTube": "https://youtu.be/abE2vMhtyHo?si=WI1W8GKQf0chfu0F" + } +] \ No newline at end of file From ff4dc48d71d2b6501f37f0c7f6c33439c63bde9a Mon Sep 17 00:00:00 2001 From: rrayy <72653431+rrayy-25809@users.noreply.github.com> Date: Mon, 6 Oct 2025 10:29:42 +0900 Subject: [PATCH 4/4] =?UTF-8?q?Changes=20to=20be=20committed:=20ID=20?= =?UTF-8?q?=EB=A6=AC=EC=8A=A4=ED=8A=B8=20=EC=9E=84=EB=B2=A0=EB=94=A9,=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80=20=EC=88=98=EC=A0=95=20=09modified:=20=20=20?= =?UTF-8?q?src/language/ko.json=20=09modified:=20=20=20src/pages/Home.tsx?= =?UTF-8?q?=20=09modified:=20=20=20src/pages/about.tsx=20=09modified:=20?= =?UTF-8?q?=20=20src/pages/pages.scss?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/language/ko.json | 4 ++-- src/pages/Home.tsx | 29 +++++++++++++++++++++-------- src/pages/about.tsx | 6 +++--- src/pages/pages.scss | 22 ++++++++++++++-------- 4 files changed, 40 insertions(+), 21 deletions(-) diff --git a/src/language/ko.json b/src/language/ko.json index fc5ee28..6520bf1 100644 --- a/src/language/ko.json +++ b/src/language/ko.json @@ -12,7 +12,7 @@ "promotion_desc":"소셜 미디어를 활용한 ID 홍보", "support":"아티스트 지원", "support_desc":"자체제작 음향 소프트웨어 지원, 피드백 제공, 협업 기회", - "label":"레이블 전환", - "label_desc":"성장하는 아티스트를 위한 레이블 화", + "label":"음반사로 전환", + "label_desc":"성장하는 아티스트를 위한 음반사화 추진", "operators": "운영진" } \ No newline at end of file diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index c793bd4..5990a4d 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -22,10 +22,10 @@ function HomePage(){

{t("releases")}

- {releases.map((song, idx) => ( - console.log("song"), - - - - ))} + {releases.map( + (song, idx) => ( + console.log("song"), + ( + + + + ) + ) + )}
+
+

ID

+ +
); } diff --git a/src/pages/about.tsx b/src/pages/about.tsx index 010216b..1a93731 100644 --- a/src/pages/about.tsx +++ b/src/pages/about.tsx @@ -40,12 +40,12 @@ function About() {
A&R Team
- 🎵 Speedy - 🎵 hexa.cat + 🎵 Speedy + 🎵 hexa.cat
Development Team
- 💻 Soundsmell + 💻 Soundsmell
diff --git a/src/pages/pages.scss b/src/pages/pages.scss index 3c517dc..7a05053 100644 --- a/src/pages/pages.scss +++ b/src/pages/pages.scss @@ -26,15 +26,21 @@ } } -.list{ - display: flex; - align-items: center; - padding: 10px; +section { + .section-title { + margin-left: 30px; + } - .swiper-slide { - background-position: center; - background-size: cover; - width: 400px !important; + .list{ + display: flex; + align-items: center; + padding: 10px; + + .swiper-slide { + background-position: center; + background-size: cover; + width: 400px !important; + } } }