update quick start and add link to new video

This commit is contained in:
Stewart Allen 2020-12-31 12:45:46 -05:00
commit 4329cd96d7
2 changed files with 23 additions and 10 deletions

View file

@ -903,6 +903,10 @@ th, tr, td, label {
margin: 10px;
}
}
#help li {
list-style-type: circle;
margin-left: 10px;
}
#help .header {
border: 1px solid rgba(0,0,0,0.75);
background-color: rgba(0,0,0,0.05);
@ -991,10 +995,19 @@ th, tr, td, label {
height: 450px;
transform: translateX(-1px);
}
#help-tab-support a:hover {
background-color: #aee;
#help-tabs p, #help-tabs li, #help-tabs table {
color: #035;
}
#help-tab-support a:hover, #help-tab-start a:hover {
background-color: rgba(61,133,198,0.25);
border-radius: 5px;
}
#help-start {
margin: 5px 0 5px 0;
}
#help-start a {
padding: 5px;
}
.help-tab {
flex-grow: 1;
display: none;

View file

@ -50,15 +50,15 @@
<b class="header">Quick Start Guide</b>
<div class="content">
<p>
<li>use the <button><i class="fas fa-cogs"></i></button> Setup menu to select a <button><i class="fas fa-cube"></i></button> machine</li>
<li><button><i class="fas fa-plus"></i></button> clone the machine if you want to customize it</li>
<li>drag and drop an <a href="https://en.wikipedia.org/wiki/STL_(file_format)" target="_stl">STL file</a> onto the grid (turns green)</li>
<li>or use <button><i class="fas fa-folder"></i></button> files <button><i class="fas fa-file-upload"></i></button> import from your computer</li>
<li>use the settings menus (right) to customize slicing parameters</li>
<li id="help-start">watch <a href="https://youtu.be/08795Sj22QE" target="youtube">The Definitive Video Guide to Kiri:Moto 2.5</a></li>
<li><button><i class="fas fa-cogs"></i></button> setup menu selects a <button><i class="fas fa-cube"></i></button> device and mode</li>
<li><button><i class="fas fa-sliders-h"></i></button> preferences allow interface and mode-specific settings</li>
<li><button><i class="fas fa-plus"></i></button> customize a device if you want to change default settings</li>
<li><button><i class="fas fa-folder"></i></button> open files or <button><i class="fas fa-file-upload"></i></button> import parts to the workspace</li>
<li>use the right-side profile menus to customize slicing parameters</li>
<li><button><i class="fas fa-bars"></i></button> slice objects to see the effect of the parameters</li>
<li><button><i class="fas fa-cubes"></i></button> preview calculates path data from slice objects</li>
<li><button><i class="fas fa-file-download"></i></button> export converts paths to files like GCode and SVG</li>
<li>explore <button><i class="fas fa-cogs"></i></button> setup <button><i class="fas fa-sliders-h"></i></button> preferences for app customization</li>
<li><button><i class="fas fa-cubes"></i></button> preview calculates path data from sliced objects</li>
<li><button><i class="fas fa-file-download"></i></button> export converts paths to GCode and SVG files</li>
</p>
</div>
<div class="content">