grid-apps-cmms/web/kiri/index.html
2020-06-06 00:38:46 -04:00

140 lines
6.4 KiB
HTML

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<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" />
<meta name="copyright" content="stewart allen [sa@grid.space]">
<meta name="description" content="3d slice modeler, gcode and CNC toolpath generator">
<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.">
<meta property="og:title" content="Free 3D Tools for Makers">
<meta property="og:type" content="website">
<meta property="og:url" content="https://grid.space/kiri/">
<meta property="og:image" content="https://static.grid.space/img/logo_km_og.png">
<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}}">
<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>
</head>
<body class="col">
<div id="container"></div>
<div id="top" class="row">
<div id="app-vers">version</div>
<div class="grow"></div>
<div id="app-name">Kiri:Moto</div>
<div class="grow"></div>
<div id="app-acct"><i class="fas fa-user-cog"></i></div>
</div>
<div id="mid-sep"></div>
<div id="mid" class="grow row">
<div id="mid-lcol" class="col j-center">
<div id="lt-top"></div>
<div id="lt-setup" class="lt-menu">
<i class="fas fa-cogs"></i>
<label>setup</label>
</div>
<div id="lt-file" class="lt-menu">
<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-recent">
<i class="fas fa-file-upload"></i>
<label>import<label>
</div>
</div>
</div>
<div id="lt-action" class="lt-menu">
<i class="fas fa-layer-group"></i>
<label>action</label>
<div id="pop-act" class="pop-lcol row">
<div id="act-slice">
<i class="fas fa-bars"></i>
<label>slice</label>
</div>
<div id="act-preview">
<i class="fas fa-cubes"></i>
<label>preview</label>
</div>
<div id="act-export">
<i class="fas fa-file-download"></i>
<label>export</label>
</div>
</div>
</div>
<div id="lt-view" class="lt-menu">
<i class="fas fa-eye"></i>
<label>view</label>
<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>
</div>
</div>
</div>
<div id="lt-end"></div>
</div>
<div id="mid-mcol" class="grow">
<div id="modal">
<div id="mod-help">
<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>
</div>
<div id="mod-setup">
<div id="device">temp device</div>
<div id="layers">temp layers</div>
<div id="langpop">temp language</div>
</div>
<div id="mod-tools"></div>
<div id="mod-local"></div>
<div id="mod-print"></div>
<!-- hidden file input loader -->
<input id="load-file" type="file" name="loadme" style="display:none" accept=".stl,.gcode,.nc"/>
</div>
</div>
<div id="mid-rcol" class="col j-center">
<div id="set-top" class="setgroup"><a>settings</a></div>
<div id="settings" class="col"></div>
<div id="set-end" class="setgroup"></div>
<div id="slider" class="col">
<div id="slider-begin">0</div>
<div id="slider-center" class="grow">
<div id="slider-hold" class="col a-center">
<div id="slider-hold-top" class="shim"></div>
<div id="slider-hold-mid">&nbsp;</div>
<div id="slider-hold-bot" class="shim"></div>
</div>
</div>
<div id="slider-end">&infin;</div>
</div>
</div>
</div>
<div id="bot" class="col a-center">
<div id="progress"><div id="progbar"><div id="progtxt">loading</div></div></div>
<div id="bottom"></div>
<div id="alert-area">
<div id="alert-border">
<div id="alert-text">alerts<br>alerts<br>alerts</div>
</div>
</div>
</div>
</body>
</html>