a simple cover-photo implementation for redbasic default template

1 files changed, 21 insertions, 2 deletions

diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js
index 38dc4d209..7c5df0834 100644
--- a/view/theme/redbasic/js/redbasic.js
+++ b/view/theme/redbasic/js/redbasic.js
@@ -2,6 +2,17 @@
  * redbasic theme specific JavaScript
  */
 $(document).ready(function() {
+
+	//Simple cover-photo implementation
+	if($('#cover-photo').length && $(window).width() > 767) {
+		$('.navbar-fixed-top').css('position', 'relative');
+		$('main').css('padding-top', 0 + 'px');
+	}
+	else {
+		$('#cover-photo').remove();
+
+	}
+
 	// CSS3 calc() fallback (for unsupported browsers)
 	$('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>');
 	if( $('#css3-calc').width() == 10) {
@@ -38,9 +49,7 @@ $(document).ready(function() {
 	$("input[data-role=cat-tagsinput]").tagsinput({
 		tagClass: 'label label-primary'
 	});
-});
 
-$(document).ready(function(){
 	var doctitle = document.title;
 	function checkNotify() {
 		var notifyUpdateElem = document.getElementById('notify-update');
@@ -53,3 +62,13 @@ $(document).ready(function(){
 	}
 	setInterval(function () {checkNotify();}, 10 * 1000);
 });
+
+//Simple cover-photo implementation
+$(window).scroll(function () {
+	if($('#cover-photo').length && $(window).width() > 767 && $(window).scrollTop() >= $('#cover-photo').height()) {
+		$('main').css('padding-top', 71 + 'px');
+		$(window).scrollTop($(window).scrollTop() - $('#cover-photo').height())
+		$('.navbar-fixed-top').css('position', 'fixed');
+		$('#cover-photo').remove();
+	}
+});