-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
126 lines (121 loc) · 7.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Refugee-Transit</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<style style="display:none">
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
.navbar {
border: none;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.8);
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#" style="font-family: 'Poiret One';font-size: 25px; color: #009f6b; font-weight: bold">Refugee-Transit</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#description">Description</a></li>
<li><a href="#motivation">Motivation</a></li>
<li><a href="#status">Status</a></li>
<!--li><a href="#features">Funktionen</a></li>
<li><a href="#screenshots">Screenshots</a></li>
<li><a href="#download">Download</a></li-->
<li><a href="#aboutus">About us</a></li>
<li><a href="#contact">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="../refugeetransit-website/index.html">English</a></li>
<li><a href="/refugeetransit-website/de/index.html">Deutsch</a></li>
</ul>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
<div class="container" id="description">
<h1 class="text-center" style="color: #009f6b">Description</h1>
<div class="clearfix">
<img src="img/refugee-transit-500.png" alt="Screenshot" class="pull-left">
<p class="lead">
An Android-App to help refugees on their way.
<br>
</p>
<!--div class="clearfix"-->
<p class="lead">
Almost everyone fleeing has a smart phone.
<br/> The idea of this app is to help refugess on their way with reliable information from helpers:
<br/> Where are the bordres closed, where are contact points, where are the municipalities overwhelmed, where is WiFi, to just name a few of our ideas.
<br/> Contact points und other information will be visualised with symbols on a map. Breaking news will be presented on the website that is feed by supporters. The refugees will be able to add information about secret points by themselves.
<br/> All information will be avialable in multiple languages and will also be available offline.
</p>
</div>
</div>
<!-- /.container -->
<div class="container" id="motivation">
<h1 style="color: #009f6b">Motivation <small>Background information</small></h1>
<p class="lead">
60 million people are forced to leave their native country, because of war, persecution and natural disasters. Many of them are searching for protection in Germany and Europe. We (RefugeeTransit Working Group) perceive the German and European refugee policy as an policy, which does not fight the reasons of the flight of millions of people, but perennially creates them.
But after a small pause, in the face of wars, natural disaster, death people in the sea, barbed wire - whether on the flight or in the native country - in short: this whole madness, we want to support people on their search after a perspective beyond walls, fences, armed forces, deportation and exploitation.<br/>
It requires an urgent solution to transform survival habitats into humane habitats. But until that happens, we maybe can contribute digitally to their burdensome travel with RefugeeTransit and support them on their way.<br/>
We do what we do best - we program. Information is essential for survival.
We are developing an app in the hope that these people arrive, get there or come back - to a place where they can live a good life.
</p>
</div>
<div class="container" id="status">
<h1 style="color: #009f6b">Status <small>Status of the development</small></h1>
<p class="lead">
Uniform database: For the input of entries from supporters, we work with people of <a href="http://www.first-contact.org/">First Contact</a> who built a website which is already in use (example: <a href="http://refugeeinfo.eu/lesbos/en/">http://refugeeinfo.eu/lesbos/en/</a>).<br/>
The page has a simple design and has a small footprint to load fast on mobile devices. It is maintained by the supporters themselves and the information is kept up-to-date. The input of information is done using Google Sheets. The data is stored on a secure server in Hamburg.<br/>
After the input of the information in English, the new entries are automatically pushed to the website, translators (here we still have need for resources) translate the information in to other languages. This is not done in real-time, but immediately after the input.
Currently we test this procedure with supporters from Kiel, to check if it works as expected.
</p>
</div>
<div class="container" id="aboutus">
<h1 style="color: #009f6b">About us <small>Who are we?</small></h1>
<p class="lead">
We are a random bunch of people, consisting out of eight developer. We are inspired through the experiences of a refugee supporter in our rows. We got together for the first time during the <a href="http://refugeehackathon.de/en/" title="Refugee-Hackathon">Refugee-Hackathon in Berlin</a> that took place from October 23.-25. 2015 where we started to prototype the idea.
</p>
</div>
<div class="container" id="contact">
<h1 style="color: #009f6b">Contacts<small></small></h1>
<p class="lead">
Email: info[at]first-contact.org
</p>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</body>
</html>