bornhack-website/templates/frontpage.html

{% extends 'base.html' %}
{% load static from staticfiles %}

{% block content %}

<div class="row">
  <div class="col-md-12">
      <img src="{% static 'img/logo.png' %}" class="img-responsive"
          id="front-logo" />

      <br />

      <div class="row">
        <div class="col-md-8 text-container">
          <div class="lead">
            <strong>Bornhack</strong> is an annual 7 day outdoor tent camping festival
            where people with an interest in technology, security and society
            come together to celebrate technology, socialise, learn and <strong>have fun</strong>.
          </div>
        </div>
        <div class="col-md-4">
          <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_162831.jpg">
            <img class="img-thumbnail"
                 src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_162831_tn.jpg"
                 alt="Tents at CCCamp2015" title="Tents at CCCamp2015">
          </a>
        </div>
      </div>

      <br />

      <div class="row">
        <div class="col-md-4">
          <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/jarlsgaard.jpg">
            <img class="img-thumbnail"
                 src="https://people.bornhack.org/tyk/ohm_cccamp_pics/jarlsgaard_tn.jpg"
                 alt="Jarlsgaard from above" title="Jarlsgaard from above">
          </a>
        </div>
        <div class="col-md-8 text-container">
          <div class="lead">
            The first Bornhack took place from <strong>August 27 to September 3rd 2016</strong>
            on the Danish island of <strong>Bornholm</strong>. We are preparing 
            <strong>BornHack 2017</strong> which will be from <strong>22nd to 27th of August 2017</strong>.
          </div>
        </div>
      </div>

      <br />

      <div class="row">
        <div class="col-md-8 text-container">
          <p class="lead">
            Bornhack is a <strong>participatory</strong> event where we expect people
            to come up with ideas and projects, and help make the content. We will reach out to
            people to ensure interesting, high quality talks and workshops.
          </p>
        </div>
        <div class="col-md-4">
          <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5755.jpg">
            <img class="img-thumbnail"
                 src="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5755_tn.jpg"
                 alt="Hacking in Baconsvin village at OHM2013" title="Hacking in Baconsvin village at OHM2013">
          </a>
        </div>
      </div>

      <br />

      <p class="lead">
        You are very welcome to ask questions and show your interest on our different channels:
      </p>
      {% include 'includes/contact.html' %}
      <p class="lead">
        Follow and like us to get updates about BornHack.
      </p>

      <p class="lead">
        We hope you want to be a part of Bornhack. Ticket sales for 2017 will be open soon!
      </p>

      <div class="regards-and-button">
        <p class="lead">
          Sincerely<br />
          The Bornhack Team
        </p>
      </div>

    <p align="center">
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_141706.jpg">
        <img class="img-thumbnail"
             src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_141706_tn.jpg"
             alt="Hacking sign at CCCamp2015" title="Hacking sign at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_163606.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_163606_tn.jpg"
             alt="Entrance to Baconsvin village at CCCamp2015" title="Entrance to Baconsvin village at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_201635.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150812_201635_tn.jpg"
             alt="Dome being built at CCCamp2015" title="Dome being built at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5746.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5746_tn.jpg"
             alt="Person swinging lights in the night at OHM2013" title="Person swinging lights in the night at OHM2013">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150814_145204.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150814_145204_tn.jpg"
             alt="Queer Feminist Geeks village at CCCamp2015" title="Queer Feminist Geeks village at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_154027.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_154027_tn.jpg"
             alt="Dome at CCCamp2015" title="Dome at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5736.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/_MG_5736_tn.jpg"
             alt="Lights at night at OHM2013" title="Lights at night at OHM2013">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_154119.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150815_154119_tn.jpg"
             alt="Free Chelsea Manning sign at CCCamp2015" title="Free Chelsea Manning sign at CCCamp2015">
      </a>
      <a href="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150816_153404.jpg">
        <img class="img-thumbnail" src="https://people.bornhack.org/tyk/ohm_cccamp_pics/IMG_20150816_153404_tn.jpg"
             alt="Swedish Embassy sign at CCCamp2015" title="Swedish Embassy sign at CCCamp2015">
      </a>
    </p>
</div>


{% endblock %}