modifies a revealJS presentation, adds a deck title and menu of links in the lower left of the view port

deck-footer-title-menu.js

//
// deck-footer-title-menu.js 
//
// modifies a revealJS presentation, 
// adds a deck title and menu of links
// in the lower left of the view port
//

$(document).ready(function(){

	// styles
	$("head").append("<style>.links-list-item:odd{background-color:#DCDCDC;} .links-list-item{padding: 2px;} #presentation-tray{z-index:1000;position:absolute; left:10px; bottom:10px; font-family:'News Cycle', Impact, sans-serif; font-size:12px;} #button-links{ background-color:#4D4DAE; border-radius:5px; border:none; color:#fff;}</style>");
	$("head").append("<style>#links-list{z-index:1100;position:absolute; left:100px; bottom:10px; font-family:'News Cycle'; Impact; sans-serif; background-color:#fff; border:solid; border-color:#666; border-radius:10px; padding:15px;}</style>");

	// button
	$("body").append("<div id='presentation-tray'>PRESENTATION NAME <button id='button-links'>links &amp; resources</button></div>");

	// list of links holder
	$("body").append("<div id='links-list'><h1>Resources and Links</h1></div>");
	$("#links-list").hide();

	// gather the links
	$("a").each(function(index, value){
		$this = $(this);

		if($this.attr("href").trim().length > 0 && $this.text().trim().length > 0){
			$("#links-list").append("<div class='links-list-item'><a href='" + $this.attr("href") + "'>" + $this.text() + "</a></div>")
		}		
	});

	$("#button-links").click(function(){
		$("#links-list").toggle();
		document.activeElement.blur();
	});

});