diff --git a/src/octoprint/plugins/svgtogcode/static/css/mrbeam.css b/src/octoprint/plugins/svgtogcode/static/css/mrbeam.css index 78ee44d7..df807070 100644 --- a/src/octoprint/plugins/svgtogcode/static/css/mrbeam.css +++ b/src/octoprint/plugins/svgtogcode/static/css/mrbeam.css @@ -1620,6 +1620,19 @@ input.search-query, background-position: -30px -30px; } +#focus_description { + background-image: url(../img/focus_adjust_steps.png); + background-repeat: no-repeat; + background-size: contain; + width: 100%; + height: 100vh; +} + +.focus_steps li { + list-style-type: none; + padding-bottom: 0.65em; +} + .footer>* { padding-top: 1em; diff --git a/src/octoprint/plugins/svgtogcode/static/img/focus_adjust_steps.png b/src/octoprint/plugins/svgtogcode/static/img/focus_adjust_steps.png new file mode 100644 index 00000000..de5ef3c9 Binary files /dev/null and b/src/octoprint/plugins/svgtogcode/static/img/focus_adjust_steps.png differ diff --git a/src/octoprint/plugins/svgtogcode/templates/override_index.jinja2 b/src/octoprint/plugins/svgtogcode/templates/override_index.jinja2 index 3bcd0959..5483b26d 100644 --- a/src/octoprint/plugins/svgtogcode/templates/override_index.jinja2 +++ b/src/octoprint/plugins/svgtogcode/templates/override_index.jinja2 @@ -356,13 +356,14 @@
-
    -
  • Place your material on the working area
  • -
  • Move the laser over the material
  • -
  • Put on your safety glasses
  • -
  • Enable the focus mode
  • -
  • Adjust the focus until the laser beam is as small as possible
  • -
  • Disable the focus mode. You can take off the safety glasses afterwards
  • +
      +
    • 1. Place your material on the working area
    • +
    • 2. Move the laser over the material
    • +
    • 3. Put on your safety glasses
    • +
    • 4. Turn the laser safety switch to on
    • +
    • → Now enable the focus mode
    • +
    • 5. Adjust the focus until the laser beam is as small as possible
    • +
    • → Disable the focus mode.
    @@ -384,7 +385,8 @@
    -
    images describing the process
    +
    +