From 17ac1fc065b3df40486e3676219fd849f98449bd Mon Sep 17 00:00:00 2001
From: Charles Connell <charles@connells.org>
Date: Thu, 10 Apr 2014 15:15:25 -0400
Subject: [PATCH] CSS only splash image sizing

---
 karmaworld/assets/css/global.css              | 12 ++++--------
 karmaworld/templates/courses/course_list.html |  4 ----
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/karmaworld/assets/css/global.css b/karmaworld/assets/css/global.css
index a40b6f5..3fb63ce 100644
--- a/karmaworld/assets/css/global.css
+++ b/karmaworld/assets/css/global.css
@@ -54,14 +54,10 @@ p {
   padding: 0 5px 0 5px;
 }
 
-.gradient-bar
-{
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e8e8)); /* Safari 4+, Chrome */
-  background-image: -webkit-linear-gradient(top, #ffffff, #e8e8e8); /* Chrome 10+, Safari 5.1+, iOS 5+ */
-  background-image: -moz-linear-gradient(top, #ffffff, #e8e8e8); /* Firefox 3.6-15 */
-  background-image: -o-linear-gradient(top, #ffffff, #e8e8e8); /* Opera 11.10-12.00 */
-  background-image: linear-gradient(to bottom, #ffffff, #e8e8e8); /* Firefox 16+, IE10, Opera 12.50+ */
-  border-bottom: solid 1px #bdbcbd;
+#splash {
+  background-image: url('../img/banner_small.jpg');
+  background-size: cover;
+  background-position: center center;
 }
 
 #global_footer {
diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html
index 9ccaf2c..8a262ee 100644
--- a/karmaworld/templates/courses/course_list.html
+++ b/karmaworld/templates/courses/course_list.html
@@ -28,10 +28,6 @@
 
 {% block bodyscripts %}
   <script src="//cdnjs.cloudflare.com/ajax/libs/datatables/1.9.4/jquery.dataTables.min.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
-  <script>
-    $("#splash").backstretch("{{ STATIC_URL }}img/banner_small.jpg");
-  </script>
 {% endblock %}
 
 {% block raw_content %}
-- 
2.25.1