doodle3d-client/www/helpcontent.html

<!-- Tip Content -->
<ol id="help_d3dIntro">
  <li data-button="OK" class="d3dInfoWelcomePanel">
    <h1>Welcome to Doodle3D</h1>
    <p></p>
    <p>It looks like it's your first time here. How about we give you a quick tour?</p>
    <p> </p>
  </li>
  <li data-class="leftpanel" class="custom" data-button="OK" data-options="tipLocation:right">
    <h2>leftpanel</h2>
    <p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>
    <p><a href="#">linkme beautiful</a>.</p>
  </li>
  <li data-class="btnNew" class="custom" data-text="Next" data-options="tipLocation:right">
    <h2>New</h2>
    <p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>
    <p><a href="#">linkme beautiful</a>.</p>
  </li>
  <li data-class="btnsPrevNext" data-button="Next" data-options="tipLocation:right" data-action="sayHello">
    <h2>previous and next</h2>
    <p>Get the details right by styling Joyride with a custom stylesheet!</p>
  </li>
  <li data-class="btnSave" data-button="Next" data-options="tipLocation:right">
    <h2>Save</h2>
    <p>Get the details right by styling Joyride with a custom stylesheet!</p>
  </li>
  <li data-class="btnOops" data-button="Next" data-options="tipLocation:right">
    <h2>Oops</h2>
    <p>It works right aligned.</p>
  </li>
  <li data-button="Next">
    <h2>Now for the right panel</h2>
    <p>It works as a modal too!</p>
  </li>
  <li data-class="rightpanel" data-button="Next" data-options="tipLocation:left">
    <h2>Right Panel</h2>
    <p>It works with classes, and only on the first visible element with that class.</p>
  </li>
  <li data-class="btnPrint" data-button="Next" data-options="tipLocation:left">
    <h2>Print</h2>
    <p>It works with classes, and only on the first visible element with that class.</p>
  </li>
  <li data-class="btnStop" data-button="Next" data-options="tipLocation:left">
    <h2>Stop</h2>
    <p>It works with classes, and only on the first visible element with that class.</p>
  </li>
  <li data-id="progressbarCanvasContainer" data-button="Next" data-options="tipLocation:left" data-action="showProgressBar">
    <h2>progressguage</h2>
    <p>It works with classes, and only on the first visible element with that class.</p>
  </li>
  <li data-id="thermometerContainer" data-button="Next" data-options="tipLocation:left" data-action="showThermometer">
    <h2>Thermometer</h2>
    <p>It works with classes, and only on the first visible element with that class.</p>
  </li>
  <li data-button="Show me" data-action="showMessage">
    <h2>Status messages</h2>
    <p>Status messages can inform you about the connection between Doodle3D and your 3D printer</p>
  </li>
  <li data-id="message" data-button="OK" data-options="tipLocation:bottom">
    <h2>Status messages</h2>
    <p>Status messages can inform you about the connection between Doodle3D and your 3D printer</p>
  </li>
  <li data-button="Finish">
    <h2>That was the tour</h2>
    <p>You're now ready to start using Doodle3d!</p>
  </li>
  <!--<li data-class="btnInfo" data-button="Got it" data-options="tipLocation:top">-->
    <!--<h2>Reminder</h2>-->
    <!--<p>You can always find this tour in the info window.</p>-->
  <!--</li>-->
</ol>

<ol id="help_InfoReminder">
  <li data-class="btnInfo" data-button="Got it" data-options="tipLocation:top">
    <h2>Reminder</h2>
    <p>You can always find this tour in the info window.</p>
  </li>
</ol>

<ol id="help_grandTourFinishedInfoReminder">
  <li data-class="btnInfo" data-button="Got it" data-options="tipLocation:top">
    <h2>Reminder</h2>
    <p>You can always find this tour in the info window.</p>
  </li>
</ol>

<!-- Tip Content -->

<!--<ol id="joyrideTour">-->
  <!--<li data-class="new" data-text="Next" class="custom" data-options="tipLocation:right">-->
    <!--<h2>New</h2>-->
    <!--<p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>-->
    <!--<p><a href="#">linkme beautiful</a>.</p>-->
  <!--</li>-->
  <!--<li data-class="print" data-button="Close" data-options="tipLocation:left">-->
    <!--<h2>Print</h2>-->
    <!--<p>It works with classes, and only on the first visible element with that class.</p>-->
  <!--</li>-->
<!--</ol>-->