31 lines
1.5 KiB
HTML
31 lines
1.5 KiB
HTML
<div class="section-head">
|
|
<span class="section-icon"><span class="mdi mdi-bookshelf"></span></span>
|
|
<div class="section-title">
|
|
<h2>Library</h2>
|
|
<p>Your productions in one place — books to read aloud, theater plays to rehearse, and the shared character cast that links them.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wf-stepper" id="wf-stepper-library" hidden></div>
|
|
|
|
<div class="lib-tabs">
|
|
<button class="lib-tab is-active" data-library-view="books" onclick="navLibraryView('books')"><span class="mdi mdi-book-open-page-variant-outline"></span> Books</button>
|
|
<button class="lib-tab" data-library-view="plays" onclick="navLibraryView('plays')"><span class="mdi mdi-theater"></span> Theater Plays</button>
|
|
<button class="lib-tab" data-library-view="characters" onclick="navLibraryView('characters')"><span class="mdi mdi-account-box-multiple-outline"></span> Cast</button>
|
|
</div>
|
|
|
|
<!-- Books -->
|
|
<div class="lib-panel is-active" data-library-panel="books">
|
|
<div id="lib-books-list" class="reh-bookshelf"></div>
|
|
</div>
|
|
|
|
<!-- Theater Plays -->
|
|
<div class="lib-panel" data-library-panel="plays">
|
|
<div id="lib-plays-list" class="reh-bookshelf"></div>
|
|
</div>
|
|
|
|
<!-- Characters / Cast — production-grouped character cards with sheet info + voice selector -->
|
|
<div class="lib-panel" data-library-panel="characters">
|
|
<div id="lib-chars-list"></div>
|
|
</div>
|