wiki/howto/tutorials/sailinsight/boat-team-creation.md
... ...
@@ -2,23 +2,13 @@ This guide will show you how to create your *first boat* or manage multiple boat
2 2
3 3
**Sail Insight** allows you to sail with multiple boats or teams. When you first set up **Sail Insight**, we ask you to set up your first boat, but you can edit it or create more at any time.
4 4
5
-<div style="text-align: center; line-height: 0;margin-bottom: 13em;">
6
- <a href="https://www.youtube.com/watch?v=rbdmoTf7w64$t=1s" target="_blank">
7
- <img src="https://img.youtube.com/vi/rbdmoTf7w64/0.jpg" alt="Boat and team creation in Sail Insight" style="display: inline-block;">
8
- </a>
9
- <div style="line-height: normal; margin-top: -14em;">
10
- <a href="https://www.youtube.com/watch?v=rbdmoTf7w64$t=1s" target="_blank" style="
11
- display: inline-block;
12
- vertical-align: middle;
13
- background-color: #007BFF;
14
- color: white;
15
- padding: 10px 20px;
16
- border-radius: 4px;
17
- text-decoration: none;
18
- font-weight: bold;
19
- ">Watch the Video</a>
20
- </div>
21
-</div>
5
+<video
6
+ controls
7
+ src="https://sapsailing-documentation.s3.eu-west-1.amazonaws.com/SailInsight/Boats+and+Team+Creation+%5BrbdmoTf7w64%5D.webm"
8
+ type="video/webm"
9
+ style="display:block;margin:1rem auto;max-width:100%;width:340px;height:auto;">
10
+ Your browser does not support the video tag.
11
+</video>
22 12
23 13
## Edit a boat
24 14
To edit a previsouly created boat, click the *"Account"* tab near the bottom right of the screen. Then click the *"My Boats"* menu item. Pick the boat that you previously created and edit the necesarry fields. Scroll down to press *"Save"*.
wiki/howto/tutorials/sailinsight/create-events.md
... ...
@@ -1,22 +1,12 @@
1 1
This guide will show you how to create an event with **Sail Insight**.
2 2
3
-<div style="text-align: center; line-height: 0;margin-bottom: 14em;">
4
- <a href="https://www.youtube.com/watch?v=f_sguquMRsQ" target="_blank">
5
- <img src="https://img.youtube.com/vi/f_sguquMRsQ/0.jpg" alt="How-to: Create an event with Sail Insight" style="display: inline-block;">
6
- </a>
7
- <div style="line-height: normal; margin-top: -14em;">
8
- <a href="https://www.youtube.com/watch?v=f_sguquMRsQ" target="_blank" style="
9
- display: inline-block;
10
- vertical-align: middle;
11
- background-color: #007BFF;
12
- color: white;
13
- padding: 10px 20px;
14
- border-radius: 4px;
15
- text-decoration: none;
16
- font-weight: bold;
17
- ">Watch the Video</a>
18
- </div>
19
-</div>
3
+<video
4
+ controls
5
+ src="https://sapsailing-documentation.s3.eu-west-1.amazonaws.com/SailInsight/Create+an+Event+%5Bf_sguquMRsQ%5D.mp4"
6
+ type="video/mp4"
7
+ style="display:block;margin:1rem auto;max-width:100%;width:340px;height:auto;">
8
+ Your browser does not support the video tag.
9
+</video>
20 10
21 11
There are two ways of *placing marks*:
22 12
- Pair a mark with a real-world tracking device (another mobile phone)
wiki/howto/tutorials/sailinsight/getting-started.md
... ...
@@ -5,23 +5,13 @@ You can use **Sail Insight** without an account, if you have been invited to par
5 5
6 6
If you want to track your own trips or set up an event to sail with or against other people you will need to sign up for an account.
7 7
8
-<div style="text-align: center; line-height: 0;margin-bottom: 13em;">
9
- <a href="https://www.youtube.com/watch?v=ZnRooWkRvas" target="_blank">
10
- <img src="https://img.youtube.com/vi/ZnRooWkRvas/0.jpg" alt="Getting started with Sail Insight" style="display: inline-block;">
11
- </a>
12
- <div style="line-height: normal; margin-top: -14em;">
13
- <a href="https://www.youtube.com/watch?v=ZnRooWkRvas" target="_blank" style="
14
- display: inline-block;
15
- vertical-align: middle;
16
- background-color: #007BFF;
17
- color: white;
18
- padding: 10px 20px;
19
- border-radius: 4px;
20
- text-decoration: none;
21
- font-weight: bold;
22
- ">Watch the Video</a>
23
- </div>
24
-</div>
8
+<video
9
+ controls
10
+ src="https://sapsailing-documentation.s3.eu-west-1.amazonaws.com/SailInsight/Getting+started+with+Sail+Insight.+%5BZnRooWkRvas%5D.webm"
11
+ type="video/webm"
12
+ style="display:block;margin:1rem auto;max-width:100%;width:340px;height:auto;">
13
+ Your browser does not support the video tag.
14
+</video>
25 15
26 16
## How-to create an account
27 17
After opening **Sail Insight** create a new account by clicking on *"Register"*.
wiki/howto/tutorials/sailinsight/manage-marks.md
... ...
@@ -1,22 +1,13 @@
1 1
This episode shows you how to manage *marks* or pair them in **Sail Insight** :
2 2
3
-<div style="text-align: center; line-height: 0;margin-bottom: 14em;">
4
- <a href="https://www.youtube.com/watch?v=f3fjGuP-SbU" target="_blank">
5
- <img src="https://img.youtube.com/vi/f3fjGuP-SbU/0.jpg" alt="manage marks or pair them" style="display: inline-block;">
6
- </a>
7
- <div style="line-height: normal; margin-top: -14em;">
8
- <a href="https://www.youtube.com/watch?v=f3fjGuP-SbU" target="_blank" style="
9
- display: inline-block;
10
- vertical-align: middle;
11
- background-color: #007BFF;
12
- color: white;
13
- padding: 10px 20px;
14
- border-radius: 4px;
15
- text-decoration: none;
16
- font-weight: bold;
17
- ">Watch the Video</a>
18
- </div>
19
-</div>
3
+<video
4
+ controls
5
+ src="https://sapsailing-documentation.s3.eu-west-1.amazonaws.com/SailInsight/Managing+Marks+%5Bf3fjGuP-SbU%5D.webm"
6
+ type="video/webm"
7
+ style="display:block;margin:1rem auto;max-width:100%;width:340px;height:auto;">
8
+ Your browser does not support the video tag.
9
+</video>
10
+
20 11
There are **two ways** of placing marks:
21 12
- Pair a mark with a real-world tracking device (another mobile phone)
22 13
- Give it a fixed location by providing latitude and longitude.