{% extends 'layout.html' %}

{% block content %}
<h1>Hostinfo</h1>

<div id="hostlist">
  <div class="row searchbox">
    <span class="span4 offset4">
      <input type="search" class="search span4" placeholder="Search" />
    </spam>
  </div>

  <ul class="row list">
    {% for host in hosts %}
    <li class="span2">
      <a href={{host['url']}} class="thumbnail hostname">
        {{host['hostname'] | replace(".spline.inf.fu-berlin.de","")}}
      </a>
    </li>
    {% endfor %}
  </ul>
</div>

<script type='text/javascript'>
<!--
var options = {
    valueNames: [ 'hostname' ]
};

var featureList = new List('hostlist', options);
//-->
</script>
{% endblock %}