diff --git a/components/footer.js b/components/footer.js
index 480455d..dbc2612 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -78,14 +78,16 @@ class Footer extends HTMLElement {
}
createHtml() {
- return html``;
+ return html`
+
+ `;
}
}
diff --git a/components/language-section.js b/components/language-section.js
index f4306ee..d22d7db 100644
--- a/components/language-section.js
+++ b/components/language-section.js
@@ -76,34 +76,34 @@ class LanguageSection extends HTMLElement {
}
}
- ::slotted([slot="mobile-image"]) {
+ #mobile-image {
display: block;
}
- ::slotted([slot="tablet-image"]) {
+ #tablet-image {
display: none;
}
- ::slotted([slot="desktop-image"]) {
+ #desktop-image {
display: none;
}
@media only screen and (min-width: 768px) {
- ::slotted([slot="mobile-image"]) {
+ #mobile-image {
display: none;
}
- ::slotted([slot="tablet-image"]) {
+ #tablet-image {
display: block;
}
}
@media only screen and (min-width: 1024px) {
- ::slotted([slot="tablet-image"]) {
+ #tablet-image {
display: none;
}
- ::slotted([slot="desktop-image"]) {
+ #desktop-image {
display: block;
}
}
@@ -114,16 +114,36 @@ class LanguageSection extends HTMLElement {
return html`
-
-
+ 지역에 관계없이 다양한 언어로 참여할 수 있어요.
+
+ 참여방법 안내
+
`;
diff --git a/components/participant-review-section.js b/components/participant-review-section.js
index b7bfeb9..e596d24 100644
--- a/components/participant-review-section.js
+++ b/components/participant-review-section.js
@@ -33,7 +33,66 @@ class ParticipantReviewsSection extends HTMLElement {
createHtml() {
return html`
-
+ 참가자 후기
+
+
+
+
+
+
+
+
+
`;
}
diff --git a/index.html b/index.html
index f9c6a3f..46abf82 100644
--- a/index.html
+++ b/index.html
@@ -40,120 +40,22 @@
/>
-
+
-
+
-
+
-
-
-
-
-
- 지역에 관계없이 다양한 언어로 참여할 수 있어요.
-
-
- 참여방법 안내
-
-
+
-
- 참가자 후기
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
+
diff --git a/main.js b/main.js
deleted file mode 100644
index b180ff7..0000000
--- a/main.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import "./components/index.js";
-
-document.addEventListener("DOMContentLoaded", () => {
- document.querySelector("body").style.display = "block";
-});