Commits

Mike Cannon-Brookes committed 470dae1

- Fixed bugs
- Added closing "curtains" for effect.

  • Participants
  • Parent commits d419bf0

Comments (0)

Files changed (3)

File css/main.css

+.leftcurtain{
+ width: 1px;
+ height: 100%;
+ top: 0px;
+ left: -1px;
+ position: absolute;
+ z-index: 2;
+ }
+ .rightcurtain{
+ width: 0%;
+ height: 100%;
+ right: 0px;
+ top: 0px;
+ position: absolute;
+ z-index: 3;
+ }
+ .rightcurtain img, .leftcurtain img{
+ width: 100%;
+ height: 100%;
+ }

File images/frontcurtain.jpg

Added
New image

File js/projector-mode/main.js

  * @context page, blogpost
  */
 var $ = require('speakeasy/jquery').jQuery;
-var img = require('speakeasy/resources').getImageUrl(module, 'projector-mode.png');
+var curtainImg = require('speakeasy/resources').getImageUrl(module, 'frontcurtain.jpg');
 var projectorMode = false;
 
 function goProjectorMode() {
 		jQuery("#header").css('min-height', 0);
 		jQuery("#header").slideUp(800);
 		jQuery("#navigation").hide();
-		jQuery(".logo").animate( { width: "hide", paddingLeft: "hide", paddingRight: "hide", marginLeft: "hide", marginRight: "hide" }, 800);
+		jQuery("#title-heading .logo").animate( { width: "hide", paddingLeft: "hide", paddingRight: "hide", marginLeft: "hide", marginRight: "hide" }, 800);
 		
 		jQuery("#personal-info-sidebar").animate( { width: "hide", paddingLeft: "hide", paddingRight: "hide", marginLeft: "hide", marginRight: "hide" }, 800,
 			function() { jQuery("#main").removeClass("has-personal-sidebar")});
 		// jQuery("#splitter-sidebar").hide();
 		// jQuery(".vsplitbar").hide();
 
-		increase(jQuery('h1'), 1.8, 2.0);
-		increase(jQuery('h2'), 1.5, 1.5);
-		increase(jQuery('h3'), 1.5, 1.5);
-		increase(jQuery('h4'), 1.5, 1.5);
-		increase(jQuery('h5'), 1.5, 1.5);
-		increase(jQuery('h6'), 1.5, 1.5);
+		increase(jQuery('#title-heading'), 1.8, 2.0);
+		increase(jQuery('.wiki-content h1'), 1.8, 2.0);
+		increase(jQuery('.wiki-content h2'), 1.5, 1.5);
+		increase(jQuery('.wiki-content h3'), 1.5, 1.5);
+		increase(jQuery('.wiki-content h4'), 1.5, 1.5);
+		increase(jQuery('.wiki-content h5'), 1.5, 1.5);
+		increase(jQuery('.wiki-content h6'), 1.5, 1.5);
 
 		increase(jQuery('.wiki-content li, .wiki-content p, .wiki-content td, .wiki-content th, .wiki-content .code'), 1.5, 1.5);
+		
+		console.log('Can\'t find curtains? ' + curtainImg)
+/*		var curtainImg = 'http://dl.dropbox.com/u/48692/frontcurtain.jpg';*/
+		jQuery('.wiki-content').append('<div class="leftcurtain"><img src="' + curtainImg + '"/></div><div class="rightcurtain"><img src="' + curtainImg + '"/></div>');
 	}
 }
 
 
 // eventually we could reverse everything here - but right now, let's just reload if we're in proj mode
 function undoProjectorMode() {
-	if (projectorMode = true)
+	if (projectorMode)
 	{
-		jQuery("#main").fadeOut(1000);
-		window.location.reload();
+		jQuery(".leftcurtain").stop().animate({width:'50%'}, 2000 );
+		jQuery(".rightcurtain").stop().animate({width:'51%'}, 2000 );
+//		jQuery("#main").fadeOut(1000);
+//		window.location.reload();
 	}
 }