Statistics
| Branch: | Tag: | Revision:

root / templates / base.html @ ee184d58

History | View | Annotate | Download (5.2 kB)

1
{% load i18n %}
2
<!DOCTYPE html>
3
<html>
4
<head>
5
<title>{% block title %}eduroam@Greece{% endblock %}</title>
6
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
7
<link href="/static/css/style.css" rel="stylesheet">
8
<style type="text/css">
9
body {
10
        padding-top: 100px;
11
        padding-bottom: 60px;
12
}
13

    
14
.sidebar-nav {
15
        padding: 9px 0;
16
}
17

    
18
.headtitle {
19
        font-family: "Franklin Gothic Demi", "Franklin Gothic",
20
                "ITC Franklin Gothic", Arial, sans-serif;
21
        letter-spacing: -1px;
22
}
23

    
24
#logotitle,#logotitle.a {
25
        color: #656565;
26
        font-size: 18px;
27
        font-weight: bold;
28
        left: 105px;
29
        position: relative;
30
        top: 60px;
31
        font-family: "Franklin Gothic Demi", "Franklin Gothic",
32
                "ITC Franklin Gothic", Arial, sans-serif;
33
        letter-spacing: -1px;
34
        width: 300px;
35
        "
36
}
37
.navbar .brand { max-height: 40px; overflow: visible;padding-top: 0;padding-bottom: 0; }
38
</style>
39
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
40
<script src="/static/js/bootstrap.min.js"></script>
41
<script type="text/javascript">
42

43
          function setlang(lang){
44
                $("#langsel").val(lang);
45
                $("#langform").submit();
46
                
47
        }
48

    
49
</script>
50
{% block extrahead %}{% endblock %}
51
</head>
52
<body>
53
{% comment %}
54
        <div class="navbar navbar-fixed-top">
55
                <p class="navbar-text pull-left">
56
                        <a class="brand2" href="#"
57
                                style="position: absolute; top: 0px; left: 15px;"> <img
58
                                src="/static/img/grnet_logo3.png"
59
                                style="position: absolute; top: 10px; left: 10px; max-width: none;">
60
                        </a>
61
                </p>
62
                <div class="navbar-inner">
63
                        <div class="container-fluid">
64
                                <div class="nav-collapse collapse">
65
                                        <p class="navbar-text pull-left">
66
                                                <a class="brand" href="#"> <img src="/static/img/pixelrow.png">
67
                                                </a>
68
                                        </p>
69
                                        <div
70
                                                style="text-align: center; margin: auto; top: 3px; float: none;"
71
                                                class="nav">
72
                                                <a href="{% url index %}" style="height: 200px;"><img
73
                                                        src="/static/img/eduroam_trans_248pix.png"></a>
74
                                        </div>
75
                                </div>
76
                        </div>
77
                </div>
78
        </div>
79
{% endcomment %}
80
<div class="navbar navbar-fixed-top">
81

    
82
<div class="navbar-inner">
83
    <div class="container" style="padding-left: 0px; width: auto;">
84
        <a class="brand" href="#"><img src="/static/img/logo_holder.png" /></a>
85
    {% block topmenu %}
86
    <ul class="nav">
87
        <li {% block  %}{% endblock %}>
88
            <a href="{% url index %}">Home</a>
89
        </li>
90
        <li {% block  %}{% endblock %}>
91
            <a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a>
92
        </li>
93
        <li {% block  %}{% endblock %}>
94
            <a href="{% url login %}" style="padding-top: 3px; padding-bottom: 0px;">{% trans "Manage" %}<img src="/static/img/image_shibboleth_logo_color.png" style="padding: 0px;"></a>
95
        </li>
96

    
97
    </ul>
98
    {% endblock %}
99
    <ul class="nav pull-right">
100
         <li class="dropdown pull-right">
101
            <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>
102
            <ul class="dropdown-menu">
103
            <form action="{% url django.views.i18n.set_language %}" method="post" style="display:inline;" id="langform">
104
                                                                {% csrf_token %}
105
                                                                <input name="next" type="hidden" value="{{ next }}" />
106
                                                                <input id="langsel" name="language" type="hidden" value="" />
107
                                                        </form>
108
                    {% for lang in LANGUAGES %}
109
                <li>
110
                    <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>
111
                </li>
112
              {% endfor %}
113
            </ul>
114
        </li>
115
        <li>
116
            <a href="http://www.grnet.gr" style="padding: 0px; margin: 0px;"><img src="/static/img/grnet_small.png"></a>
117
        </li>
118
    </ul>
119
        
120
    </div>    
121
</div>
122
</div>
123

    
124
        {% block content %}
125
        <div class="container-fluid">
126
      <div class="row-fluid">
127
        <div class="span2">
128
          <div class="well sidebar-nav">
129
            <ul class="nav nav-list">
130
            
131
              <li {% block  %}{% endblock %}><a href="{% url index %}">{% trans "Home" %}</a></li>
132
              <li {% block  %}{% endblock %}><a href="{% url geolocate %}" target="about:blank()">Closest</a></li>
133
              <li {% block  %}{% endblock %}><a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a></li>
134
              <li {% block  %}{% endblock %}><a href="/what/{{LANGUAGE_CODE}}/">{% trans "What" %}?</a></li>
135
              <li {% block  %}{% endblock %}><a href="#">{% trans "What" %}?</a></li>
136
              <li class="nav-header">Institutions</li>
137
              <li {% block  %}{% endblock %}><a href="{% url manage %}">{% trans "Management" %}</a></li>
138
            </ul>
139
          </div><!--/.well -->
140
          <div><img src="/static/img/keep_calm_eduroam_small.png"></div>
141
        </div><!--/span-->
142

    
143

    
144
                <div class="span10">
145
                        <div class="row-fluid">
146
                                <!--/span-->
147
                                
148
                                        {% block subcontent %}
149
                                        {% endblock %}
150
                                
151
                                <!--/span-->
152
                        </div><!--/row-->
153
                </div><!--/span-->
154

    
155
        </div><!--/span-->
156
      </div><!--/row-->
157

    
158
      <hr>
159

    
160
      <footer>
161
        <p>&copy; @ GRNET NOC 2012</p>
162
      </footer>
163

    
164
    </div><!--/.fluid-container-->
165
        {% endblock %}
166
</body>
167
</html>