grid-apps-cmms/web/kiri/lang/en-help.html

<!--
<div id="help" class="f-row">

    <div id="help-sel" class="f-col">
        <div class="help-label" tab="about">about</div>
        <div class="help-label" tab="shortcut">shortcuts</div>
    </div>

    <div id="help-tabs">
        <div id="help-tab-about" class="help-tab">about</div>
        <div id="help-tab-shortcut" class="help-tab">shortcuts</div>
    </div>

</div>
-->
<div id="help" class="f-row">

    <div id="help-left" class="f-col">
        <div class="title">Kiri:Moto</div>

        <div class="header">About</div>
        <div class="content">
            <p><a href="#" title="Kiri-e is the Japanese art of papercutting"><b>Kiri:Moto</b></a> is an <a href="https://github.com/GridSpace/grid-apps" target="_github">open-source</a> slicer for</p>
            <p>Laser cutting, 3D printing, CNC milling</p>
        </div>

        <div class="header">File Loading</div>
        <div class="content">
            <p>Drag and drop a <a href="https://en.wikipedia.org/wiki/STL_(file_format)" target="_stl">file</a> onto the grid</p>
            <p>or import from your computer</p>
        </div>

        <div class="header">Integrations</div>
        <div class="content">
            <p>Kiri:Moto is also available through</p>
            <p><a target="_onshape" href="https://appstore.onshape.com/apps/CAM/EAAEWYIOMQKBENEMYW2N7MF253CT4WYL6SUJGEY=/description"><b>Onshape</b></a> and
            <a target="_thingiverse" href="http://www.thingiverse.com/apps/kirimoto/"><b>Thingiverse</b></a> as apps</p>
        </div>

        <div class="header">Resources</div>
        <div class="content">
            <p>Visit the <a target="_fo" href="https://forum.grid.space">forums</a> on Grid.Space</p>
            <p>Watch a <a target="_tutor" href="https://www.youtube.com/playlist?list=PLRoVgyRoWZpumQIKWm7oldx3bjDivqP24">tutorial</a> on YouTube</p>
            <p>Read the <a target="_help" href="https://wiki.grid.space/wiki/Kiri:Moto">Wiki</a> on Github</p>
            <p>Follow <a target="_tw" href="https://twitter.com/grid_space_3d">Grid.Space</a> on Twitter</p>
            <p style="text-align:center; font-size:smaller">... also ...</p>
            <p>Choose another <a target="_help" href="/choose">version</a> of Kiri:Moto</p>
        </div>

        <div class="grow"></div>
        <div class="footer">
            <div id="kiri-version"></div>
            <div>Please report bugs</div>
        </div>
    </div>

    <div id="help-right" class="f-col">
        <div class="title">Keyboard & Mouse Controls</div>

        <div class="f-row">
            <table>
                <tr><td colspan=2 class="header">Mode</td></tr>
                <tr><td><label>a</label></td><td>Arrange</td></tr>
                <tr><td><label>s</label></td><td>Slice</td></tr>
                <tr><td><label>p</label></td><td>Preview</td></tr>
                <tr><td><label>x</label></td><td>Export</td></tr>
                <tr><td></td></tr>
                <tr><td colspan=2 class="header">View</td></tr>
                <tr><td><label>t</label></td><td>Top</td></tr>
                <tr><td><label>h</label></td><td>Home</td></tr>
                <tr><td><label>v</label></td><td>Layer</td></tr>
                <tr><td><label>shift</label> wheel</td><td>Change Layer</td></tr>
                <tr><td><label>meta</label> drag</td><td>Pan</td></tr>
                <tr><td><label>right-drag</label></td><td>Pan</td></tr>
                <tr><td><label>left-drag</label></td><td>Rotate</td></tr>
                <tr><td><label>mouse-wheel</label></td><td>Zoom</td></tr>
                <tr><td><label>middle-drag</label></td><td>Zoom</td></tr>
                <tr><td><label>z</label></td><td>Reset View</td></tr>
                <tr><td></td></tr>
                <tr><td colspan=2 class="header">Help</td></tr>
                <tr><td><label>?</label></td><td>This Window</td></tr>
            </table>
            <table>
                <tr><td colspan=2 class="header">Config</td></tr>
                <tr><td><label>e</label></td><td>Device Selection</td></tr>
                <tr><td><label>o</label></td><td>CAM Tool Selection</td></tr>
                <tr><td><label>c</label></td><td>Grid Local Devices</td></tr>
                <tr><td><label>q</label></td><td>Preference panel</td></tr>
                <tr><td></td></tr>
                <tr><td colspan=2 class="header">Object</td></tr>
                <tr><td><label>d</label></td><td>Duplicate</td></tr>
                <tr><td><label>m</label></td><td>Mirror</td></tr>
                <tr><td><label>w</label></td><td>Wireframe</td></tr>
                <tr><td><label>delete</label></td><td>Delete</td></tr>
                <tr><td><label>arrow</label></td><td>Rotate 90&deg;</td></tr>
                <tr><td><label>shift-arrow</label></td><td>Rotate 5&deg;</td></tr>
                <tr><td><label>option-arrow</label></td><td>Move 5mm</td></tr>
                <tr><td><label>ctrl-click</label></td><td>Align face to bed</td></tr>
                <tr><td><label>meta-click</label></td><td>of selected object</td></tr>
                <tr><td><label>ctrl-a</label></td><td>Select all</td></tr>
                <tr><td></td></tr>
                <tr><td colspan=2 class="header">File</td></tr>
                <tr><td><label>i</label></td><td>Import</td></tr>
                <tr><td><label>r</label></td><td>Recent</td></tr>
            </table>
        </div>

        <div class="grow"></div>
        <div class="footer">
            <div><b>Kiri:Moto is entirely open source</b>!</div>
            <div style="display:inline-block">
                <a target="_paypal" href="https://paypal.me/gridspace3d?locale.x=en_US">Donations</a> and
                <a target="_github" href="https://github.com/GridSpace/grid-apps">Contributions</a> welcome
            </div>
        </div>
    </div>

</div>