helpernet.github.io/index.html at master · HelperNet/helpernet.github.io · GitHub

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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html>

  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>HelperNet</title>
  <meta name="description" content="">

  <link rel="stylesheet" href="/stylesheets/screen.css">
  <link rel="canonical" href="http://helpernet.github.io/">
  <link rel="alternate" type="application/rss+xml" title="HelperNet" href="http://helpernet.github.io/feed.xml" />
  <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
  <link rel="icon" href="/images/favicon.ico" type="image/x-icon">

  <script type="text/javascript" src="/javascripts/vendor/lodash.min.js"></script>
  <script type="text/javascript" src="/javascripts/vendor/jquery.min.js"></script>
  <script type="text/javascript" src="/javascripts/vendor/jquery.mini.parallax.js"></script>
  <script type="text/javascript" src="/javascripts/vendor/jquery.maphilight.min.js"></script>
  <script type="text/javascript" src="/javascripts/vendor/wow.min.js"></script>
  <script type="text/javascript" src="/javascripts/lib/smoothScroll.js"></script>
  <script type="text/javascript" src="/javascripts/lib/showAfter.js"></script>
  <script type="text/javascript" src="/javascripts/vendor/bootstrap.js"></script>

  <script type="text/javascript">
    $(function() {
      // reveal animations when user sees them
      wow = new WOW({
        boxClass:     'reveal-animation',
        animateClass: 'animated',
        offset:       200,
        mobile:       false,
        live:         true
      });
      wow.init();
    });
  </script>
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-69056549-1', 'auto');
    ga('send', 'pageview');
  </script>
</head>


  <body>

    <header class="landing">

  <div class="col-xs-20 spaced flex-container">
    <div class="col-xs-8 col-xs-offset-2 flex-vertical-container reveal-animation animated fade-in">
      <div class="screenshot">
        <img src="images/screenshot_android2.png" alt="" />
      </div>
    </div>
    <div class="col-xs-12 col-xs-offset-1 flex-vertical-container reveal-animation animated fade-in">
      <!-- <div> -->
        <div class="text-block justified">
          <h1 class="title">HelperNet</h1>
          <h3 class="sub-title">This App saves Lives.</h3>
        </div>
        <div class="text-block justified">

<p>HelperNet will contact nearby people via your smartphone in case of an emergency -even without internet access- so they can come to your rescue, before the ambulance arrives.
  In your app store soon!</p>


        </div>
          <div class="text-block">
            <p>
              <!-- <a href="https://github.com/HelperNet/HelperNet" class="btn btn-success" style="margin: 0 2px;">
                <img src="images/github-mark.png" class="github-icon" /> Checkout on GitHub.
              </a> -->
              <span class="disabled-icon app-store-icon">
                <img src="images/google_play.png" />
              </span>
              <span class="disabled-icon app-store-icon">
                <img src="images/app_store.svg" />
              </span>
            </p>
          </div>
      <!-- </div> -->
    </div>
  </div>

</header>


    <div id="main-section" class="page-content">
      <div
  id="index-container"
  class="container-fluid">

  <div class="row spaced">
    <h1 class="page-title">HelperNet</h1>
    <h3 class="page-sub-title">
      Help people. Help each other.
    </h3>
    <div class="col-sm-7 col-sm-offset-6 spaced flex-vertical-container">
      <div class="text-block justified">
        <p>

<p>Using scanning of nearby people we produced an app that is capable of creating a real-time infrastructure to help people in emergency situations. The infrastructure itself based on the <a href="http://p2pkit.io">p2pkit</a> by Uepaa that enables small-scale communication networks to exchange data quickly.
This first aid solution does not need registration, a server backend or other more complex infrastructure elements. There is no location tracking that invades privacy and drains battery. This makes it more flexible and even capable of helping out in emergency situations when you don’t have a well established network service such as in the countryside and crowded places.</p>


        </p>
      </div>
    </div>
    <div class="col-sm-4 col-sm-offset-1 flex-container screenshot spaced-med reveal-animation animated fade-in-up">
      <img src="images/screenshot_ios.png" alt="Screenshot iOS">
    </div>
      <!-- <div class="col-sm-8 col-sm-offset-2">
        <div class="image-and-label">
          <img src="images/helpernet_logo_big.png" alt="HelperNet Logo" />
        </div>
      </div> -->
  </div>

  <div class="row spaced">
    <h1 class="page-title">HackZurich15</h1>
    <h3 class="page-sub-title">
      Winning Project at Europe's biggest Hackathon
    </h3>
    <div class="container">
      <div class="col-sm-12 col-sm-offset-6">
        <div class="image-and-label">
          <img src="images/group.jpg" alt="Team" />
          <span class="image-label">
            FLTR: Nico Ring, Sven Mischkewitz, Alexander Immer, Willi Raschkowski
          </span>
        </div>
        <div class="small" style="margin-top: 4px;">

<p>Photography: <a href="http://www.manuelmaisch.ch/">www.manuelmaisch.ch</a></p>

        </div>
        <div class="text-block justified">
          <p>

<p>During 40 hours non-stop coding we developed HelperNet at <a href="http://hackzurich.com">HackZurich 2015</a>. The Zurich people provided a fantastic atmosphere! Have a look at our finals pitch.</p>

          </p>
        </div>
        <iframe width="560" height="315" src="https://www.youtube.com/embed/fyOSyjwThQE" frameborder="0" allowfullscreen></iframe>
      </div>
    </div>

  </div>

</div> <!-- end .container -->

    </div>

    <footer id="footer" class="site-footer">

  <div class="container">
    <div class="row">

      <div class="col-xs-24 flex-container">
        <div class="logo">
          <img src="/images/helpernet_logo.png" alt="">
        </div>

        <div class="contact">
          <div class="contact-text">
            <span class="icon github"></span>
            <a href="http://github.com/HelperNet" target="_blank">/HelperNet</a>
          </div>
          <div class="contact-text">
            <span class="icon email"></span>
            <a href="mailto:sven.mischkewitz@student.hpi.de">sven.mischkewitz@student.hpi.de</a>
          </div>
          <div class="contact-text">
            <span class="icon phone"></span>
            +49 175 472 48 48
          </div>
        </div>
      </div>

    </div> <!-- end row -->

    <div class="row">
      <div class="footer-line">
        <span class="copyright">&copy; 2015 HelperNet</span>
        <span class="impress">
          <a href="/impressum">Impressum</a>
          <a href="/datenschutz">Datenschutz</a>
        </span>
      </div>
    </div>
  </div>

</footer>


  </body>

</html>