{% extends "base.html" %}

{% block title %}bessst.be — home{% endblock %}

{% block positions %}
var positions = [{"top":790,"left":750},{"top":390,"left":-172},{"top":180,"left":850},{"top":150,"left":970},{"top":30,"left":150},{"top":100,"left":500},{"top":706,"left":226.5},{"top":50,"left":226.5},{"top":225,"left":165.5},{"top":91,"left":365.5},{"top":101,"left":61.5},{"top":113,"left":317.5},{"top":91,"left":297.5},{"top":706,"left":226.5},{"top":806,"left":596.5},{"top":533,"left":369.5},{"top":450,"left":109.5},{"top":76,"left":715.5},{"top":21,"left":285.5},{"top":51,"left":26.5}]
{% endblock %}

{% block content %}
  <div class="logo">
  <object type="image/svg+xml" data="/assets/svg/1.svg"></object>
  </div>
  <div class="logo" contenteditable="true">
      <object type="image/svg+xml" data="/assets/svg/2.svg"></object>
  </div>
    <div class="logo">
      <object type="image/svg+xml" data="/assets/svg/3.svg"></object> 
   </div>
  <div class="logo" contenteditable="true">
      <object type="image/svg+xml" data="/assets/svg/4.svg"></object> 
  </div>
    <div class="logo">
      <object type="image/svg+xml" data="/assets/svg/5.svg"></object> 
   </div>
  <div class="logo" contenteditable="true">
      <object type="image/svg+xml" data="/assets/svg/6.svg"></object> 
  </div>

<div class="container" id="header">
    <div class="bessst">
        bessst
    </div>
</div>
  
<div class="container">
    <div class="major">
    <div id="text">
        <p class="intro">Alle initiatieven en activiteiten die 
            in het kader van 
            <em>bessst</em>
            een meerjarenproject rond leefkwaliteit en stilte 
            in het Brussels Hoofdstedelijk Gewest
            worden opgezet, 
            kunt u hier 
            in de nabije toekomst
            raadplegen.
        </p>
    </div>
    
    </div>
    
    
    <div class="major" id="meer">
        <p class="meer">
            Meer informatie over <em>bessst</em> vind je:</br>
            - Heb je drie minuten? </br>
            <a href="http://www.fmbrussel.be/artikel/_zwijgen_is_goud.aspx"> Luister dan naar het interview op FM-Brussel.</a> 
            </br>
            Dit naar aanleiding van de aftrap van <em>bessst</em>, een meerjarenproject rond leefkwaliteit en stilte in het Brussels Hoofdstedelijk Gewest, op 27 september 2011. 
        </p>
        <p class="meer">
            - Heb je meer tijd? </br>
            <a href="http://www.brusselnieuws.be/artikel/brussel-krijgt-met-%E2%80%98bessst%E2%80%99-een-stilteproject">Zie ook: Brussel krijgt met ‘Bessst’ een stilteproject.</a>
        </p>
        <p class="meer">
            - Heb je tien minuten? </br>
            <a href="http://www.fmbrussel.be/player/ondemand/?http://www.fmbrussel.be/fmbrussel/kingkong2011/04/111025stilte.mp3"> Luister dan naar het interview met Thomas Dieltjens op FM-Brussel 
            </a>
        </p>
        <div class="naar-concept">
            <div contenteditable="true">
            <object type="image/svg+xml" data="/assets/svg/0.svg"></object>
            </div>
            <h1><a href="/conceptnota/"> → Lees de volledige conceptnota.</a></h1>
        </div>

    <div class="video" style="margin-top: 128px;">
    <iframe width="560" height="315" src="http://www.youtube.com/embed/9F1_4FHscyQ" frameborder="0" allowfullscreen></iframe>
    </div>

    </div>
      
    
    
<div class="minor" id="newsletter">

    <p>Nieuwsbrief</p>
    
      <form action="/newsletter/signup/" enctype="multipart/form-data" method="post" id="signform">
  	{% csrf_token %}
    <p>
      <label for="email">
        Email
      </label>
      <input class="required email" type="email" id="email" name="email" placeholder="naam@domein.be" />
    </p>
    <p>
      <input type="submit" value="Ga!" />
      &nbsp;
    </p>
  </form>
</div>
    
    </div>
{% endblock %}