optimization and scrolling to load more courses

2019-01-10 20:36:13 -06:00
parent c2f37f784e
commit 1418323f95
4 changed files with 92 additions and 28 deletions
--- a/css/styles.css
+++ b/css/styles.css
@@ -21,6 +21,21 @@
    width: 50%;
 }

+.loader {
+    border: 10px solid #f3f3f3; /* Light grey */
+    border-top: 10px solid #bf5700; /* Blue */
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    display: none;
+    animation: spin 2s linear infinite;
+  }
+  
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
+
 /* The Close Button */

 .close {