Refactor the sidebar to use Django templates
With this change the html for the sidebar is no longer generated by
Melange, instead it's delegated to Django (which is what it does
best anyway). The downside is that it is no longer possible to have
arbitrary deeply nested menu's.
{% comment %}
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
{% endcomment %}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
{% block stylesheet %}
<link rel="stylesheet" href="/soc/content/css/soc-081111.css" type="text/css"/>
{% endblock %}
<title>
{% block page_title %}
{% if page_name %}
{{ page_name }}
{% else %}
<Missing Page Name>
{% endif %}
{% endblock %}
</title>
<script src="/jquery/jquery-1.2.6.js"></script>
<script src="/jquery/jquery-bt-0.7.js"></script>
<script src="/soc/content/js/menu-081108.js"></script>
<script src="/soc/content/js/tips-081027.js"></script>
{% block scripts %}{% endblock %}
</head>
<body>
<div id="login">
{% block login_links %}
{% if account %}
<b>{{ account.email }} ({{ account.nickname }})</b> |
{% endif %}
{% if is_debug %}
<a class="novisit" target="_blank" href="/_ah/admin">Admin</a> |
{% endif %}
<a class="novisit" href="http://code.google.com/p/soc/issues/list">Report bugs</a> |
{% if account %}
<a class="novisit" href="{{sign_out}}">Sign out</a>
{% else %}
<a class="novisit" href="{{sign_in}}">Sign in</a>
{% endif %}
{% endblock %}
</div>
<div id="header">
<div id="logo">
{% block logo %}
<a href="/"><img src="/soc/content/images/gospo-logo.png" alt="Google Open Source Programs"/></a>
<span title=" TODO: logo updated in site sponsor interface " class="popup">
<small>*</small>
</span>
{% endblock %}
</div>
<div id="title">
{% block header_title %}
{% if page_name %}
{% comment %}
TODO(tlarsen): replace this with breadcrumbs
{% endcomment %}
{{ page_name }}
{% else %}
<Missing Page Name>
{% endif %}
{% endblock %}
</div>
<div id="breadcrumbs">
{% block breadcrumbs %}{% endblock %}
</div>
{% block notice %}
<div id="notice">
{% if notice %}
<table align="center">
<tr>
<td>
<div class="notice">
<div class="rounded_ul"><div class="rounded_ur"><div class="rounded_ll"><div class="rounded_lr">
<div style="padding: 5px 10px;"><b>{{ notice }}</b></div>
</div></div></div></div>
</div>
<td>
</tr>
</table>
{% endif %}
</div>
{% endblock %}
</div>
<div id="side" dir="ltr">
<div id="menu">
{% block sidebar_menu %}
<ul>
<li>
<a class="selected" href="/">
{% block sidebar_menu_title %}
Google Open Source Programs
{% endblock %}
</a>
{% if sidebar_menu_items %}
{% include 'soc/sidebar/sidebar.html' %}
{% endif %}
</li>
</ul>
{% endblock %}
</div>
<div id="badge">
{% block badge %}
<a href="http://code.google.com/p/soc/" target="_blank">Powered by Melange</a>
<span title=" TODO: need a Melange logo " class="popup">
<small>*</small>
</span>
{% endblock %}
</div>
</div>
<div id="body">
<div style="line-height: 140%;">
{% block body %}
<p class="todo">
This is generic HTML that can be configured via the site administration
interface. It is unclear if the site admin can be trusted and allowed to enter
any arbitrary HTML (more flexible and powerful) or if only a whitelist of "safe"
HTML tags should be permitted (to prevent XSS, etc.).
(<a href="http://www.feedparser.org/"><code>feedparser</code></a> is useful for
this and is written in Python, should whitelisting be necessary.)
</p>
<p>
Welcome to Google Open Source Programs, the home of
<a href="/program/gsoc2009/home">Google Summer of Code</a>
and the
<a href="/program/ghop2008/home">Google Highly Open Participation</a> contest.
</p>
<p class="todo">
The site administration interface will provide a mechanism to select a feed to
be displayed here.
</p>
{% endblock %}
</div>
<div id="footer" dir="ltr">
{% if ga_tracking_num %}
{% include 'soc/site_settings/ga.html' %}
{% endif %}
<div class="text">
{% block footer %}
©2008 Google -
<a href="http://www.google.com/">Google Home</a> -
<a href="http://www.google.com/privacy.html">Privacy Policy</a>
{% endblock %}
</div>
</div>
</div>
</body>
</html>