mirror of
https://github.com/Doodle3D/doodle3d-client.git
synced 2024-11-04 19:33:22 +01:00
100 lines
4.2 KiB
HTML
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>-->
|