index.html

---
layout: nosection
---
<section id="was-ist-freifunk" class="wide">
  <h2>Was ist Freifunk?</h2>
  <div class="flex">
    <p>
      <span class="freifunk">Freifunk</span> ist ein Projekt, das versucht ein stadtweites Datennetz auf Basis von WLAN-Routern aufzubauen. Dieses Netz soll eine freie Kommunikation innerhalb der ganzen Stadt ermöglichen. Jedes WLAN-fähige Gerät, also beispielsweise Handy oder Notebook, kann
      sich mit dem Netz verbinden und darüber mit anderen Teilnehmern kommunizieren. Auch ein Zugang ins Internet steht meistens zur Verfügung.
    </p>
    <div style="align-self: center">
      <video poster="/images/freifunk_verbindet_sd.jpg" style="width: 100%;" controls="">
        <source src="//downloads.bremen.freifunk.net/video/freifunk_verbindet_hd.mp4" type="video/mp4">
        <source src="//downloads.bremen.freifunk.net/video/freifunk_verbindet_hd.webm" type="video/webm">
        <source src="//downloads.bremen.freifunk.net/video/freifunk_verbindet_hd.ogv" type="video/ogg">
        Your browser does not support the video tag.
      </video>
    </div>
  </div>

  <p class="flexbtns">
    <a class="btn" href="/was-ist-freifunk.html">Was ist Freifunk noch?</a>
    <a class="btn" href="/faq.html">FAQ</a>
    <a class="btn" href="/kontakt.html">Kontakt</a>
  </p>
</section>

<section id="news" class="wide">
  <div class="flex">
    <div style="flex-grow: 2">
      <h2><a href="/blog/">News</a></h2>
      {% for post in site.posts limit:4 %}
      {% include blogpost.html post=post %}
      {% endfor %}
      <p class="flexbtns">
        <a class="btn" href="/blog/">Mehr News</a>
      </p>
    </div>
    <div id="twitter">
      <h2><a class="no-icon" href="https://twitter.com/FreifunkHB">Twitter</a></h2>
      <template id="tweet-template">
        <div class="tweet">
          <div class="header">
            <a target="_blank" rel="noopener,external" class="no-icon" href="https://twitter.com/FreifunkHB">
              <svg width="48" height="42">
                <image xlink:href="/images/logo/notext.svg" src="/images/logo/notext.png" width="48" height="42"/>
              </svg>
              <span>Freifunk Bremen</span><br>
              <span class="handle">@FreifunkHB</span></a>

            <span><a target="_blank" rel="noopener,external" class="link no-icon"><time></time></a></span>
          </div>
          <p class="content"></p>
          <div class="media"></div>
        </div>
      </template>
      <div id="tweets">
      </div>
    </div>
  </div>
</section>

<section id="termine" class="wide">
  <h2>Termine</h2>
  <template id="event-template">
    <div>
      <h3 class="title"></h3>
      <dl>
        <dt>Wann?</dt>
        <dd class="time"><time class="starttime"></time>–<time class="endtime"></time></dd>
        <dt>Wo?</dt><dd class="location"></dd>
        <dt>Was?</dt><dd class="description"></dd>
      </dl>
    </div>
  </template>
  <div class="flex">
  </div>
  <p class="flexbtns">
    <a class="btn" href="https://cloud.bremen.freifunk.net/index.php/apps/calendar/p/rcPxo5enJc75etx5/Freifunk">Mehr Termine</a>
    <a class="btn" href="https://wiki.bremen.freifunk.net/Kalender">Kalender abonnieren</a>
  </p>
</section>

<section id="karte">
  <a href="//map.bremen.freifunk.net/"><span class="btn">Zur Knotenkarte</span></a>
</section>

<section id="partner" class="wide">
  <h2>Partner</h2>
  <div class="flex">
{% for sponsor in site.data.sponsors %}
    <a class="no-icon" href="{{ sponsor.url }}">
      <img src="images/sponsors/{{ sponsor.img }}" alt="{{ sponsor.name }}">
    </a>
{% endfor %}
  </div>
</section>
<script src="/assets/index.js?{{ site.data['hash'] }}"></script>
<!-- vim: syntax=html sw=2 ts=2 sts=2 et
-->