Home page Module 1

01- Ideas

put Shorcut video here showing Navigation Shortcuts on this page, and back and into others,

*** Implement sub drop-down for steps here % length of sub drop-steps in step-floats from its parent .stepfloat

1 pressed then 1 again consecutively in a row goes to 11th step if any, and shift 1 twice will decend, if 11th, and 1 is pressed twice again it would go to 21 or back to 1 if no 21 step exits, same for each number, 0 -> 10 > 20 back to 0, shift + 0 do 0 -> last ending 0 digit 20 -> 10 -> 0 -> back to last ending 0

Put each shortcut in step-floats-container -> .step-float, have each step-float when clicked, change timestamp in Shortcut video

- shortcut 1

Put shortcut here

change video timstamp to that shortcut

- shortcut 1

Put shortcut here

change video timstamp to that shortcut

- shortcut 1

Put shortcut here

change video timstamp to that shortcut

- shortcut 1

Put shortcut here

change video timstamp to that shortcut

** I will be putting mac command here, and link to youtube video

** Clicking or pressing enter key on side bar links

02- Ideas

**When Shift + Enter is pressed on side-bar a

e.preventDefault && play first video in main-landing-container (if one exists)

add a data-video-img attribute to sidebar and steps, step-float etc, Change tutorial link img if they are clicked, return to Module icon if no video exists

For the love og, fix, focus to main-landing-container, mainTargetDiv, (whereever it's going)

Problem is in lastClickedSidebar item, only focus to main-landing-container when same side-bar a is clicked twice in a row, if focus leaves, lastClicked is removed