1 {% load url from future %}
4 <header id="global_header">
6 <div id="logo_container" class="small-6 columns">
8 <img src="{{ STATIC_URL }}img/global_header_logo.png" alt="global_header_logo" width="144" height="17" />
10 </div><!--/logo container-->
12 <div id="login_container" class="small-2 columns small-offset-4">
13 <a class=white href="{% url 'about' %}">About</a>
17 <div id="login_container" class="three columns offset-by-four end">
18 <span id="login_toggle">
19 LOGIN/SIGNUP <img src="{{ STATIC_URL }}img/global_header_login_menu_arrow.png" alt="Open Login" id="login_arrow" width="9" height="6" />
22 <div id="login_box" style="display:none">
24 <div class="twelve columns">
26 <div class="row" id="login_signup">
27 <div class="twelve columns">
30 </div><!--/login_signup-->
32 <div class="row" id="login_fb">
33 <div class="twelve columns">
34 <a href="{# url 'socialauth_begin' 'facebook' #}">
35 <img src="{{ STATIC_URL }}img/global_header_login_fbbtn.png" alt="global_header_login_fbbtn" width="223" height="45" />
38 </div><!--/login_fb-->
41 <div class="row" id="login_form">
42 <div class="twelve columns">
43 <form id="login_form" method="post" action="{# url 'login' #}">
47 <div class="twelve columns">
48 <input type="text" name="username">
50 <div class="twelve columns">
56 <div class="twelve columns">
57 <input type="password" name="password">
59 <div class="twelve columns">
64 <!--<button type="submit" style="display:none"/>Log in</button>-->
65 <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>
68 </div><!--/login_form-->
70 <div class="row" id="login_submit">
71 <div class="twelve columns">
74 </div><!--/login_submit-->
79 </div><!--/login container-->
82 </header><!--/global header-->
87 <header id="global_header">
89 <div id="logo_container" class="five columns offset-by-one">
91 <div class="five columns">
93 <img src="{{ STATIC_URL }}img/global_header_logo.png" alt="global_header_logo" width="144" height="17" />
96 <div class="seven columns">
97 <div id="search_container">
98 <form id="search" method="GET" action="/multisearch/">
99 <input type="text" id="search_txt" name="q">
105 </div><!--/logo container-->
107 <div id="browse_container" class="one column">
108 <a class=white href="{# url 'browse' #}">Browse</a>
109 </div><!--/browse_container-->
111 <div class="four columns end">
112 <div id="global_header_logged_in_content">
115 <div class="five columns half-padding" id="global_header_addnote">
116 <img src="{{ STATIC_URL }}img/global_header_plusnote.png" alt="global_header_plusnote" width="115" height="67" />
117 </div><!-- /global_header_addnote -->
119 <div class="four columns half-padding" id="global_header_mycourses">
122 <div class="twelve columns" id="global_header_mycourses_copy">
123 My Courses <img src="{{ STATIC_URL }}img/global_header_login_menu_arrow.png" alt="global_header_login_menu_arrow" width="9" height="6" />
124 </div><!-- /global_header_mycourses_copy -->
128 <div class="twelve columns" id="global_header_mycourses_list" style="display:none;">
129 <ul id="course_menu">
130 {% for course in user.get_profile.courses.all %}
131 <li><a href="{{ course.get_absolute_url }}"> {{ course.title }} </a></li>
134 </div><!-- /global_header_mycourses_list -->
138 <div class="twelve columns" id="global_header_add_course" style="display:none;">
139 <img src="{{ STATIC_URL }}img/global_header_add_course.png" alt="global_header_add_course" width="132" height="20" />
140 </div><!-- /global_header_add_course -->
143 </div><!-- /global_header_mycourses -->
145 <div class="three columns">
146 <div id="global_header_avatar_menu">
148 <div class="five columns no-padding" id="global_header_avatar_container">
149 <img alt="" src="{{ user.get_profile.picture_url_small }}" width="31" height="33">
151 <div class="six columns no-padding" id="global_header_note_count">
152 {{ user.get_profile.karma }}
154 <div class="one column half-padding" id="global_header_arrow_container">
155 <img src="{{ STATIC_URL }}img/global_header_login_menu_arrow.png" alt="global_header_login_menu_arrow" width="9" height="6" />
158 </div><!-- /global_haader_avatar_menu -->
160 <div id="global_header_avatar_moreinfo" style="display:none;">
161 <div class="row" id="global_header_avatar_moreinfo_content">
162 <div class="nine columns">
164 <div class="twelve columns" id="global_header_avatar_moreinfo_name">
165 <a href="{% url 'dashboard' %}">
166 {{ user.get_profile.get_name }}
168 </div><!-- /global_header_avatar_moreinfo_name -->
171 <div class="twelve columns" id="global_header_avatar_moreinfo_school">
172 <a href="{{ user.get_profile.school.get_absolute_url }}">
173 {{ user.get_profile.school }}
175 </div><!-- /global_header_avatar_moreinfo_school -->
178 <div id="global_header_avatar_moreinfo_gear" class="three columns">
179 <a href="{% url 'dashboard' %}">
180 <img src="{{ STATIC_URL }}img/global_header_gear.png" alt="global_header_gear" width="12" height="14" />
182 </div><!-- /global_header_avatar_moreinfo_gear -->
185 <div class="twelve columns" id="global_header_avatar_moreinfo_mynotes">
186 <a href="/accounts/logout/">log out</a>
187 <!-- disabling link to my notes
188 <img src="{{ STATIC_URL }}img/global_header_my_notes.png" alt="global_header_my_notes" width="105" height="20" />
190 </div><!-- /global_header_add_course -->
192 </div><!-- /global_header_avatar_moreinfo -->
196 </div><!-- /global_header_logged_in_content -->
201 </header><!--/global header-->