base.html

{% load i18n %}
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}eduroam | {{COUNTRY_CODE}}{% endblock %} : {% block currentpagetitle %}{% endblock %}</title>
<link href="/static/css/bootstrap.min.css" rel="stylesheet">

<link href="/static/css/style.css" rel="stylesheet">


<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link REL="shortcut icon" HREF="/static/img/favicon.ico"> 
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/img/edu144-icon.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/static/img/edu114-icon.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/static/img/edu72-icon.png">
<link rel="apple-touch-icon-precomposed" href="/static/img/edu-icon.png">
<style type="text/css">
body {
	padding-top: 90px;
	/*padding-bottom: 60px;*/
}

.sidebar-nav {
	padding: 9px 0;
}

.headtitle {
	font-family: "Franklin Gothic Demi", "Franklin Gothic",
		"ITC Franklin Gothic", Arial, sans-serif;
	letter-spacing: -1px;
}

#logotitle,#logotitle.a {
	color: #656565;
	font-size: 18px;
	font-weight: bold;
	left: 105px;
	position: relative;
	top: 60px;
	font-family: "Franklin Gothic Demi", "Franklin Gothic",
		"ITC Franklin Gothic", Arial, sans-serif;
	letter-spacing: -1px;
	width: 300px;
}
.navbar .brand { max-height: 40px; overflow: visible;padding-top: 0;padding-bottom: 0; }
.dropdown-menu.loginoptions a {
    width: 80px;
    display: inline-table;
}
</style>
<link href="/static/css/bootstrap-responsive.min.css" rel="stylesheet">
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script type="text/javascript">

  	function setlang(lang){
		$("#langsel").val(lang);
		$("#langform").submit();
	}

</script>
{% block extrahead %}{% endblock %}
</head>
<body>

<div class="navbar navbar-fixed-top">

<div class="navbar-inner">
    <div class="container-fluid" style="padding-left: 0px; width: auto;">
    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
        <a class="brand visible-desktop" href="{% block logourl %}{% url index %}{% endblock %}"><img src="/static/img/logo_holder.png" /></a>
        <a class="brand hidden-desktop" href="{% url index %}"><img src="/static/img/logo_small.png" /></a>
        <div class="nav-collapse collapse">
    {% block topmenu %}
    <ul class="nav">
        <li {% block hometop %}{% endblock %}>
            <a href="{% url index %}">{% trans "Home" %}</a>
        </li>
        <li {% block faqtop %}{% endblock %}>
            <a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a>
        </li>
        
        
        {% include "front/management_dropdown.html" %}

    </ul>
    {% endblock %}
    <ul class="nav pull-right">
         <li class="dropdown pull-right">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">{% trans "Language" %}: {% for lang in LANGUAGES %}{% ifequal LANGUAGE_CODE lang.0 %}{% trans lang.1 %}{% endifequal %}{% endfor %}<b class="caret"></b></a>
            <ul class="dropdown-menu">
            <form action="{% url django.views.i18n.set_language %}" method="post" style="display:inline;" id="langform">
								{% csrf_token %}
								<input name="next" type="hidden" value="{{ next }}" />
								<input id="langsel" name="language" type="hidden" value="" />
							</form>
            	{% for lang in LANGUAGES %}
                <li>
                    <a class="select_lang" href="#" onclick="setlang('{{ lang.0 }}'); return false;" title="{{lang.1}}">{% trans lang.1 %}{% ifequal LANGUAGE_CODE lang.0 %}  <i class="icon-ok"></i>{% endifequal %}</a>
                </li>
              {% endfor %}
            </ul>
        </li>
        <li class="hidden-phone">
            <a href="{{DOMAIN_MAIN_URL}}" style="padding: 0px; margin: 0px;"><img src="/static/img/right_logo_small.png"></a>
        </li>
    </ul>
        </div>
    </div>    
</div>
</div>

	{% block content %}
	<div class="container-fluid">
      <div class="row-fluid">
        <div class="span2">
          <div class="well sidebar-nav">
            <ul class="nav nav-list">
            
              <li {% block homepage %}{% endblock %}><a href="{% url index %}">{% trans "Home" %}</a></li>
              <li class="nav-header">{% trans "USERS" %}</li>
              <li {% block whatis %}{% endblock %}><a href="/what/{{LANGUAGE_CODE}}/">{% trans "The service" %}</a></li>
              <li {% block faq %}{% endblock %}><a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a></li>
              <li class="nav-header">{% trans "INSTITUTIONS" %}</li>
              <li {% block mgmt %}{% endblock %}><a href="{% url managementPage %}">{% trans "Management" %}</a></li>
              <li class="nav-header">{% trans "SERVICE" %}</li>
              <li {% block closest %}{% endblock %}><a href="{% url geolocate %}" target="about:blank()">{% trans "Closest eduroam" %}</a></li>
              <li {% block world %}{% endblock %}><a href="{% url world %}">{% trans "World eduroam" %}</a></li>
              <li {% block participants %}{% endblock %}><a href="{% url participants %}">{% trans "Participants" %}</a></li>
             
            </ul>
          </div><!--/.well -->
          <div class="hidden-phone"><img src="/static/img/keep_calm_eduroam_small.png"></div>
        </div><!--/span-->


		<div class="span10">
			<div class="row-fluid">
				<!--/span-->
				
					{% block subcontent %}
					{% endblock %}
				
				<!--/span-->
			</div><!--/row-->
		</div><!--/span-->
      </div><!--/row-->
    </div><!--/.fluid-container-->
	{% endblock %}
	{% include "footer.html" %}
</body>
</html>