Community-sourced stories

커뮤니티 발굴 이야기

Turn real community questions into reporting and new 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}}

Community-sourced stories begin with recurring questions in comments and discussion. A team investigates, interviews, and returns an answer to the community.

One comment does not represent everyone. Check across contexts, and preserve context and permission when quoting a person.

When to use

Use it to choose the next topic from actual audience questions rather than guesses.

Open as page ↗