diff --git a/components/index.js b/components/index.js index 92d3180..47f4128 100644 --- a/components/index.js +++ b/components/index.js @@ -8,7 +8,7 @@ import "./icon-link-list.js"; import "./image.js"; import "./intro-section.js"; import "./language-section.js"; -import "./participant-review-section.js"; -import "./participant-review.js"; +import "./testimony-section.js"; +import "./testimony.js"; import "./steps-section.js"; import "./step.js"; diff --git a/components/steps-section.js b/components/steps-section.js index 39b6037..b8f2608 100644 --- a/components/steps-section.js +++ b/components/steps-section.js @@ -43,8 +43,8 @@ class StepsSection extends HTMLElement {

- 현재 스터디 2기(2024년 8/11~11/23)가 진행중이에요. 11/30에 - 시작하는 다음 기수 스터디 참여를 원한다면 + 현재 스터디 3기(2024년 12/8 ~ 2025년 3/22)가 진행중이에요. 다음 + 기수 스터디 참여를 원한다면 여기 diff --git a/components/participant-review-section.js b/components/testimony-section.js similarity index 93% rename from components/participant-review-section.js rename to components/testimony-section.js index 823d5c0..d6cf221 100644 --- a/components/participant-review-section.js +++ b/components/testimony-section.js @@ -1,6 +1,6 @@ import { html, css } from "../html-css-utils.js"; -class ParticipantReviewsSection extends HTMLElement { +class TestimonySection extends HTMLElement { constructor() { super(); this.render(); @@ -34,8 +34,8 @@ class ParticipantReviewsSection extends HTMLElement { return html`

참여자 후기 - - + - + - + - + - + - + - + - + - + - + - + - + - + > +
`; } } -customElements.define( - "ds-participant-reviews-section", - ParticipantReviewsSection -); +customElements.define("ds-testimony-section", TestimonySection); diff --git a/components/participant-review.js b/components/testimony.js similarity index 85% rename from components/participant-review.js rename to components/testimony.js index 7c494cd..27fc47e 100644 --- a/components/participant-review.js +++ b/components/testimony.js @@ -1,6 +1,6 @@ import { css, html } from "../html-css-utils.js"; -class BaseParticipantReviewElement extends HTMLElement { +class BaseTestimonyElement extends HTMLElement { constructor() { super(); this.render(); @@ -20,10 +20,10 @@ class BaseParticipantReviewElement extends HTMLElement { } } -class ParticipantReviewList extends BaseParticipantReviewElement { +class TestimonyList extends BaseTestimonyElement { createCss() { return css` - .participant-review-list { + .testimony-list { width: 100%; display: grid; grid-template-columns: minmax(306px, 1fr); @@ -47,14 +47,14 @@ class ParticipantReviewList extends BaseParticipantReviewElement { createHtml() { return html` -
+
`; } } -class ParticipantReview extends BaseParticipantReviewElement { +class Testimony extends BaseTestimonyElement { constructor() { super(); this.validateAttributes(["author-img-src", "content", "author"]); @@ -92,7 +92,7 @@ class ParticipantReview extends BaseParticipantReviewElement { margin-top: 16px; } } - .participant-review-img { + .testimony-img { width: 104px; height: 104px; flex-shrink: 0; @@ -102,7 +102,7 @@ class ParticipantReview extends BaseParticipantReviewElement { margin-right: 31px; } } - .participant-review-img figure img { + .testimony-img figure img { width: 100%; height: 100%; border-radius: 48%; @@ -112,7 +112,7 @@ class ParticipantReview extends BaseParticipantReviewElement { padding-top: -5px; } } - .participant-review-content { + .testimony-content { display: flex; flex-direction: column-reverse; align-items: center; @@ -125,7 +125,7 @@ class ParticipantReview extends BaseParticipantReviewElement { text-align: left; } } - .participant-review-content blockquote { + .testimony-content blockquote { font-size: 14px; margin-top: 17px; word-break: keep-all; @@ -137,7 +137,7 @@ class ParticipantReview extends BaseParticipantReviewElement { word-break: unset; } } - .participant-review-content figcaption { + .testimony-content figcaption { width: 100%; font-size: 16px; text-align: center; @@ -147,7 +147,7 @@ class ParticipantReview extends BaseParticipantReviewElement { text-align: right; } } - .participant-review-content figcaption a { + .testimony-content figcaption a { text-decoration: underline; text-underline-offset: 5px; @@ -193,12 +193,12 @@ class ParticipantReview extends BaseParticipantReviewElement { return html`
-
+
Author profile image
-
+
${content}
${authorLink @@ -213,5 +213,5 @@ class ParticipantReview extends BaseParticipantReviewElement { } } -customElements.define("ds-participant-review-list", ParticipantReviewList); -customElements.define("ds-participant-review", ParticipantReview); +customElements.define("ds-testimony-list", TestimonyList); +customElements.define("ds-testimony", Testimony); diff --git a/data.js b/data.js index dc4d1cd..126c54a 100644 --- a/data.js +++ b/data.js @@ -1,7 +1,7 @@ export const APPLICATION_URL = "https://github.com/DaleStudy/leetcode-study/discussions/620"; export const DISCORD_URL = "https://dales.link/discord"; -export const PROJECT_URL = "https://github.com/orgs/DaleStudy/projects/3"; +export const PROJECT_URL = "https://github.com/orgs/DaleStudy/projects/12"; export const CONTRIBUTING_URL = "https://github.com/DaleStudy/leetcode-study/blob/main/CONTRIBUTING.md"; export const WIKI_URL = "https://github.com/DaleStudy/leetcode-study/wiki"; diff --git a/index.html b/index.html index 46abf82..d212244 100644 --- a/index.html +++ b/index.html @@ -52,7 +52,7 @@ - +