0
0
mirror of https://github.com/Doodle3D/doodle3d-client.git synced 2024-12-23 05:33:49 +01:00
doodle3d-client/www/helpcontent.html
2013-10-23 17:01:59 +02:00

100 lines
4.2 KiB
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>-->