Fix broken icons

diff --git a/karmaworld/assets/css/global.css b/karmaworld/assets/css/global.css
index 264f7b4ffdc5093b74b271d8bcf6dc2c6c7bb482..e5703147db5416bee736337ee4e669d9342042a4 100644 (file)
--- 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 00f44dc1d3533f82cb96ad97ac2c2360b76f5932..f71c5ba5a032d25a690e501ad563f5b7e13b88f3 100644 (file)
--- 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 36d2ed4eeab63cb80b913c6596ddcbf9e33ff239..d6bfbc1e94fa00e59338b5d4c739e4ca633553ff 100644 (file)
--- 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 4958efde954ab37e19e3bd24fb08687af6354882..3da42b5349b71f53962c42bc31e86abed9bcb7cb 100644 (file)
--- 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 5b392ce2838d7fb7eac8c800151aa236efa2190d..44575ed1715866a193f966a0fcc5035bd22ec1ab 100644 (file)
--- 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 31f99e4e53cbd910cbf9b6a2f311180c2b50445d..5535cebafc7385bd0559d1616c02d2cdc1bd68b8 100644 (file)
--- 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