minor ui ux changes

Author: codeIntrovert

data.py

@@ -6,7 +6,7 @@
     'name': 'Ruby Programming',
     'logo': 'ruby-plain', #used in devicon icon css library
     'difficulty': 'Advance',
-    'duration': '2 weeks',
+    'duration': '2 weeks',             
     'rating': '4.5',
     'price': 'Free',
     'imageName': 'ruby/ruby-original.svg', #fetched from devicon icon image library

menuData.py

@@ -1,10 +1,4 @@
 import data
-trending = [data.ReactJS,
-            data.Swift,
-            data.JavaScript,
-            data.Python,
-]
-
 all = [
     data.Java, #lecture added
     data.cplusplus,
@@ -27,3 +21,8 @@
     data.ruby
 
 ]
+trending = [data.ReactJS,
+            data.Swift,
+            data.JavaScript,
+            data.Python,
+]

routes/error_routes.py

@@ -8,4 +8,4 @@ def page_not_found(e):
     theme_preference = request.cookies.get('theme', 'light')  # Default to 'light' if cookie not found
     theme_css = theme_preference + "_theme"  # Assuming your CSS files are named "light_theme.css" and "dark_theme.css
 
-    return render_template('components/error.html', theme_css=theme_css), 404
+    return render_template('components/error.html', theme_css=theme_css)

static/assets/sass/dark_theme.css

@@ -24,11 +24,12 @@ figcaption {
 
 .cardborder {
   border: 5px solid transparent;
-  transition: border 0.3s;
+  transition: 0.3s;
 }
 
 .cardborder:hover {
-  border: 5px #01111d solid;
+  /*border: 5px $darkblue-color solid */
+  transform: scale(0.93);
 }
 
 clearfix:after {

static/assets/sass/dark_theme.css.map

@@ -32,10 +32,11 @@ figcaption
 
 .cardborder 
   border: 5px solid transparent
-  transition: border 0.3s
+  transition: 0.3s
 
 .cardborder:hover
-  border: 5px $darkblue-color solid
+  /*border: 5px $darkblue-color solid
+  transform: scale(0.93)
 
 
 

static/assets/sass/dark_theme.sass

@@ -22,12 +22,11 @@ figcaption {
 }
 
 .cardborder {
-  border: 5px solid transparent;
-  transition: border 0.3s;
+  transition: transform 0.3s;
 }
 
 .cardborder:hover {
-  border: 5px #a5d8ff solid;
+  transform: scale(0.93);
 }
 
 clearfix:after {