From 601c08bac066c7e4f1e26be786ffcb65b0f377e6 Mon Sep 17 00:00:00 2001
From: Charles Connell <charles@connells.org>
Date: Tue, 7 Jan 2014 09:04:16 -0500
Subject: [PATCH] Fix broken icons

---
 karmaworld/assets/css/global.css                    | 2 +-
 karmaworld/templates/courses/course_list.html       | 2 +-
 karmaworld/templates/courses/course_list_entry.html | 2 +-
 karmaworld/templates/partial/add_course.html        | 4 ++--
 karmaworld/templates/partial/filepicker.html        | 9 ++++-----
 karmaworld/templates/partial/opentip.html           | 2 +-
 6 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/karmaworld/assets/css/global.css b/karmaworld/assets/css/global.css
index 264f7b4..e570314 100644
--- a/karmaworld/assets/css/global.css
+++ b/karmaworld/assets/css/global.css
@@ -526,7 +526,7 @@ a.activity_target:hover
 }
 
 .add-note-btn:before {
-  content="<i class='icon-upload'></i>";
+  content="<i class='fa fa-arrow-circle-o-up'></i>";
 }
 .add-note-btn:hover {
   background-color: white;
diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html
index 00f44dc..f71c5ba 100644
--- a/karmaworld/templates/courses/course_list.html
+++ b/karmaworld/templates/courses/course_list.html
@@ -142,7 +142,7 @@ $(document).ready(function() {
   <div class="row">
     <div class="small-12 columns large-10 large-offset-1">
       <div id="add-course-btn">
-        <i class=icon-upload></i> add a course
+        <i class="fa fa-arrow-circle-o-up"></i> add a course
       </div>
         {% include 'partial/add_course.html' %}
     </div><!-- .ten columns -->
diff --git a/karmaworld/templates/courses/course_list_entry.html b/karmaworld/templates/courses/course_list_entry.html
index 36d2ed4..d6bfbc1 100644
--- a/karmaworld/templates/courses/course_list_entry.html
+++ b/karmaworld/templates/courses/course_list_entry.html
@@ -16,7 +16,7 @@
           data-ot-target-joint="bottom center"
           data-ot-background="white"
           data-ot-border-color="black"
-          class="icon-upload opentip"></i>
+          class="fa fa-arrow-circle-o-up opentip"></i>
       </a>
     </div>
   </td>
diff --git a/karmaworld/templates/partial/add_course.html b/karmaworld/templates/partial/add_course.html
index 4958efd..3da42b5 100644
--- a/karmaworld/templates/partial/add_course.html
+++ b/karmaworld/templates/partial/add_course.html
@@ -91,11 +91,11 @@
     <div class="row">
       <div class="small-4 large-8 columns small-centered text-center">
         <button id="save-btn" class="disabled">
-          <i class="icon-save"></i> Save
+          <i class="fa fa-save"></i> Save
         </button>
         <span id="existing-course-msg" class="hide">
           Looks like this course already exists on KarmaNotes!
-          <a id="existing-course-btn" class="button">Go To Existing Course <i class="icon-arrow-right"></i></a></span>
+          <a id="existing-course-btn" class="button">Go To Existing Course <i class="fa fa-arrow-right"></i></a></span>
       </div>
     </div>
 
diff --git a/karmaworld/templates/partial/filepicker.html b/karmaworld/templates/partial/filepicker.html
index 5b392ce..44575ed 100644
--- a/karmaworld/templates/partial/filepicker.html
+++ b/karmaworld/templates/partial/filepicker.html
@@ -1,5 +1,4 @@
 {% load url from future %}
-{% include 'partial/opentip.html' %}
 <section id=filepicker-form class="extend-form">
 <!-- Javascript -->
 <script type="text/javascript" src="//api.filepicker.io/v1/filepicker.js"></script>
@@ -11,7 +10,7 @@
           data-fp-multiple="true"
           data-fp-folders="true"
           data-fp-button-class="add-note-btn small-10 columns large-4"
-          data-fp-button-text="<i class=icon-upload></i> add notes"
+          data-fp-button-text="<i class='fa fa-arrow-circle-o-up'></i> add notes"
           data-fp-drag-text="Drop Some Knowledge"
           data-fp-drag-class="dragdrop show-for-medium-up large-7 columns"
           data-fp-mimetypes="*/*"
@@ -47,7 +46,7 @@
                 placeholder="shakespeare, econ, physics">
         </div>
         <div class="show-for-small columns small-1 end">
-          <i class="icon-remove-sign awesome-action remove"></i>
+          <i class="fa fa-times-circle awesome-action remove"></i>
         </div>
         <div class="hidden-fields" style="display:none;">
           <input type="text" id="id_fpfile" name="fpfile" class="fpurl">
@@ -58,7 +57,7 @@
           <input type="text" class="csrf" value='{{ csrf_token }}'>
         </div>
         <div class="show-for-medium-up columns large-1 end">
-          <i class="icon-remove-sign awesome-action remove" id="icon-remove-sign"></i>
+          <i class="fa fa-times-circle awesome-action remove" id="icon-remove-sign"></i>
         </div>
       </form>
     </div>
@@ -77,7 +76,7 @@
         <div class="row">
           <div class="small-8 large-6 columns">
             <div id="save-btn" class="action-btn">
-              <i class=icon-save></i> Save
+              <i class="fa fa-save"></i> Save
             </div>
           </div>
         </div>
diff --git a/karmaworld/templates/partial/opentip.html b/karmaworld/templates/partial/opentip.html
index 31f99e4..5535ceb 100644
--- a/karmaworld/templates/partial/opentip.html
+++ b/karmaworld/templates/partial/opentip.html
@@ -12,7 +12,7 @@ anywhere in another template and then apply something like this:
       data-ot-target-joint="bottom center"
       data-ot-background="white"
       data-ot-border-color="black"
-      class="icon-upload opentip"></i>
+      class="fa fa-upload opentip"></i>
 
 to create a Font Awesome with a rollover opentip
 
-- 
2.25.1