-{% load url from future %}
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-<head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width" />
- <title>KarmaNotes -- {% block head_title %}{% endblock %}</title>
-
- <link rel="shortcut icon" href="{{ STATIC_URL }}img/favicon.ico">
- <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/fontface/fontface.css">
- <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}vendor/foundation-4.2.3/css/foundation.css">
- <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/global.css">
- <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/media.css">
- <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
- <link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/accounts.css">
- <!-- include Font Awesome -->
- <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
-
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
- <script src="{{ STATIC_URL }}js/jquery-scrollto.js" ></script>
-
- <!-- block pagescripts -->
- {% block pagescripts %}
- {% endblock %}
- <!-- end block pagescripts -->
-
- <!-- block pagestyle -->
- {% block pagestyle %}
- {% endblock %}
- <!-- end block pagescripts -->
-
- {% include 'partial/trackers.html' %}
-
-
-</head>
-<body>
-
-<!-- include header -->
-{% include 'header.html' %}
-<!-- end include header -->
-
-<!-- block content -->
-
-<section id="account_content">
- <div class="row">
- <div class="small-12 large-6 columns small-centered center">
- {% block content %}
- {% endblock %}
+{% extends "base.html" %}
+
+{% block raw_content %}
+ <section id="account_content">
+ <div class="row">
+ <div class="small-12 large-6 columns small-centered center">
+ {% block content %}
+ {% endblock %}
+ </div>
</div>
- </div>
-</section>
-
-<!-- end block content -->
-
-<!-- include footer-->
-{% include 'footer.html' %}
-<!-- end include footer-->
-
-<!-- block bodyscripts -->
-{% block extra_body %}
+ </section>
{% endblock %}
-<!-- end block bodyscripts -->
-
-</body>
-</html>
Share Notes for {{ course.name }} | {{ course.school.name }}
{% endblock %}
-{% block content %}
+{% block raw_content %}
<section id="course_content">
<div id="course-header">
- <div class="row">
+ <div class="row header-byline">
<div class="small-12 columns">
<span class="course-header-school">{{ course.school.name }}</span> •
{% if course.department %}<span class="course-header-department">{{ course.department.name }}</span> • {% endif %}
<div class="row museo700">
<div class="small-12 columns">
- <span id="course-header-name">{{ course.name }}</span>
+ <span id="course-header-name" class="header-title">{{ course.name }}</span>
<div class="hide-for-large-up"></div>
- {% if user.is_authenticated %}
- {% if user.get_profile.can_edit_items %}
- <button id="edit-button" class="modify-button"> <i class="fa fa-edit"></i> Edit this course</button>
- {% endif %}
-
- {% if already_flagged %}
- <i class="fa fa-flag"></i> You have reported this course as inappropriate
- {% else %}
- <button id="flag-button" class="modify-button"><i class="fa fa-flag"></i> Report course as inappropriate</button>
- {% endif %}
- {% else %}
- <i class="fa fa-flag"></i> Log in to flag a course as inappropraite
- {% endif %}
+ <span style="display: inline;">
+ <span class="show-for-large-up">
+ {% if user.is_authenticated %}
+ {% if user.get_profile.can_edit_items %}
+ <button id="edit-button" class="modify-button"> <i class="fa fa-edit"></i> Edit this course</button>
+ {% endif %}
+
+ {% if already_flagged %}
+ <i class="fa fa-flag"></i> You have reported this course as inappropriate
+ {% else %}
+ <button id="flag-button" class="modify-button"><i class="fa fa-flag"></i> Report course as inappropriate</button>
+ {% endif %}
+ {% else %}
+ <button id="flag-button-disabled" class="modify-button disabled opentip"
+ data-ot="Log in to report a course"
+ {% include 'partial/opentip_settings.html' %}>
+ <i class="fa fa-flag"></i> Report course as inappropriate</button>
+ {% endif %}
+ </span>
+ </span>
+
</div>
</div>
<form class="search-notes adelle-sans" action="{% url 'note_search' %}" method="GET">
<input name="query" class="search-notes" type="text" placeholder="Search Notes" />
<input type="hidden" name="course_id" value="{{ course.id }}">
+ <button type="submit" class="inline-button">Search</button>
</form>
</div>
<div class="large-4 columns show-for-large-up">
<script src="{{ STATIC_URL }}js/marked.js" ></script>
{% endblock %}
-{% block content %}
+{% block raw_content %}
<section id="note_content">
- <div class="return-to-course">
+ <div class="return-to-course show-for-large-up">
<div class="row">
<div class="small-12 columns">
<a href="{{note.course.get_absolute_url}}">
<div id="note_header">
- <div class="row">
+ <div class="row header-byline">
<div class="small-12 columns">
<strong>Lecture note for {{ note.course.name }} </strong>
at
{{ note.course.school.name }}
{% endif %}
- <i class="fa fa-thumbs-up"></i> <span id="thank-number">{{ note.thanks }}</span> Thanks
+ <span style="display: inline;"><span class="show-for-large-up"><i class="fa fa-thumbs-up"></i> <span id="thank-number">{{ note.thanks }}</span> Thanks</span></span>
</div>
</div>
<div class="row museo700">
<div class="small-12 columns header-title-row">
<span class="header-title">{{ note.name }} </span>
- {% if user.is_authenticated %}
- {% if already_thanked %}
- <button id="thank-button-disabled" class="modify-button disabled opentip"
- data-ot="You've already thanked this note"
- {% include 'partial/opentip_settings.html' %}>
- <i class="fa fa-thumbs-up"></i> Thank Note</button>
- {% else %}
- <button id="thank-button" class="modify-button"><i class="fa fa-thumbs-up"></i> Thank Note</button>
- <button id="thank-button-disabled" class="modify-button disabled opentip hide"
- data-ot="You've already thanked this note"
- {% include 'partial/opentip_settings.html' %}>
- <i class="fa fa-thumbs-up"></i> Thank Note</button>
- {% endif %}
- {% else %}
- <button id="thank-button-disabled" class="modify-button disabled opentip"
- data-ot="Log in to thank this note"
- {% include 'partial/opentip_settings.html' %}>
- <i class="fa fa-thumbs-up"></i> Thank Note</button>
- {% endif %}
-
- {% if user.is_authenticated %}
- {% if already_flagged %}
- <button id="flag-button-disabled" class="modify-button disabled opentip"
- data-ot="You've already reported this note"
- {% include 'partial/opentip_settings.html' %}>
- <i class="fa fa-thumbs-up"></i> Report Note</button>
- {% else %}
- <button id="flag-button" class="modify-button"><i class="fa fa-thumbs-up"></i> Report Note</button>
- <button id="flag-button-disabled" class="modify-button disabled opentip hide"
- data-ot="You've already reported this note"
- {% include 'partial/opentip_settings.html' %}>
- <i class="fa fa-thumbs-up"></i> Report Note</button>
- {% endif %}
- {% else %}
- <button id="flag-button-disabled" class="modify-button disabled opentip"
- data-ot="Log in to report this note"
- {% include 'partial/opentip_settings.html' %}>
- <i class="fa fa-thumbs-up"></i> Report Note</button>
- {% endif %}
-
- {% if user.is_authenticated %}
- <a href="{{ note.get_fp_url }}">
- <button id="note-download-button" class="modify-button opentip"
- data-ot="It costs 2 karma points to download a note"
- {% include 'partial/opentip_settings.html' %}>
- <i class="fa fa-download"></i> Download Note</button></a>
- {% else %}
- <button id="note-download-button-disabled" class="modify-button disabled opentip"
- data-ot="Log in to download this note"
- {% include 'partial/opentip_settings.html' %}>
- <i class="fa fa-download"></i> Download Note</button>
- {% endif %}
-
- {% if user.get_profile.can_edit_items %}
- <button id="edit-note-tags" class="modify-button">
- <i class="fa fa-pencil-square-o"></i> Edit Tags
- </button>
- {% endif %}
-
+ <span style="display: inline;">
+ <span class="show-for-large-up">
+ {% if user.is_authenticated %}
+ {% if already_thanked %}
+ <button id="thank-button-disabled" class="modify-button disabled opentip"
+ data-ot="You've already thanked this note"
+ {% include 'partial/opentip_settings.html' %}>
+ <i class="fa fa-thumbs-up"></i> Thank Note</button>
+ {% else %}
+ <button id="thank-button" class="modify-button"><i class="fa fa-thumbs-up"></i> Thank Note</button>
+ <button id="thank-button-disabled" class="show-for-large-up modify-button disabled opentip hide"
+ data-ot="You've already thanked this note"
+ {% include 'partial/opentip_settings.html' %}>
+ <i class="fa fa-thumbs-up"></i> Thank Note</button>
+ {% endif %}
+ {% else %}
+ <button id="thank-button-disabled" class="modify-button disabled opentip"
+ data-ot="Log in to thank this note"
+ {% include 'partial/opentip_settings.html' %}>
+ <i class="fa fa-thumbs-up"></i> Thank Note</button>
+ {% endif %}
+
+ {% if user.is_authenticated %}
+ {% if already_flagged %}
+ <button id="flag-button-disabled" class="modify-button disabled opentip"
+ data-ot="You've already reported this note"
+ {% include 'partial/opentip_settings.html' %}>
+ <i class="fa fa-thumbs-up"></i> Report Note</button>
+ {% else %}
+ <button id="flag-button" class="modify-button"><i class="fa fa-thumbs-up"></i> Report Note</button>
+ <button id="flag-button-disabled" class="modify-button disabled opentip hide"
+ data-ot="You've already reported this note"
+ {% include 'partial/opentip_settings.html' %}>
+ <i class="fa fa-thumbs-up"></i> Report Note</button>
+ {% endif %}
+ {% else %}
+ <button id="flag-button-disabled" class="modify-button disabled opentip"
+ data-ot="Log in to report this note"
+ {% include 'partial/opentip_settings.html' %}>
+ <i class="fa fa-thumbs-up"></i> Report Note</button>
+ {% endif %}
+
+ {% if user.is_authenticated %}
+ <a href="{{ note.get_fp_url }}">
+ <button id="note-download-button" class="modify-button opentip"
+ data-ot="It costs 2 karma points to download a note"
+ {% include 'partial/opentip_settings.html' %}>
+ <i class="fa fa-download"></i> Download Note</button></a>
+ {% else %}
+ <button id="note-download-button-disabled" class="modify-button disabled opentip"
+ data-ot="Log in to download this note"
+ {% include 'partial/opentip_settings.html' %}>
+ <i class="fa fa-download"></i> Download Note</button>
+ {% endif %}
+
+ {% if user.get_profile.can_edit_items %}
+ <button id="edit-note-tags" class="modify-button">
+ <i class="fa fa-pencil-square-o"></i> Edit Tags
+ </button>
+ {% endif %}
+ </span>
+ </span>
</div>
</div>
- <div id="note-tags" class="row">
+ <div id="note-tags" class="row show-for-large-up">
<div class="small-12 columns">
<strong>Tags: </strong>
<span class="tags">