커뮤니티 발굴 이야기

Community-sourced stories

댓글의 실제 질문을 취재와 다음 콘텐츠 주제로 연결합니다.

···
html
<div class="community"><div class="comment">? <span>WHY DOES THIS HAPPEN?</span></div><div class="path"><b>LISTEN</b><b>REPORT</b><b>ANSWER</b></div><div class="reply">↳ EXPLAINED WITH EVIDENCE</div></div>
css
.community{width:min(87%,610px);font:900 clamp(10px,max(2.2vmin,1vw),18px) sans-serif}.comment,.reply{border:2px solid var(--fg);padding:clamp(8px,2vmin,17px);background:var(--surface)}.comment{display:flex;gap:8px}.comment:first-letter{color:var(--accent)}.path{display:flex;justify-content:space-around;align-items:center;padding:clamp(9px,3vmin,26px) 0;position:relative}.path:before{content:'';position:absolute;left:8%;right:8%;top:50%;border-top:3px solid var(--accent)}.path b{z-index:1;padding:5px;background:var(--accent-2);color:#211b19;animation:stage 4s infinite}.path b:nth-child(2){animation-delay:.6s}.path b:nth-child(3){animation-delay:1.2s}.reply{background:var(--accent);color:white;animation:reply 4s infinite}@keyframes stage{0%,12%{opacity:.65}35%,85%{opacity:1}100%{opacity:.65}}@keyframes reply{0%,35%{opacity:.2;transform:translateY(8px)}60%,85%{opacity:1;transform:none}100%{opacity:.2}}

커뮤니티 발굴 이야기는 댓글이나 대화에서 반복되는 질문을 듣고 콘텐츠 주제를 정합니다. 질문을 조사하고 인터뷰를 거쳐 다시 커뮤니티에 답을 돌려줍니다.

댓글 한 개를 전체 독자의 요구로 확대하지 마세요. 여러 맥락에서 확인하고, 개인 발언을 인용할 때는 허락과 맥락 보존에 주의하세요.

언제 쓰나

다음 주제를 추측하기보다 독자의 실제 질문에서 찾을 때 씁니다.

페이지로 열기 ↗