How This Website Works: Progress, Bookmarks, and Navigation
Course Overview:
➤ Maintenance - Taking care of vehicle and economizing. ➤ Safety - Equipment, safe trip, accident info. ➤ Thinking - 1st Golden Rule - Never Assume Anything. .➤ Dangers - 2nd Golden Rule - Expect the Unexpected. .➤ Defensive - 3rd Golden Rule - Plan Ahead. .
ℹ️ FAQ:
⮟ How does the Course Progress bar track my reading? ⮟ How does the Bookmark feature work? ⮟ What do the icons on each page mean? ⮟ What's the difference between the Podcast, Visual Summary, and Training videos on each page? ⮟ What do the red and green cars mean in the training animations?
Course Progress Bar:
You will be able to easily keep track of your progress through the website using both the Course Progress as well as the Bookmark widgets. For each page on the website that you read through, the counter will be incremented so that you can at a glance see how many pages you have completed. The counter will be incremented when: You have read through the entire page, from top to bottom. Quickly scrolling to the bottom of the page will not increment the counter. The widget will calculate the read time at 200 words per minute. The bottom of the page is when the Social Media links are visible, as shown in the image to the right.
Top image. Button located on the bottom left corner of the web page. Information icon will bring you to this explanation of how the course progress works. Button gives a quick summary of how many pages have been completed Clicking anywhere on the button, other than the Information icon, will hide the button and display the Course Progress Summary. See below.
Middle image. This panel gives a more graphical representation of how many pages of the course have been completed. Clicking on the hamburger icon (3 horizontal lines) in the top left corner will display the Course Progress per Page panel. See below. Clicking the hamburger icon again will close the Course Progress per Page panel. Clicking on the red cross, will close the panel and display the Course Progress Button. See above.
Bottom image. This panel will give an alphabetical list of all the pages of the website. Use the vertical scroll bar on the right to display the relevant page. To the right of the page name, you will see a Spark line of how much you have read of the page: No color = Nothing read of the page. Yellow = Page partially read. The length of the yellow bar will give an indication of how much of the page has been read. Green = Means the entire page has been read. Clicking on the page name will take you directly to the web page in a new tab and automatically continue from where you last left off. Click the hamburger icon of the Course Progress Summary panel will close this panel. Click the red cross of the Course Progress Summary panel will close this panel as well as the Course Progress Summary panel.
Bookmark:
When you first arrive at the website and you are ready to create a bookmark, click on the red "Save" button.
This will change to a green "Saved" button to indicate that the bookmark has been created.
When you thereafter scroll on the page, or navigate away from the page, the blue "Back" arrow will become active, meaning that you can then go back to your bookmark.
When you click on the blue back arrow, it will take you not only to the web page, but also the correct location on the page.
This will work even if you shut down the session and come back to the website at a later stage.
To create a new bookmark, repeat the process.
Note that it will only save the latest bookmark.
Menu:
Each node is a page. Start from the top-level node before going the next level down as each parent node is a page with a summary or introduction to the children or sub-menu pages below it. The menu is highlighted on each level for the page that is open, so you can easily follow the menu trail of where you are on the website. Some menu items go to the same page where the information would otherwise be duplicated. Some pages have the same name but present the information in a different context.
Pages:
Text:
The left side of the page contains a summary and/or introduction to the accompanying instructional video to the right. Icons : ⚠️ Warning - More shocking (not graphic or gory) content. ☠️ Alert - Common high-risk areas. 🛈 Information - Statistics and useful information. 💡 Tip - Handy suggestion. ? Question - Practical questions and answers. ℹ️ FAQ - Frequently Asked Questions. 📹 Training Video - Opportunity to give feedback. Links : ⧋ - Takes you to the top of the page. ⮟ - Will jump to the relevant text block on the same page. ➤ - Will open a new tab so that you don't lose your place on the original page. References : Pages - Links to any external sites will open in a separate tab. Videos - 'Description' section of the YouTube video.
Infographic :
A pictorial summary of the most salient points from the page and videos in one graphic. For a larger image, right-click image and select "Open link in new tab."
Video :
On the right side of the page and contains the main visually based training material. I have put forth every effort to ensure that each clip is unique. Podcast Video: Top of the page. Deep dive into the topic. Discussion between two hosts. Visual Summary Video: Below the Podcast video. Pictorial summary of topic that includes images, diagrams, quotes and statistics. Training Video: Title - Shows the topic covered and the Menu where it can be found. Introduction: Introduction to the topic. Training: Commentary: a) Animation - Highlights the hazard. b) Examples - Shows different scenarios. Montage: A random collection of on topic video snippets. Use as a training tool to predict various scenarios. Animations : Scale - Not to scale with refence to speed and size, just for illustration purposes. Cars: Red - Bad Guy. Green - Good Guy. Traffic Lights - Will point out which vehicle applies to. Share : a) Go to the top right of the video and click on the 3 vertical dots (More). b) Copy the URL and paste into email, Whatsapp, etc. c) Click on the Facebook or Twitter icons. d) Click on the 3 horizontal dots to take you to the video on YouTube. e) Click on the X in the top right corner to close Sharing.
ℹ️ How does the Course Progress bar track my reading?
The counter increases by one each time you read all the way through a page, from top to bottom — quickly jumping to the bottom won't count it.
The tracker estimates your reading time at 200 words per minute, and counts a page as "read" once you reach the bottom, where the social media links become visible.
ℹ️ How does the Bookmark feature work?
Click the red "Save" button anywhere on the site to bookmark your spot — it'll turn green to confirm it's saved.
From then on, a blue "Back" arrow appears that takes you not just to the right page, but the exact spot on it, even if you close the site and come back later.
Creating a new bookmark simply replaces the old one — only the most recent bookmark is kept.
ℹ️ What do the icons on each page mean?
Each page uses a small set of icons to flag different kinds of content: ⚠️ for content that's more shocking but never graphic or gory, ☠️ for common high-risk areas, 🛈 for statistics and useful information, 💡 for handy tips,
Recognising these at a glance makes it easier to scan a page for the kind of information you're looking for.
ℹ️ What's the difference between the Podcast, Visual Summary, and Training videos on each page?
Most pages include up to three video types: a Podcast video at the top, a deeper discussion between two hosts; a Visual Summary below it, a pictorial overview with images, diagrams, and statistics; and the main Training video, which introduces the topic, walks through the technique with animation and real examples, and ends with a montage of on-topic clips you can use to practise predicting different scenarios.
ℹ️ What do the red and green cars mean in the training animations?
In the animations, red always represents the vehicle making the mistake, and green represents the vehicle driving correctly — traffic lights in the animation indicate which vehicle they apply to. Note that the animations aren't drawn to scale for speed or size; they're for illustration only.