1 files changed, 26 insertions, 3 deletions
diff --git a/yaksh/templates/base.html b/yaksh/templates/base.html
index c70c265..8bf7fbc 100644
--- a/yaksh/templates/base.html
+++ b/yaksh/templates/base.html
@@ -20,6 +20,9 @@
   <link rel="stylesheet" href="{% static 'yaksh/css/animate.min.css' %}" type="text/css" />
   <link rel="stylesheet" href="{% static 'yaksh/css/font-awesome.css' %}" type="text/css" />
   <link rel="stylesheet" href="{% static 'yaksh/css/ontop.css' %}" type="text/css" />
+  <link rel="stylesheet" href="{% static 'yaksh/css/plyr.css' %}" />
+  <link rel="stylesheet" type="text/css" href="{% static 'yaksh/css/simplemde.min.css' %}">
+  <link rel="stylesheet" href="{% static 'yaksh/css/toastr.min.css' %}" />">
 
 
   {% block meta %}
@@ -37,6 +40,11 @@
   <script language="JavaScript" type="text/javascript" src="{% static 'yaksh/js/jquery-3.3.1.min.js' %}"></script>
   <script language="JavaScript" type="text/javascript" src="{% static 'yaksh/js/bootstrap.min.js' %}"></script>
   <script language="JavaScript" type="text/javascript" src="{% static 'yaksh/js/wow.min.js' %}"></script>
+  <script src="{% static 'yaksh/js/plyr.js' %}"></script>
+  <script type="text/javascript" src="{% static 'yaksh/js/simplemde.min.js' %}">
+  </script>
+  <script type="text/javascript" src="{% static 'yaksh/js/toastr.min.js' %}">
+  </script>
  
   <script>
       new WOW().init();
@@ -50,9 +58,24 @@
   <div id="ontop">
     <div id="state">
       Checking...<img src="{% static 'yaksh/images/check_answer.gif' %}"/>
-    </div></div>
-
-    
+    </div>
+  </div>
+  <div id="loader">
+    <div id="state1">
+      <div class="spinner-grow text-success" role="status">
+        <span class="sr-only">Loading...</span>
+      </div>
+      <div class="spinner-grow text-danger" role="status">
+        <span class="sr-only">Loading...</span>
+      </div>
+      <div class="spinner-grow text-warning" role="status">
+        <span class="sr-only">Loading...</span>
+      </div>
+      <div class="spinner-grow text-primary" role="status">
+        <span class="sr-only">Loading...</span>
+      </div>
+    </div>
+  </div>
   
   {% block nav %}
   {% endblock %}