1 {% load url from future %}
4 <header id="global_header">
6 <div id="logo_container" class="two columns offset-by-one">
8 <img src="/static/img/global_header_logo.png" alt="global_header_logo" width="144" height="17" />
10 </div><!--/logo container-->
12 <div id="browse_container" class="one column">
13 <a class=white href="{% url 'home' %}">Home</a>
14 </div><!--/browse_container-->
16 <div id="login_container" class="two columns offset-by-five end">
17 <a class=white href="{% url 'about' %}">About</a>
21 <div id="login_container" class="three columns offset-by-four end">
22 <span id="login_toggle">
23 LOGIN/SIGNUP <img src="/static/img/global_header_login_menu_arrow.png" alt="Open Login" id="login_arrow" width="9" height="6" />
26 <div id="login_box" style="display:none">
28 <div class="twelve columns">
30 <div class="row" id="login_signup">
31 <div class="twelve columns">
34 </div><!--/login_signup-->
36 <div class="row" id="login_fb">
37 <div class="twelve columns">
38 <a href="{# url 'socialauth_begin' 'facebook' #}">
39 <img src="/static/img/global_header_login_fbbtn.png" alt="global_header_login_fbbtn" width="223" height="45" />
42 </div><!--/login_fb-->
45 <div class="row" id="login_form">
46 <div class="twelve columns">
47 <form id="login_form" method="post" action="{# url 'login' #}">
51 <div class="twelve columns">
52 <input type="text" name="username">
54 <div class="twelve columns">
60 <div class="twelve columns">
61 <input type="password" name="password">
63 <div class="twelve columns">
68 <!--<button type="submit" style="display:none"/>Log in</button>-->
69 <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>
72 </div><!--/login_form-->
74 <div class="row" id="login_submit">
75 <div class="twelve columns">
78 </div><!--/login_submit-->
83 </div><!--/login container-->
86 </header><!--/global header-->
91 <header id="global_header">
93 <div id="logo_container" class="five columns offset-by-one">
95 <div class="five columns">
97 <img src="/static/img/global_header_logo.png" alt="global_header_logo" width="144" height="17" />
100 <div class="seven columns">
101 <div id="search_container">
102 <form id="search" method="GET" action="/multisearch/">
103 <input type="text" id="search_txt" name="q">
109 </div><!--/logo container-->
111 <div id="browse_container" class="one column">
112 <a class=white href="{# url 'browse' #}">Browse</a>
113 </div><!--/browse_container-->
115 <div class="four columns end">
116 <div id="global_header_logged_in_content">
119 <div class="five columns half-padding" id="global_header_addnote">
120 <img src="/static/img/global_header_plusnote.png" alt="global_header_plusnote" width="115" height="67" />
121 </div><!-- /global_header_addnote -->
123 <div class="four columns half-padding" id="global_header_mycourses">
126 <div class="twelve columns" id="global_header_mycourses_copy">
127 My Courses <img src="/static/img/global_header_login_menu_arrow.png" alt="global_header_login_menu_arrow" width="9" height="6" />
128 </div><!-- /global_header_mycourses_copy -->
132 <div class="twelve columns" id="global_header_mycourses_list" style="display:none;">
133 <ul id="course_menu">
134 {% for course in user.get_profile.courses.all %}
135 <li><a href="{{ course.get_absolute_url }}"> {{ course.title }} </a></li>
138 </div><!-- /global_header_mycourses_list -->
142 <div class="twelve columns" id="global_header_add_course" style="display:none;">
143 <img src="/static/img/global_header_add_course.png" alt="global_header_add_course" width="132" height="20" />
144 </div><!-- /global_header_add_course -->
147 </div><!-- /global_header_mycourses -->
149 <div class="three columns">
150 <div id="global_header_avatar_menu">
152 <div class="five columns no-padding" id="global_header_avatar_container">
153 <img alt="" src="{{ user.get_profile.picture_url_small }}" width="31" height="33">
155 <div class="six columns no-padding" id="global_header_note_count">
156 {{ user.get_profile.karma }}
158 <div class="one column half-padding" id="global_header_arrow_container">
159 <img src="/static/img/global_header_login_menu_arrow.png" alt="global_header_login_menu_arrow" width="9" height="6" />
162 </div><!-- /global_haader_avatar_menu -->
164 <div id="global_header_avatar_moreinfo" style="display:none;">
165 <div class="row" id="global_header_avatar_moreinfo_content">
166 <div class="nine columns">
168 <div class="twelve columns" id="global_header_avatar_moreinfo_name">
169 <a href="{% url 'dashboard' %}">
170 {{ user.get_profile.get_name }}
172 </div><!-- /global_header_avatar_moreinfo_name -->
175 <div class="twelve columns" id="global_header_avatar_moreinfo_school">
176 <a href="{{ user.get_profile.school.get_absolute_url }}">
177 {{ user.get_profile.school }}
179 </div><!-- /global_header_avatar_moreinfo_school -->
182 <div id="global_header_avatar_moreinfo_gear" class="three columns">
183 <a href="{% url 'dashboard' %}">
184 <img src="/static/img/global_header_gear.png" alt="global_header_gear" width="12" height="14" />
186 </div><!-- /global_header_avatar_moreinfo_gear -->
189 <div class="twelve columns" id="global_header_avatar_moreinfo_mynotes">
190 <a href="/accounts/logout/">log out</a>
191 <!-- disabling link to my notes
192 <img src="/static/img/global_header_my_notes.png" alt="global_header_my_notes" width="105" height="20" />
194 </div><!-- /global_header_add_course -->
196 </div><!-- /global_header_avatar_moreinfo -->
200 </div><!-- /global_header_logged_in_content -->
205 </header><!--/global header-->