81 lines
2.2 KiB
HTML
81 lines
2.2 KiB
HTML
<%! from django.utils.translation import ugettext as _ %>
|
|
|
|
<%namespace name='static' file='static_content.html'/>
|
|
<%inherit file="main.html" />
|
|
<%!
|
|
from django.core.urlresolvers import reverse
|
|
%>
|
|
|
|
<%block name="headextra">
|
|
<%static:css group='course'/>
|
|
<%static:js group='courseware'/>
|
|
<style type="text/css">
|
|
blockquote {
|
|
background:#f9f9f9;
|
|
border-left:10px solid #ccc;
|
|
margin:1.5em 10px;
|
|
padding:.5em 10px;
|
|
}
|
|
blockquote:before {
|
|
color:#ccc;
|
|
content:'“';
|
|
font-size:4em;
|
|
line-height:.1em;
|
|
margin-right:.25em;
|
|
vertical-align:-.4em;
|
|
}
|
|
blockquote p {
|
|
display:inline;
|
|
}
|
|
.notes-wrapper {
|
|
padding: 32px 40px;
|
|
}
|
|
.note {
|
|
border-bottom: 1px solid #ccc;
|
|
padding: 0 0 1em 0;
|
|
}
|
|
.note .text {
|
|
margin-bottom: 1em;
|
|
}
|
|
.note ul.meta {
|
|
margin: .5em 0;
|
|
}
|
|
.note ul.meta li {
|
|
font-size: .9em;
|
|
margin-bottom: .5em;
|
|
}
|
|
</style>
|
|
|
|
</%block>
|
|
|
|
<%block name="js_extra">
|
|
<script type="text/javascript">
|
|
</script>
|
|
</%block>
|
|
|
|
<%include file="/courseware/course_navigation.html" args="active_page='notes'" />
|
|
|
|
<section class="container">
|
|
<div class="notes-wrapper">
|
|
<h1>${_("My Notes")}</h1>
|
|
% for note in notes:
|
|
<div class="note">
|
|
<blockquote>${note.quote|h}</blockquote>
|
|
<div class="text">${note.text.replace("\n", "<br />") | n,h}</div>
|
|
<ul class="meta">
|
|
% if note.tags:
|
|
<li class="tags">${_("Tags: {tags}").format(tags=note.tags) | h}</li>
|
|
% endif
|
|
<li class="user">${_('Author: {username}').format(username=note.user.username)}</li>
|
|
<li class="time">${_('Created: {datetime}').format(datetime=note.created.strftime('%m/%d/%Y %H:%m'))}</li>
|
|
<li class="uri">${_('Source: {link}').format(link='<a href="{url}">{url}</a>'.format(url=note.uri))}</li>
|
|
</ul>
|
|
</div>
|
|
% endfor
|
|
% if notes is UNDEFINED or len(notes) == 0:
|
|
<p>${_('You do not have any notes.')}</p>
|
|
% endif
|
|
</div>
|
|
</section>
|
|
|