ebt-vue3/public/content/tutorial/tutorial.html

Vue3 Library for SuttaCentral Voice EBT-Sites

<article class="ebt-wiki">
<div class="ebt-wiki-heading">
  <img src="/img/tutorial.png" alt="Tutorial" title="Tutorial"/>
 <div class="ebt-wiki-heading-text">
  <div class="ebt-wiki-breadcrumbs">
   <a href="/#/wiki/toc" >wiki</a>&nbsp;&gt;&nbsp;
   <a href="/#/wiki/tutorial/toc" >tutorial</a>&nbsp;&gt;&nbsp;
   tutorial
  </div><!--ebt-wiki-breadcrumbs-->
  <h1>Tutorial</h1>
  <div class="ebt-wiki-description">Learn how to use EBT-Vue3</div>
 </div><!--ebt-wiki-heading-text-->
</div><!--ebt-wiki-heading-->
<p>EBT-Vue3 lets you read and hear Early Buddhist Text (EBT)
content from <a href="https://suttacentral.net" target="_blank">SuttaCentral.net</a>.
EBT-Vue3 shows content using one or more <em>cards</em>:</p>
<ul>
<li>This page is on the <b>Wiki card</b></li>
<li><b>Search cards</b> let you search for EBT content</li>
<li><b>Sutta cards</b> let you read/play EBT content</li>
</ul>
<p>In this tutorial, you will learn how to:</p>
<details><summary>Read/Play EBT content</summary>
When the current card is a sutta, you can:
<ul>
<li>Click any segment</li>
<li>Play the selected segment</li>
<li>Play to the end of the sutta</li>
</ul>
</details>
<details><summary>Open a card</summary>
<p>Open one or more cards to display content side-by-side.
Each card has a <i>card tab</i> in the card tab bar.
Click a card tab to show that card.</p>
</details>
<details><summary>Close a card</summary>
<ul>
<li>Click the &quot;-&quot; to minimize a card.</li>
<li>Click the &quot;X&quot; to delete a card.</li>
</ul>
</details>
<details><summary>Search for EBT content</summary>
To find EBT content:
<ul>
<li>Enter a phrase (e.g., &quot;root of suffering&quot;)</li>
<li>Enter a sutta identifier (e.g., &quot;thig1.1&quot;) in the search text field.</li>
<li>Click &quot;Inspire Me&quot; for a random search phrase</li>
</ul>
<p>Scan the search results and click on any result to see the actual sutta.</p>
</details>
<details> <summary>Personalize settings</summary>
<p>Settings are grouped into sections.
Click each section and explore your options.</p>
</details>
</article>