{% extends "base.html" %}
{% load i18n %}
{% block meta %}
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/index.css" />
{% endblock %}

{% block content %}
<div class="topbar">
  <div class="left">{% trans "Server Index" %}</div>
  {% if not SITE_NAME %}
  <a href="/media/manual/"><div class="usage">{% trans "Usage" %}</div></a>
  {% endif %}
  <a href="/logout/"><div class="logout">{% trans "Logout All" %}</div></a>
</div>
<div id="main">
  <div></div><!-- for IE6 -->
  {% if server_list %}
  {% for server in server_list %}
  <div class="server_icon">
    <a href="/link/{{server.name}}/" title="{{server.name}}">
      <div class="server_icon_image"></div>
      <div class="server_icon_text">{{server.name}}</div>
   </a>
    {% if server.login %}
    <div class="server_auth_text_login">{% trans "Logged in" %}</div>
    {% else %}
    <div class="server_auth_text_logout">{% trans "Not logged in" %}</div>
    {% endif %}
  </div>
  {% endfor %}
  <div style="clear: both;"></div>
  {% else %}
  <p>no server config.</p>
  {% endif %}
</div>
{% endblock %}