yukkop/learning
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reading

Browse Source
This commit is contained in:
yukkop
2026-09-15 14:15:05 +00:00
parent c53944a469
commit 6ed1ce4154
2 changed files with 34 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/main.rs
+23 -21
View File
@@ -73,29 +73,31 @@ fn App() -> impl IntoView {
<p class="lede">{format!("{word_count} слов для спокойной тренировки. Нажмите на слово, чтобы увидеть его чтение.")}</p>
</header>
<section class="reading-card" aria-labelledby="reading-heading">
<div class="section-heading">
<p class="section-number">"01"</p>
<div>
<h2 id="reading-heading">{reading_text.title}</h2>
<p>"Каждое слово — отдельная карточка для слуха и произношения."</p>
</div>
<p class="word-count">{format!("{word_count} слов")}</p>
</div>
<p class="reading-text">
{render_reading_text(reading_text, selected_id, select_word, activate_key)}
</p>
</section>
<div class="reader-workspace">
<section class="detail-panel" aria-live="polite" aria-labelledby="detail-heading">
{move || selected_id.get().and_then(word_by_id).map(|word| detail_view(word, audio_ref, audio_state, toggle_audio)).unwrap_or_else(|| view! {
<div class="detail-empty">
<p class="detail-kicker">"Словарная карточка"</p>
<h2 id="detail-heading">"Выберите слово в тексте"</h2>
<p>"Карточка покажет написание, американское произношение и русскую подсказку."</p>
</div>
}.into_any())}
</section>
<section class="detail-panel" aria-live="polite" aria-labelledby="detail-heading">
{move || selected_id.get().and_then(word_by_id).map(|word| detail_view(word, audio_ref, audio_state, toggle_audio)).unwrap_or_else(|| view! {
<div class="detail-empty">
<p class="detail-kicker">"Словарная карточка"</p>
<h2 id="detail-heading">"Выберите слово в тексте"</h2>
<p>"Карточка покажет написание, американское произношение и русскую подсказку."</p>
<section class="reading-card" aria-labelledby="reading-heading">
<div class="section-heading">
<p class="section-number">"01"</p>
<div>
<h2 id="reading-heading">{reading_text.title}</h2>
<p>"Каждое слово — отдельная карточка для слуха и произношения."</p>
</div>
<p class="word-count">{format!("{word_count} слов")}</p>
</div>
}.into_any())}
</section>
<p class="reading-text">
{render_reading_text(reading_text, selected_id, select_word, activate_key)}
</p>
</section>
</div>
<section class="dictionary-section" aria-labelledby="dictionary-heading">
<div class="dictionary-heading">