-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (126 loc) · 4.11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
---
layout: default_en
---
<div class="container-fluid intro bg-light">
<div class="row justify-content-center align-self-center">
<h1>OSO</h1>
</div>
<div class="row justify-content-center align-self-center">
<p class="h2">{{ site.title }}</p>
</div>
<div class="row justify-content-center align-self-center">
<h5 class="text-muted">{{ site.subtitle }}</h5>
</div>
</div>
<div class="text-center gradient">
<img src="/assets/images/map.png" class="img-fluid" style="width: 48em;" alt="map"/>
</div>
<div class="expand-height">
<div class="container">
<div class="row">
<div class="col-lg col-12 mobile-mb" data-aos="flip-left">
<div class="card h-100">
<div class="card-body">
<div class="named-icon">
<i class="fas fa-users fa-3x"></i>
<h4>Family and Friends</h4>
</div>
<p class="text-center">
Add family and friends as your contacts to notify them in case of an emergency.
They can decide among themselves who is going to help you
</p>
</div>
</div>
</div>
<div class="col-lg col-12 mobile-mb" data-aos="flip-left">
<div class="card h-100">
<div class="card-body">
<div class="named-icon">
<i class="fas fa-map-marker-alt fa-3x"></i>
<h4>Location</h4>
</div>
<p class="text-center">
Tell people about your whereabouts by simply pushing a button on one of our supported devices
</p>
</div>
</div>
</div>
<div class="col-lg col-12 mobile-mb" data-aos="flip-left">
<div class="card h-100">
<div class="card-body">
<div class="named-icon">
<i class="fas fa-server fa-3x"></i>
<h4>Notifications</h4>
</div>
<p class="text-center">
We designed our system to achieve maximal reliability. No emergency should go unnoticed
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="expand-height">
<div class="row">
<div class="col">
<h2>What is OSO?</h2>
</div>
</div>
<div class="row">
<div class="col">
<p>
OSO stands for Open Source Ortungssystem. The last word Ortungssystem is German and means locating system.
It is a system designed for distributed communication in emergency situations which involves multiple people.
</p>
<p>
It can be especially helpful for
</p>
<ul>
<li>Kids</li>
<li>Athletes</li>
<li>People with special needs</li>
<li>Elder People</li>
</ul>
</div>
</div>
</div>
<div class="expand-height">
<div class="row">
<div class="col">
<h2>Feeling safe</h2>
</div>
</div>
<div class="row">
<div class="col">
<p>
Sometimes you are not as clearheaded as you may think, especially when adrenalin rushes through your blood.
Knowing you can inform someone by just pressing a button to inform them about your whereabouts is reassuring and will reduce the stress.
</p>
</div>
</div>
<div class="row">
<div class="col text-center">
<img src="/assets/images/campfire.svg" class="img-fluid" style="width: 40em;" alt="campfire"/>
</div>
</div>
</div>
<div class="expand-height">
<div class="row">
<div class="col">
<h2>Existing solutions</h2>
</div>
</div>
<div class="row">
<div class="col">
<p>
Many companies provide tracking devices and platforms to list a person as emergency contact.
These tools and platforms are often too limited.
They only let you list one contact, don't let you adjust the channel where you will receive a notification and you don't even know what will happen with your data.
There is no real standard since everyone provides their own solution.
</p>
</div>
</div>
</div>
</div>