wiki/howto/tutorials/home.md
... ...
@@ -2,103 +2,168 @@
2 2
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/59/SAP_2011_logo.svg/2560px-SAP_2011_logo.svg.png" alt="SAP Logo" width="60">
3 3
</p>
4 4
5
-[[_TOC_]]
6
-
7
-# 🏆 SAP Sailing How-To Tutorials
8
-
9
-> 🚀 *Welcome to the SAP Sailing knowledge base!*
10
-> Use this guide to access step-by-step tutorials for each of these tools:
11
-> **Sail Insight**, **Sailing Race Manager**, and **Sailing Analytics**.
12
-
13
----
14
-
15
-## ⛵ **1. Sail Insight Application**
16
-
17
-<div style="
18
- border: 1px solid #ddd;
19
- border-radius: 8px;
20
- overflow: hidden;
21
- margin: 20px 0;
22
- max-width: 700px;
23
-">
24
-
25
- <img src="https://support.sapsailing.com/hc/theming_assets/01HZPQ67SXG8T9HEZX0GYX5HFF" alt="Sail Insight" style="width: 100%; height: auto;">
26
-
27
- <div style="padding: 20px;">
28
- <p><em>Set up events, invite competitors, manage courses and marks, edit results and start sailing smarter.</em></p>
29
-
30
- </div>
31
-</div>
32
-**Guides:**
33
-- [How-to: Managing marks in Sail Insight](sailinsight/manage-marks.md)
34
-- [Boat and team creation in Sail Insight](sailinsight/boat-team-creation.md)
35
-- [Getting started with Sail Insight](sailinsight/getting-started.md)
36
-- [How-to: Create an event with Sail Insight](sailinsight/create-events.md)
37
-
38
-You can also visit [FAQ & Answers](sailinsight/faq-answers.md) for common questions.
39
-
40
----
41
-
42
-## 🏁 **2. SAP Sailing Race Manager Application**
43
-
44
-<div style="
45
- border: 1px solid #ddd;
46
- border-radius: 8px;
47
- overflow: hidden;
48
- margin: 20px 0;
49
- max-width: 700px;
50
-">
51
-
52
- <img src="https://keyassets.timeincuk.net/inspirewp/live/wp-content/uploads/sites/21/2022/07/YAW275.5_tips.stc220427ff_01789.jpg" alt="Race Manager" style="width: 100%; height: auto;">
53
-
54
- <div style="padding: 20px;">
55
- <p><em>Connect your devices, manage wind settings, edit results, and master your races.</em></p>
5
+<h1>🏆 SAP Sailing How-To Tutorials</h1>
6
+
7
+<div style="display: flex;">
8
+
9
+ <!-- SIDEBAR -->
10
+ <div style="
11
+ width: 220px;
12
+ padding: 20px;
13
+ border-right: 1px solid #ddd;
14
+ height: 100vh;
15
+ position: sticky;
16
+ top: 0;
17
+ background: #f9f9f9;
18
+ ">
19
+ <h3>📑 Skipper’s Handbook</h3>
20
+ <ul>
21
+ <li><a href="#sap-sailing-how-to-tutorials">🏠 Home</a></li>
22
+ <li><a href="#sail-insight-application">⛵ Sail Insight</a></li>
23
+ <li><a href="#sap-sailing-race-manager-application">🏁 Race Manager</a></li>
24
+ <li><a href="#sap-sailing-analytics">📊 Sailing Analytics</a></li>
25
+ <li><a href="#happy-sailing">⚓️ Contact</a></li>
26
+ </ul>
56 27
</div>
57
-</div>
58
-*The SAP Sailing Race Manager app simplifies starting, running, and finishing sailing races, with real-time updates for organizers, fans, and media.*
59
-
60
-**Guides:**
61
-- [How to connect the Race Manager App to an Event](sailingracemanager/connect-to-event.md)
62
-- [How to configure wind settings](sailingracemanager/configure-wind-settings.md)
63
-- [How to work with the SAP Sailing Race Manager App](sailingracemanager/sailing-race-guide.md)
64
-- [Editing results with the SAP Sailing Race Manager App](sailingracemanager/edit-results.md)
65
-
66
----
67
-
68
-## 📊 **3. SAP Sailing Analytics**
69 28
70
-<div style="
71
- border: 1px solid #ddd;
72
- border-radius: 8px;
73
- overflow: hidden;
74
- margin: 20px 0;
75
- max-width: 700px;
76
-">
29
+ <div style="padding: 20px; flex: 1;">
30
+
31
+ <blockquote>
32
+ 🚀 <em>Welcome to the SAP Sailing knowledge base!</em><br>
33
+ Use this guide to access step-by-step tutorials for each of these tools:
34
+ <strong>Sail Insight</strong>, <strong>Sailing Race Manager</strong>, and <strong>Sailing Analytics</strong>.
35
+ </blockquote>
36
+
37
+ <hr>
38
+
39
+ <h2 id="sail-insight-application">⛵ 1. Sail Insight Application</h2>
40
+
41
+ <div style="
42
+ border: 1px solid #ddd;
43
+ border-radius: 8px;
44
+ overflow: hidden;
45
+ margin: 20px 0;
46
+ max-width: 700px;
47
+ ">
48
+ <img src="https://support.sapsailing.com/hc/theming_assets/01HZPQ67SXG8T9HEZX0GYX5HFF" alt="Sail Insight" style="width: 100%; height: auto;">
49
+ <div style="padding: 20px;">
50
+ <p><em>Set up events, invite competitors, manage courses and marks, edit results and start sailing smarter.</em></p>
51
+ </div>
52
+ </div>
53
+
54
+ <h3>Guides:</h3>
55
+ <ul>
56
+ <li><a href="sailinsight/manage-marks.md">How-to: Managing marks in Sail Insight</a></li>
57
+ <li><a href="sailinsight/boat-team-creation.md">Boat and team creation in Sail Insight</a></li>
58
+ <li><a href="sailinsight/getting-started.md">Getting started with Sail Insight</a></li>
59
+ <li><a href="sailinsight/create-events.md">How-to: Create an event with Sail Insight</a></li>
60
+ </ul>
61
+ <p>You can also visit <a href="sailinsight/faq-answers.md">FAQ & Answers</a> for common questions.</p>
62
+
63
+ <hr>
64
+
65
+ <h2 id="sap-sailing-race-manager-application">🏁 2. SAP Sailing Race Manager Application</h2>
66
+
67
+ <div style="
68
+ border: 1px solid #ddd;
69
+ border-radius: 8px;
70
+ overflow: hidden;
71
+ margin: 20px 0;
72
+ max-width: 700px;
73
+ ">
74
+ <img src="https://keyassets.timeincuk.net/inspirewp/live/wp-content/uploads/sites/21/2022/07/YAW275.5_tips.stc220427ff_01789.jpg" alt="Race Manager" style="width: 100%; height: auto;">
75
+ <div style="padding: 20px;">
76
+ <p><em>Connect your devices, manage wind settings, edit results, and master your races.</em></p>
77
+ </div>
78
+ </div>
79
+
80
+ <p>The SAP Sailing Race Manager app simplifies starting, running, and finishing sailing races, with real-time updates for organizers, fans, and media.</p>
81
+
82
+ <h3>Guides:</h3>
83
+ <ul>
84
+ <li><a href="sailingracemanager/connect-to-event.md">How to connect the Race Manager App to an Event</a></li>
85
+ <li><a href="sailingracemanager/configure-wind-settings.md">How to configure wind settings</a></li>
86
+ <li><a href="sailingracemanager/sailing-race-guide.md">How to work with the SAP Sailing Race Manager App</a></li>
87
+ <li><a href="sailingracemanager/edit-results.md">Editing results with the SAP Sailing Race Manager App</a></li>
88
+ </ul>
89
+
90
+ <hr>
91
+
92
+ <h2 id="sap-sailing-analytics">📊 3. SAP Sailing Analytics</h2>
93
+
94
+ <div style="
95
+ border: 1px solid #ddd;
96
+ border-radius: 8px;
97
+ overflow: hidden;
98
+ margin: 20px 0;
99
+ max-width: 700px;
100
+ ">
101
+ <img src="https://media.licdn.com/dms/image/v2/D4E12AQGZuRQLaR_EYw/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1731440383764?e=2147483647&v=beta&t=8RngKX_NQa15pFlJD6zXGqZqigU7-xYZuAcc9J_BxPk" alt="Sailing Analytics" style="width: 100%; height: auto;">
102
+ <div style="padding: 20px;">
103
+ <p><em>Dive deep into race tracking, data mining, and event publishing.</em></p>
104
+ </div>
105
+ </div>
106
+
107
+ <p> SAP Sailing Analytics uses Cloud and In-Memory Technology to process GPS and wind data in real time, delivering insights for organizers and competitors.</p>
108
+
109
+ <h3>All Tutorials:</h3>
110
+
111
+ <table>
112
+ <tr>
113
+ <td><a href="sailinganalytics/tracking-race-player.md">Tracking Race Player Overview</a></td>
114
+ <td><a href="sailinganalytics/sign-up.md">Signing up for a user account</a></td>
115
+ <td><a href="sailinganalytics/into-to-backend.md">Introduction to Analytics Backend</a></td>
116
+ </tr>
117
+ <tr>
118
+ <td><a href="sailinganalytics/simple-event-creation.md">Create a simple event</a></td>
119
+ <td><a href="sailinganalytics/video-tracking-management.md">Add &amp; align Youtube videos</a></td>
120
+ <td><a href="sailinganalytics/create-regattas.md">Create complex regattas</a></td>
121
+ </tr>
122
+ <tr>
123
+ <td><a href="sailinganalytics/competitors-data-management.md">Edit scores/results</a></td>
124
+ <td><a href="sailinganalytics/importing-results.md">Importing results</a></td>
125
+ <td><a href="sailinganalytics/adjust-mark-position.md">Adjust mark position</a></td>
126
+ </tr>
127
+ <tr>
128
+ <td><a href="sailinganalytics/set-mark-position.md">Set mark position</a></td>
129
+ <td><a href="sailinganalytics/configure-wind-settings.md">Configure wind settings</a></td>
130
+ <td><a href="sailinganalytics/set-up-regattas.md">Set up multiple regattas</a></td>
131
+ </tr>
132
+ <tr>
133
+ <td><a href="sailinganalytics/leaderboard-groups-explanation.md">Leaderboard groups explained</a></td>
134
+ <td><a href="sailinganalytics/split-leaderboard.md">Split a leaderboard</a></td>
135
+ <td><a href="sailinganalytics/course-areas.md">Working with course areas</a></td>
136
+ </tr>
137
+ <tr>
138
+ <td><a href="sailinganalytics/sailing-race-manager.md">Work with Race Manager app</a></td>
139
+ <td><a href="sailinganalytics/race-manager-connection.md">Connect Race Manager to event</a></td>
140
+ <td><a href="sailinganalytics/edit-results.md">Editing results</a></td>
141
+ </tr>
142
+ <tr>
143
+ <td><a href="sailinganalytics/set-matchrace-event.md">Set up matchrace event</a></td>
144
+ <td><a href="sailinganalytics/security-system.md">Security system intro</a></td>
145
+ <td><a href="sailinganalytics/default-creation-group.md">Default creation group</a></td>
146
+ </tr>
147
+ <tr>
148
+ <td><a href="sailinganalytics/make-group-public.md">Make group public</a></td>
149
+ <td><a href="sailinganalytics/publish-event.md">Publish an event</a></td>
150
+ <td><a href="sailinganalytics/import-gpx-track.md">Import a GPX track</a></td>
151
+ </tr>
152
+ <tr>
153
+ <td><a href="sailinganalytics/race-fixes.md">Fix device assignment</a></td>
154
+ <td><a href="sailinganalytics/data-mining-tool.md">Data Mining Tool intro</a></td>
155
+ <td></td>
156
+ </tr>
157
+</table>
158
+
159
+ <hr>
160
+
161
+ <h2 id="happy-sailing">⚓️ Happy Sailing!</h2>
162
+
163
+ <blockquote>
164
+ 💡 <strong>Tip:</strong> Bookmark this page for quick access.<br>
165
+ For more help, contact support at: <a href="mailto:support@sapsailing.com">support@sapsailing.com</a>.
166
+ </blockquote>
77 167
78
- <img src="https://media.licdn.com/dms/image/v2/D4E12AQGZuRQLaR_EYw/article-cover_image-shrink_720_1280/article-cover_image-shrink_720_1280/0/1731440383764?e=2147483647&v=beta&t=8RngKX_NQa15pFlJD6zXGqZqigU7-xYZuAcc9J_BxPk" alt="Sailing Analytics" style="width: 100%; height: auto;">
79
-
80
- <div style="padding: 20px;">
81
- <p><em>Dive deep into race tracking, data mining, and event publishing.</em></p>
82 168
</div>
83 169
</div>
84
-*SAP Sailing Analytics use Cloud and In-Memory Technology to process GPS and wind data in real time, delivering insights for organizers and competitors.*
85
-
86
-**All Tutorials:**
87
-
88
-| [Tracking Race Player Overview](sailinganalytics/tracking-race-player.md) | [Signing up for a user account](sailinganalytics/sign-up.md) | [Introduction to Analytics Backend](sailinganalytics/into-to-backend.md) |
89
-|----------|----------|----------|
90
-| [Create a simple event](sailinganalytics/simple-event-creation.md) | [Add & align Youtube videos](sailinganalytics/video-tracking-management.md) | [Create complex regattas](sailinganalytics/create-regattas.md) |
91
-| [Edit scores/results](sailinganalytics/competitors-data-management.md) | [Importing results](sailinganalytics/importing-results.md) | [Adjust mark position](sailinganalytics/adjust-mark-position.md) |
92
-| [Set mark position](sailinganalytics/set-mark-position.md) | [Configure wind settings](sailinganalytics/configure-wind-settings.md) | [Set up multiple regattas](sailinganalytics/set-up-regattas.md) |
93
-| [Leaderboard groups explained](sailinganalytics/leaderboard-groups-explanation.md) | [Split a leaderboard](sailinganalytics/split-leaderboard.md) | [Working with course areas](sailinganalytics/course-areas.md) |
94
-| [Work with Race Manager app](sailinganalytics/sailing-race-manager.md) | [Connect Race Manager to event](sailinganalytics/race-manager-connection.md) | [Editing results](sailinganalytics/edit-results.md) |
95
-| [Set up matchrace event](sailinganalytics/set-matchrace-event.md) | [Security system intro](sailinganalytics/security-system.md) | [Default creation group](sailinganalytics/default-creation-group.md) |
96
-| [Make group public](sailinganalytics/make-group-public.md) | [Publish an event](sailinganalytics/publish-event.md) | [Import a GPX track](sailinganalytics/import-gpx-track.md) |
97
-| [Fix device assignment](sailinganalytics/race-fixes.md) | [Data Mining Tool intro](sailinganalytics/data-mining-tool.md) | |
98
-
99
----
100
-
101
-## ⚓️ Happy Sailing!
102
-
103
-> 💡 **Tip:** Bookmark this page for quick access.
104
-> For more help, contact support at: [support@sapsailing.com](mailto:support@sapsailing.com).