1export function renderCommunityPreviewScreen(state) { 2 void state; 3 4 return ` 5 <article class="screen app-screen app-screen--brand community-preview-screen"> 6 <header class="screen__header community-preview-hero"> 7 <span class="community-preview-hero__bell" aria-hidden="true"> 8 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 9 <path 10 d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" 11 stroke="currentColor" 12 stroke-width="1.75" 13 stroke-linecap="round" 14 stroke-linejoin="round" 15 /> 16 <path 17 d="M13.73 21a2 2 0 0 1-3.46 0" 18 stroke="currentColor" 19 stroke-width="1.75" 20 stroke-linecap="round" 21 stroke-linejoin="round" 22 /> 23 </svg> 24 </span> 25 26 <div class="community-preview-hero__topline"> 27 <span class="community-preview-hero__icon" aria-hidden="true"> 28 <img src="./assets/icons/community.webp" alt="" loading="lazy" onerror="this.hidden=true" /> 29 </span> 30 31 <div class="community-preview-hero__copy"> 32 <p class="eyebrow">Geplant für die Vollversion</p> 33 <h1>Community</h1> 34 </div> 35 </div> 36 37 <p class="community-preview-hero__sub"> 38 Später entscheidest du mit, vergleichst dich mit Freunden und tauschst dich mit anderen Spielern aus. 39 </p> 40 </header> 41 42 <div class="screen__content community-preview-content"> 43 <section class="glass-card community-preview-card community-preview-card--vote"> 44 <h2 class="community-preview-card__title">Du entscheidest mit</h2> 45 <p class="community-preview-card__text"> 46 In der Vollversion stimmt die Community darüber ab, welche neuen Mini-Games im nächsten Quartal als Nächstes umgesetzt werden. 47 </p> 48 <div class="community-vote-list"> 49 <div class="community-vote-item"> 50 <div class="community-vote-item__meta"> 51 <span class="community-vote-item__name">Beat Rush</span> 52 <span class="community-vote-item__count">114 Stimmen</span> 53 </div> 54 <div class="community-vote-item__track" aria-hidden="true"> 55 <span class="community-vote-item__fill" style="--community-vote-progress: 86%;"></span> 56 </div> 57 </div> 58 <div class="community-vote-item"> 59 <div class="community-vote-item__meta"> 60 <span class="community-vote-item__name">Word Clash</span> 61 <span class="community-vote-item__count">77 Stimmen</span> 62 </div> 63 <div class="community-vote-item__track" aria-hidden="true"> 64 <span class="community-vote-item__fill" style="--community-vote-progress: 63%;"></span> 65 </div> 66 </div> 67 <div class="community-vote-item"> 68 <div class="community-vote-item__meta"> 69 <span class="community-vote-item__name">Color Circuit</span> 70 <span class="community-vote-item__count">55 Stimmen</span> 71 </div> 72 <div class="community-vote-item__track" aria-hidden="true"> 73 <span class="community-vote-item__fill" style="--community-vote-progress: 45%;"></span> 74 </div> 75 </div> 76 </div> 77 <span class="pill community-preview-pill">Voting folgt</span> 78 </section> 79 80 <section class="glass-card community-preview-card community-preview-card--friends"> 81 <h2 class="community-preview-card__title">Freunde & Vergleich</h2> 82 <p class="community-preview-card__text"> 83 Finde Freunde, vergleicht eure Challenge-Ergebnisse und messt euch im täglichen Skill-Ranking. 84 </p> 85 <div class="community-friend-avatars" aria-hidden="true"> 86 <span class="community-friend-avatar community-friend-avatar--one"> 87 <img 88 src="./assets/logos/danke.webp" 89 alt="" 90 class="community-friend-avatar__img" 91 loading="lazy" 92 /> 93 </span>
94 <span class="community-friend-avatar community-friend-avatar--two"> 95 <img 96 src="./assets/logos/fight.png" 97 alt="" 98 class="community-friend-avatar__img" 99 loading="lazy" 100 /> 101 </span> 102 <span class="community-friend-avatar community-friend-avatar--three"> 103 <img 104 src="./assets/logos/flag.png" 105 alt="" 106 class="community-friend-avatar__img" 107 loading="lazy" 108 /> 109 </span> 110 </div> 111 <div class="community-friend-stats"> 112 <span class="community-friend-stat pill">24 Challenges</span> 113 <span class="community-friend-stat pill">8 Freunde</span> 114 </div> 115 </section> 116 117 <section class="glass-card community-preview-card community-preview-card--chat"> 118 <h2 class="community-preview-card__title">Community-Chat</h2> 119 <p class="community-preview-card__text"> 120 Tauscht euch später über Scores, neue Spiele und die Daily Challenge aus. 121 </p> 122 <div class="community-chat-preview" aria-hidden="true"> 123 <p class="community-chat-bubble">Wer ist heute im Quiz stark?</p> 124 <p class="community-chat-bubble community-chat-bubble--alt">Ich vote für ein neues Reaktionsspiel.</p> 125 <p class="community-chat-bubble">Sand Sword hat mich zerlegt.</p> 126 </div> 127 </section> 128 129 <section class="glass-card community-preview-note"> 130 <p> 131 Vorschau: Diese Community-Funktionen sind im Lean MVP noch nicht aktiv. Der Screen zeigt, was später ausgebaut werden soll. 132 </p> 133 </section> 134 </div> 135 136 <div class="screen-actions community-preview-actions"> 137 <button type="button" class="btn btn--ghost" data-nav="challengeIntro"> 138 Zurück zur Challenge 139 </button> 140 </div> 141 </article> 142 `; 143}
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.