restyling course page (note index)
authorSeth Woodworth <seth@sethish.com>
Mon, 18 Mar 2013 15:33:27 +0000 (11:33 -0400)
committerSeth Woodworth <seth@sethish.com>
Mon, 18 Mar 2013 15:33:27 +0000 (11:33 -0400)
karmaworld/assets/css/note_course_pages.css
karmaworld/templates/courses/course_detail.html

index b1318713e2ddabfa245d736d09fe888e06116efd..27d2668f353c97e596968c6e7dd39548a2af132b 100644 (file)
@@ -21,7 +21,7 @@
   margin-right: 3px;
 }
 
-#note_name, #course_name, #school_name
+#note_name, #school_name
 {
   text-align: center;
   font-family: "MuseoSlab-500";
index c7091e79eaf14d304b92b2de26ef2a12b1666d0a..e8057844b7ed63a7d480275792baf9f1c4298f68 100644 (file)
 {% block content %}
   <section id="course_content">
 
-    <div id="course_header" class="hero_gradient_bar">
+    <div id="course_header">
       <div class="row">
-        <div id="course_subhead" class="twelve columns">
-          course
+        <div id="breadcrumbs" class="ten columns offset-by-one">
+          <a href="/">Home</a> > <a href="{{ course.get_absolute_url }}">{{ course.name }}</a>
         </div><!-- /course_subhead -->
       </div>
 
       <div class="row">
-        <div id="note_name" class="twelve columns">
+        <div id="course_name" class="twelve columns">
           {{ course.name }}
         </div><!-- /note_name -->
       </div>
       <div class="row">
         <div id="course_meta" class="twelve columns">
           <div class="activity_details_context">
-            {% comment %}
-            <!-- Version of the instructor//school with links to instructor//school
-            <a href="#" class="prof_link">{{ course.instructor_name }}</a> // <a href="{{ course.school.get_absolute_url }}" class="school_link">{{ course.school.name }}</a>
-            {% endcomment %}
-            {{ course.instructor_name }} // {{ course.school.name }}
+            {{ course.instructor_name }} | {{ course.school.name }}
           </div><!-- /activity_details_context -->
         </div><!-- /course_meta -->
       </div>
 
-
-      {% comment %}
       <div class="row">
-        <div id="course_actions" class="two columns centered">
-          <div class="row">
-            <div class="six columns">
-              {% if course in user.get_profile.courses.all %}
-                <div class="course_meta_action course_meta_drop" data-id="{{ course.id }}">
-                  drop
-                </div>
-              {% else %}
-                <div class="course_meta_action course_meta_join" data-id="{{ course.id }}">
-                  join
-                </div>
-              {% endif %}
-            </div>
-            <div id="course_meta_action_gear" class="six columns">
-              <img src="{{ STATIC_URL }}img/course_action_gear.png" alt="course_action_gear" width="39" height="37" />
-            </div>
-          </div>
-        </div>
+        <div class="ten columns offset-by-one"> <hr/> </div>
       </div>
-      {% endcomment %}
-
-      {% if course.desc %}
-      <div class="row">
-        <div id="course_description" class="eight columns centered">
-            {{ course.desc }}
-          <!-- TODO: We don't provide a course description -->
-        </div><!-- /course_description -->
-      </div>
-      {% endif %}
-
       <div class="row">
         <div class="three columns centered">
           <div id="upload_button_container" class="button_bevel" >
           </div>
         </div>
       </div>
+      <div class="row">
+        <div class="ten columns offset-by-one doubleline">
+          <hr/>
+          <hr/>
+        </div>
+      </div>
+
 
     </div><!-- /course_header -->
 
       <div class="ten columns offset-by-one">
         <div id="thankyou">
           <p>
-            Thank you for uploading 
+            Thank you for uploading
             <a href="{{ request.GET.url }}">{{ request.GET.name }}</a>
-            Share another or take a 
+            Share another or take a
             <a href="https://docs.google.com/a/finalsclub.org/spreadsheet/viewform?usp=sharing&formkey=dFg1WnI2cUVfckZyYnJpZ0ExQmUxSnc6MQ#gid=0" target="_blank">quick survey</a> to help us make KarmaNotes even better.
           </p>
           <script>