alexei.dolgolyov
111bfe743a
Auto-starts on first visit with a 9-step walkthrough covering header, tabs, settings, search, theme, and language controls. Stores completion in localStorage; restart via ? button in the header. Includes en/ru/zh translations for all tour steps. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
34 lines
1.7 KiB
HTML
34 lines
1.7 KiB
HTML
<!-- Getting Started Tutorial Overlay (viewport-level) -->
|
|
<div id="getting-started-overlay" class="tutorial-overlay tutorial-overlay-fixed" role="dialog" aria-modal="true">
|
|
<div class="tutorial-backdrop"></div>
|
|
<div class="tutorial-ring"></div>
|
|
<div class="tutorial-tooltip">
|
|
<div class="tutorial-tooltip-header">
|
|
<span class="tutorial-step-counter"></span>
|
|
<button class="tutorial-close-btn" onclick="closeTutorial()" data-i18n-aria-label="aria.close">×</button>
|
|
</div>
|
|
<p class="tutorial-tooltip-text"></p>
|
|
<div class="tutorial-tooltip-nav">
|
|
<button class="tutorial-prev-btn" onclick="tutorialPrev()" data-i18n-aria-label="aria.previous">←</button>
|
|
<button class="tutorial-next-btn" onclick="tutorialNext()" data-i18n-aria-label="aria.next">→</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Device Tutorial Overlay (viewport-level) -->
|
|
<div id="device-tutorial-overlay" class="tutorial-overlay tutorial-overlay-fixed" role="dialog" aria-modal="true">
|
|
<div class="tutorial-backdrop"></div>
|
|
<div class="tutorial-ring"></div>
|
|
<div class="tutorial-tooltip">
|
|
<div class="tutorial-tooltip-header">
|
|
<span class="tutorial-step-counter"></span>
|
|
<button class="tutorial-close-btn" onclick="closeTutorial()" data-i18n-aria-label="aria.close">×</button>
|
|
</div>
|
|
<p class="tutorial-tooltip-text"></p>
|
|
<div class="tutorial-tooltip-nav">
|
|
<button class="tutorial-prev-btn" onclick="tutorialPrev()" data-i18n-aria-label="aria.previous">←</button>
|
|
<button class="tutorial-next-btn" onclick="tutorialNext()" data-i18n-aria-label="aria.next">→</button>
|
|
</div>
|
|
</div>
|
|
</div>
|