card border fix

Author: codeIntrovert

data.py

@@ -1,28 +1,6 @@
 #imageName, courseName varible only gets used for menu.html macro on search results
 #NAmes should match the courseName in lecturesData.py
-watchHistory = [
-    {
-        'topic': 'HTML/CSS',
-        'courseName': 'ReactJS',
-        'date': '23/Feb',
-        'duration': '1 Hour',
-        'price': 'Free'
-    },
-    {
-        'topic': 'JavaScript',
-        'courseName': 'ReactJS',
-        'date': '23/Feb',
-        'duration': '2 Hour',
-        'price': 'Free'
-    },
-    {
-        'topic': 'UI/UX',
-        'courseName': 'ReactJS',
-        'date': '23/Feb',
-        'duration': '1.6 Hour',
-        'price': '$10'
-    }
-]
+
 ruby = {
     'courseName': 'Ruby',#used on search results & link route 
     'name': 'Ruby Programming',

menuData.py

@@ -16,7 +16,6 @@
     data.HTML, #lecture added
     data.Angular,
     data.Android,
-    data.NodeJS,
     data.SQL,
     data.PHP,
     data.Rails,

routes/index_routes.py

@@ -6,5 +6,4 @@
 @index_blueprint.route('/',endpoint='index')
 def index():
     trending = menuData.trending
-    lecturesData = data.watchHistory
-    return render_template('index.html', trending=trending, lecturesData=lecturesData)
+    return render_template('index.html', trending=trending)

static/assets/sass/style.css

@@ -13,12 +13,12 @@ figcaption {
   display: none;
 }
 
-.item {
+.cardborder {
   border: 5px solid transparent;
   transition: border 0.3s;
 }
 
-.item:hover {
+.cardborder:hover {
   border: 5px #01111d solid;
 }
 

static/assets/sass/style.sass

@@ -21,11 +21,11 @@ figcaption
 ::-webkit-scrollbar  
   display: none 
 
-.item 
+.cardborder 
   border: 5px solid transparent
   transition: border 0.3s
 
-.item:hover
+.cardborder:hover
   border: 5px $darkblue-color solid
 
 

templates/index.html

@@ -28,9 +28,9 @@ <h4>#<em> Popular</em> Courses</h4>
 <div class="gaming-library">
   <div class="col-lg-12">
     <div class="heading-section">
-      <h4># <em>History</em></h4>
+      <h4># <em>FAQs</em></h4>
     </div>
-    {{ lecture_list(lecturesData) }}
+    
   </div>
 </div>
 <!-- ***** Gaming Library End ***** -->

templates/macros/menu.html

@@ -1,7 +1,7 @@
 {% macro project_list(data) %}
   {% for project in data %}
     <div class="col-lg-3 col-sm-6">
-      <div class="item"  data-href="{{ url_for('browse.browse_details', course_name=project['courseName']) | safe }}">
+      <div class="item cardborder"  data-href="{{ url_for('browse.browse_details', course_name=project['courseName']) | safe }}">
 
         <img style="height: 130px; margin: 10px 0px 10px 0px; " src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/{{ project['imageName'] }}" />