grid-apps-cmms/web/kiri/index.html

331 lines
17 KiB
HTML
Raw Normal View History

2017-04-18 17:09:33 -04:00
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
2020-06-05 23:21:53 -04:00
<meta name="author" content="Stewart Allen">
<meta name="keywords" content="3d slicer,slicer,3d slicing,cnc,cam,toolpaths,toolpath generation,kiri,kirimoto,kiri:moto,gcode" />
2019-01-20 21:20:35 -05:00
<meta name="copyright" content="stewart allen [sa@grid.space]">
2017-04-18 17:09:33 -04:00
<meta name="description" content="3d slice modeler, gcode and CNC toolpath generator">
2020-04-20 19:17:48 -04:00
<meta property="og:description" content="Kiri:Moto is a unique multi-modal 3D slicer that runs entirely in browser and creates output for your favorite maker tools: 3D Printers, CNC Mills and Laser Cutters.">
2020-04-20 21:04:52 -04:00
<meta property="og:title" content="Free 3D Tools for Makers">
2017-04-18 17:09:33 -04:00
<meta property="og:type" content="website">
2020-04-21 18:20:39 -04:00
<meta property="og:url" content="https://grid.space/kiri/">
2020-04-20 21:04:52 -04:00
<meta property="og:image" content="https://static.grid.space/img/logo_km_og.png">
2017-04-18 17:09:33 -04:00
<title>Kiri:Moto</title>
<link rel="icon" href="/kiri/favicon.ico">
<link rel="apple-touch-icon" href="/kiri/favicon-mobile.png">
<link rel="stylesheet" type="text/css" href="/kiri/index.css?{{version}}">
2020-06-05 23:21:53 -04:00
<link href="https://fonts.googleapis.com/css?family=Russo+One&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" crossorigin="anonymous"></script>
<script src="/code/kiri.js?{{version}}"></script>
2017-04-18 17:09:33 -04:00
</head>
2020-06-05 23:21:53 -04:00
<body class="col">
<input id="focuser" size=10></input>
<div id="curtain" class="j-center a-center">loading...</div>
2017-04-18 17:09:33 -04:00
<div id="container"></div>
2020-06-07 23:02:05 -04:00
<div id="tracker"></div>
2020-06-08 12:01:56 -04:00
<div id="top-sep"></div>
2020-06-05 23:21:53 -04:00
<div id="top" class="row">
2020-06-08 11:54:57 -04:00
<div id="app-mode">
<div id="app-mode-name"></div>
<div id="mode-info" class="col">
<div><label>Device:</label><div id="mode-device">123</div></div>
<div><label>Profile:</label><div id="mode-profile">456</div></div>
</div>
</div>
2020-06-05 23:21:53 -04:00
<div class="grow"></div>
2020-06-08 11:54:57 -04:00
<div id="app-name" class="col a-center">
<div>Kiri:Moto</div>
<div id="app-info">version</div>
</div>
2020-06-05 23:21:53 -04:00
<div class="grow"></div>
<div id="app-acct">
<i class="fas fa-user-cog"></i>
<div id="acct-pop" class="col">
<div class="col">
<div id="acct-lang">
<label><i class="fas fa-caret-left"></i>&nbsp;language</label>
<div id="lang-pop" class="col">
<div id="lset-en">english</div>
<div id="lset-da">danish</div>
</div>
</div>
2020-06-13 18:13:47 -04:00
<div id="acct-export" class="col a-end">
<label>export</label>
</div>
2020-06-08 14:21:10 -04:00
<div id="acct-help" class="col a-end">
<label>help</label>
</div>
</div>
</div>
</div>
2017-04-18 17:09:33 -04:00
</div>
2020-06-05 23:21:53 -04:00
<div id="mid-sep"></div>
<div id="mid" class="grow row">
<div id="progress"><div id="progbar"><div id="progtxt">loading</div></div></div>
<div id="mid-lcol" class="col j-center noshow">
2020-06-08 14:21:10 -04:00
<div id="lt-back" class="lt-menu">
<i class="fas fa-arrow-circle-left"></i>
</div>
2020-06-06 00:38:46 -04:00
<div id="lt-top"></div>
<div id="lt-setup" class="lt-menu lt-enabled">
2020-06-05 23:21:53 -04:00
<i class="fas fa-cogs"></i>
<label>setup</label>
<div id="set-pop" class="pop-lcol row">
<div id="set-device">
<i class="fas fa-cube"></i>
<label>machine</label>
</div>
<div id="set-tools">
<i class="fas fa-tools"></i>
<label>tools<label>
</div>
<div id="set-prefs">
<i class="fas fa-sliders-h"></i>
<label>prefs<label>
</div>
</div>
2017-04-18 17:09:33 -04:00
</div>
<div id="lt-file" class="lt-menu lt-enabled">
2020-06-05 23:21:53 -04:00
<i class="fas fa-folder"></i>
<label>files</label>
<div id="file-pop" class="pop-lcol row">
<div id="file-recent">
<i class="fas fa-list"></i>
<label>recent</label>
</div>
<div id="file-import">
2020-06-05 23:21:53 -04:00
<i class="fas fa-file-upload"></i>
<label>import<label>
</div>
2017-04-18 17:09:33 -04:00
</div>
</div>
<div id="lt-view" class="lt-menu lt-enabled">
2020-06-05 23:21:53 -04:00
<i class="fas fa-eye"></i>
2020-03-10 10:40:57 -04:00
<label>view</label>
2020-06-05 23:21:53 -04:00
<div id="pop-view" class="pop-lcol row">
<div id="view-arrange">
<i class="fas fa-th"></i>
<label>arrange</label>
</div>
<div id="view-top">
<i class="fas fa-square"></i>
<label>top</label>
</div>
<div id="view-home">
<i class="fas fa-home"></i>
<label>home</label>
2017-04-18 17:09:33 -04:00
</div>
</div>
</div>
<div id="act-sep"></div>
<div id="act-slice" class="lt-menu lt-enabled">
<i class="fas fa-bars"></i>
<label>slice</label>
</div>
<div id="act-preview" class="lt-menu lt-enabled">
<i class="fas fa-cubes"></i>
<label>preview</label>
</div>
<div id="act-export" class="lt-menu lt-enabled">
<i class="fas fa-file-download"></i>
<label>export</label>
</div>
<div id="lt-sep"></div>
<div id="lt-rotate" class="lt-menu">
2020-06-06 11:17:04 -04:00
<i class="fas fa-sync-alt"></i>
<label>rotate</label>
2020-06-07 11:41:03 -04:00
<div id="pop-rotate" class="pop-lcol row fillh russo">
<div>
<label class="grow">X</label>
<input id="rot_x" class="value center" size="5"/ value="0">
</div>
<div>
<label class="grow">Y</label>
<input id="rot_y" class="value center" size="5"/ value="0">
</div>
<div>
<label class="grow">Z</label>
<input id="rot_z" class="value center" size="5"/ value="0">
</div>
2020-06-06 11:17:04 -04:00
</div>
</div>
<div id="lt-scale" class="lt-menu">
2020-06-06 11:17:04 -04:00
<i class="fas fa-expand"></i>
<label>scale</label>
2020-06-07 11:41:03 -04:00
<div id="pop-scale" class="pop-lcol row fillh russo">
<div>
<div><label>X</label><input id="lock_x" type="checkbox" checked/></div>
<div><input id="size_x" size="8" class="value"/></div>
<div><input id="scale_x" size="8" class="value" value="1"/></div>
</div>
<div>
<div><label>Y</label><input id="lock_y" type="checkbox" checked/></div>
<div><input id="size_y" size="8" class="value"/></div>
<div><input id="scale_y" size="8" class="value" value="1"/></div>
</div>
<div>
<div><label>Z</label><input id="lock_z" type="checkbox" checked/></div>
<div><input id="size_z" size="8" class="value"/></div>
<div><input id="scale_z" size="8" class="value" value="1"/></div>
</div>
<div>
<div><label>axis</label></div>
<div><label>size</label></div>
<div><label>scale</label></div>
</div>
2020-06-06 11:17:04 -04:00
</div>
</div>
<div id="lt-nozzle" class="lt-menu noshow">
<i class="fas fa-map-marker"></i>
<label>nozzle</label>
2020-06-07 23:02:05 -04:00
<div id="pop-nozzle" class="pop-lcol row fillh russo"></div>
</div>
2020-06-06 00:38:46 -04:00
<div id="lt-end"></div>
2017-04-18 17:09:33 -04:00
</div>
2020-06-05 23:21:53 -04:00
<div id="mid-mcol" class="grow">
<div id="modal">
<div id="modal-box" class="col">
2020-06-06 11:17:04 -04:00
<div class="mod-top row"><div id="mod-x"><i class="fas fa-times"></i></div></div>
2020-06-06 11:17:04 -04:00
<div id="mod-help" class="mdialog col">
2020-06-05 23:21:53 -04:00
<a href="https://en.wikipedia.org/wiki/Slicer_(3D_printing)">wikipedia</a>
<a href="https://www.onshape.com/cad-blog/partner-spotlight-kirimoto">Onshape</a>
<a href="https://www.inov3d.net/3d-printing-slicer-software-download/">slicer news</a>
<a href="https://sienci.com/2016/08/24/the-story-of-kirimoto/">Sienci Labs</a>
<a href="https://www.youtube.com/watch?v=IZ1VG07oFCo">Teaching Tech</a>
2020-04-10 11:53:07 -04:00
</div>
<div id="mod-setup" class="mdialog col">
<div class="col a-center">select machine type</div>
<div class="row j-center">
<button id="mode-fdm" class="dev-type"><label>FDM</label></button>
<button id="mode-sla" class="dev-type"><label>SLA</label></button>
<button id="mode-cam" class="dev-type"><label>CNC</label></button>
<button id="mode-laser" class="dev-type"><label>LASER</label></button>
</div>
<div class="row mh0">
2020-06-06 23:21:42 -04:00
<div id="devices" class="t-33 col"><select id="device-list" size="15" class="grow"></select></div>
<div class="t-pad"></div>
<div id="device" class="col t-body t-inset overy"></div>
2020-06-06 23:21:42 -04:00
<div class="t-pad"></div>
<div id="gcode-edit" class="t-body t-inset col">
2020-06-08 11:19:45 -04:00
<div class="set-header col">gcode editor</div>
2020-06-06 23:21:42 -04:00
<div id="dev-gcode" class="grow"></div>
</div>
</div>
<div id="device-action" class="row">
2020-06-06 23:21:42 -04:00
<div class="grow"></div>
<button id="device-add"><i class="fas fa-plus"></i></button>
<button id="device-del"><i class="fas fa-minus"></i></button>
<div class="t-pad2"></div>
<button id="device-favorites">favorites</button>
<button id="device-all">all</button>
<div class="t-pad2"></div>
<button id="device-save">save</button>
<div class="grow"></div>
</div>
2020-04-10 11:53:07 -04:00
</div>
2020-06-07 11:41:03 -04:00
<div id="mod-files" class="mdialog col">
2020-06-08 11:19:45 -04:00
<label class="set-header">recent files</label>
2020-06-07 11:41:03 -04:00
<div id="catalogList" class="col"></div>
</div>
2020-06-07 23:02:05 -04:00
<div id="mod-saves" class="mdialog col">
2020-06-08 11:19:45 -04:00
<label class="set-header">saved settings</label>
2020-06-07 23:02:05 -04:00
<div id="settingsList" class="col"></div>
</div>
<div id="mod-tools" class="mdialog">
<div class="col">
2020-06-06 23:21:42 -04:00
<div class="row t-head">
<label class="t-33">tool</label>
<div class="t-pad"></div>
<label class="t-33">detail</label>
<div class="t-pad"></div>
<label class="t-33">view</label>
</div>
<div class="row">
2020-06-06 23:21:42 -04:00
<div class="col t-33">
<select id="tool-select" size="10" class="grow"></select>
</div>
2020-06-06 23:21:42 -04:00
<div class="t-pad"></div>
<div class="col t-33 t-body t-inset">
<div class="row var-row"><label>name</label><input id="tool-name" size="15"></input></div>
<div class="row var-row"><label>type</label>
<select id="tool-type">
<option value="endmill" selected>end</option>
<option value="ballmill">ball</option>
<option value="tapermill">taper</option>
</select>
</div>
2020-06-06 23:21:42 -04:00
<div class="row var-row" title="tool number to use&#010;in gcode commands"><label>tool #</label><input id="tool-num" size="7"></input></div>
<div class="row var-row"><label>metric</label><input id="tool-metric" type="checkbox"></input></div>
2020-06-08 11:19:45 -04:00
<div class="set-header col">shaft</div>
2020-06-06 23:21:42 -04:00
<div class="row var-row" title="shaft diameter in inches&#010;unless metric is checked&#010;then in millimeters"><label>diameter</label><input id="tool-sdiam" size="7"></input></div>
<div class="row var-row" title="shaft length in inches&#010;unless metric is checked&#010;then in millimeters"><label>length</label><input id="tool-slen" size="7"></input></div>
2020-06-08 11:19:45 -04:00
<div class="set-header col">flute</div>
2020-06-06 23:21:42 -04:00
<div class="row var-row" title="flute diameter in inches&#010;unless metric is checked&#010;then in millimeters"><label>diameter</label><input id="tool-fdiam" size="7"></input></div>
<div class="row var-row" title="flute length in inches&#010;unless metric is checked&#010;then in millimeters"><label>length</label><input id="tool-flen" size="7"></input></div>
2020-06-08 11:19:45 -04:00
<div class="set-header col">taper</div>
<!-- <div class="flow-row" title="taper angle"><label>angle</label><input id="tool-tangle" size=5></input></div> -->
2020-06-06 23:21:42 -04:00
<div class="row var-row" title="tip width in inches&#010;unless metric is checked&#010;then in millimeters"><label>tip</label><input id="tool-ttip" size="7"></input></div>
</div>
2020-06-06 23:21:42 -04:00
<div class="t-pad"></div>
<div id="tool-view" class="col t-33 t-body"></div>
</div>
2020-06-06 23:21:42 -04:00
<div id="tool-action" class="row j-center">
<button id="tool-add"><i class="fas fa-plus"></i></button>
<button id="tool-del"><i class="fas fa-minus"></i></button>
<div class="t-pad2"></div>
<button id="tools-save">save</button>
<button id="tools-close">done</button>
</div>
</div>
</div>
2020-06-10 20:48:59 -04:00
<div id="mod-prefs" class="mdialog row">
<div id="prefs-gen" class="col"></div>
<div class="t-pad2"></div>
<div id="prefs-out" class="col"></div>
</div>
<div id="mod-local" class="mdialog col"></div>
<div id="mod-print" class="mdialog col"></div>
<div id="mod-any" class="mdialog col"></div>
2020-06-05 23:21:53 -04:00
<!-- hidden file input loader -->
2020-06-08 00:24:20 -04:00
<input id="load-file" type="file" name="loadme" style="display:none" accept=".stl,.gcode,.nc"/>
<div class="mod-end"></div></div>
2020-06-05 23:21:53 -04:00
</div>
</div>
<div id="mid-rcol" class="col j-center noshow">
2020-06-07 23:02:05 -04:00
<div id="set-menu" class="col">
2020-06-12 23:06:37 -04:00
<div id="set-top" class="set-group"><a>settings</a><div id="set-now"></div></div>
2020-06-07 23:02:05 -04:00
<div id="settings" class="col"></div>
<div id="set-end" class="set-group"></div>
</div>
<div id="slider" class="col russo">
<div id="slider-max">&infin;</div>
2020-06-05 23:21:53 -04:00
<div id="slider-center" class="grow">
2020-06-07 23:02:05 -04:00
<div id="slider-hold" class="col xa-center">
<div id="slider-hi" class="handle"><div id="slider-hi-val"></div></div>
2020-06-07 23:02:05 -04:00
<div id="slider-mid">&nbsp;</div>
<div id="slider-lo" class="handle"><div id="slider-lo-val"></div></div>
2020-06-05 23:21:53 -04:00
</div>
</div>
2020-06-07 23:02:05 -04:00
<div id="slider-zero">0</div>
2020-06-05 23:21:53 -04:00
</div>
</div>
2017-04-18 17:09:33 -04:00
</div>
<div id="end" class="col a-center">
<div id="bottom">
2020-06-06 23:21:42 -04:00
<div id="layers"></div>
</div>
2020-06-05 23:21:53 -04:00
<div id="alert-area">
<div id="alert-border">
<div id="alert-text">alerts<br>alerts<br>alerts</div>
</div>
</div>
</div>
2020-06-13 20:04:39 -04:00
<div id="gdpr" class="noshow">
<p>this site uses cookies to preserve application preferences</p>
<button id="gotit" class="col j-center">got it</button>
2020-06-13 20:04:39 -04:00
</div>
2017-04-18 17:09:33 -04:00
</body>
</html>