Carica file su 'plugin/title-footer'

plugin/title-footer/title-footer.css

@@ -0,0 +1,82 @@
+/*************************************************
+*                                                *
+* CSS for the Title-Footer plugin for Reveal.js  *
+*                                                *
+* Author: Igor Leturia                           *
+*                                                *
+* License: GPL v3                                *
+* http://www.gnu.org/copyleft/gpl.html           *
+*                                                *
+*************************************************/
+
+/* Style for the Title-Footer footer */
+
+#title-footer
+{
+	opacity: 1;
+	transition: opacity 800ms ease-in-out;
+	position: fixed;
+	height: 2vh;
+	z-index: 20;
+	width: 100%;
+	font-size: 2vh;
+	text-align: center;
+	letter-spacing: 0em;
+	padding-top: 0.5vh;
+	padding-bottom: 0.5vh;
+}
+
+/* Bottom position for the Title-Footer footer when both progress bar and TOC-Progress are visible */
+
+div.progress[style="display: block;"] ~ #title-footer
+{
+	bottom: calc(3px + 10.5vh);
+}
+
+/* Bottom position for the Title-Footer footer when TOC-Progress is visible */
+
+#title-footer
+{
+	bottom: 10.5vh;
+}
+
+/* This is to fix the positioning of the title which goes off screen due to a new reveal.js CSS property. */
+#title-footer p{
+	margin: 0;
+}
+
+/* Bottom position for the Title-Footer footer when progress bar is visible */
+
+div.progress[style="display: block;"] ~ footer:last-of-type#title-footer
+{
+	bottom: 3px;
+}
+
+/* Bottom position for the Title-Footer footer when neither progress bar nor TOC-Progress are visible */
+
+footer:last-of-type#title-footer
+{
+	bottom: 0px;
+}
+
+/* Make Title-Footer invisible if explicitly indicated */
+
+.no-title-footer #title-footer
+{
+	opacity: 0;
+	transition: opacity 800ms ease-in-out;
+}
+
+.no-toc-progress #title-footer
+{
+	opacity: 0;
+	transition: opacity 800ms ease-in-out;
+}
+
+/* Make Title-Footer invisible in overview mode */
+
+.overview #title-footer
+{
+	opacity: 0;
+	transition: opacity 800ms ease-in-out;
+}

plugin/title-footer/title-footer.js

@@ -0,0 +1,117 @@
+/********************************************************
+*                                                       *
+* Javascript for the Title-Footer plugin for Reveal.js  *
+*                                                       *
+* Author: Igor Leturia                                  *
+*                                                       *
+* License: GPL v3                                       *
+* http://www.gnu.org/copyleft/gpl.html        *
+*                                                       *
+********************************************************/
+
+/* Title-Footer object and properties declaration with default values */
+
+var title_footer=
+{
+	title: '',
+	background:'rgba(0,0,0,0.1)',
+};
+
+/* Function to obtain all child elements with any of the indicated tags (from http://www.quirksmode.org/dom/getElementsByTagNames.html) */
+
+title_footer.getElementsByTagNames=function(list,obj)
+{
+	if (!obj)
+	{
+		var obj=document;
+	};
+	var tagNames=list.split(',');
+	var resultArray=new Array();
+	for (var i=0;i<tagNames.length;i++)
+	{
+		var tags=obj.getElementsByTagName(tagNames[i]);
+		for (var j=0;j<tags.length;j++)
+		{
+			resultArray.push(tags[j]);
+		};
+	};
+	var testNode=resultArray[0];
+	if (!testNode)
+	{
+		return [];
+	};
+	if (testNode.sourceIndex)
+	{
+		resultArray.sort(
+			function (a,b)
+			{
+				return a.sourceIndex-b.sourceIndex;
+			}
+		);
+	}
+	else if (testNode.compareDocumentPosition)
+	{
+		resultArray.sort(
+			function (a,b)
+			{
+				return 3-(a.compareDocumentPosition(b)&6);
+			}
+		);
+	};
+	return resultArray;
+};
+
+/* Method to initialize the Title-Footer footer */
+
+title_footer.initialize=function(title,background)
+{
+
+	// Link to the Title-Footer CSS
+
+	var link=document.createElement("link");
+	link.href="plugin/title-footer/title-footer.css";
+	link.type="text/css";
+	link.rel="stylesheet";
+	document.getElementsByTagName("head")[0].appendChild(link);
+
+	// Initialize properties according to parameters
+
+	this.background=background || 'rgba(0,0,0,0.1)';
+	var title=title || '';
+	if (title!='')
+	{
+		this.title=title;
+	}
+	else
+	{
+		var first_section=document.getElementsByTagName('section')[0];
+		if (first_section.getElementsByTagName('section').length>0)
+		{
+			first_section=first_section.getElementsByTagName('section')[0];
+		};
+		var title_elements=this.getElementsByTagNames('h1,h2,h3',first_section);
+		if (title_elements.length>0)
+		{
+			this.title=title_elements[0].textContent;
+			for (var title_elements_index=1;title_elements_index<title_elements.length;title_elements_index++)
+			{
+				this.title=this.title+' - '+title_elements[title_elements_index].textContent;
+			};
+		};
+	};
+
+	// Create the Title-Footer footer
+
+	var title_footer=document.createElement('footer');
+	title_footer.setAttribute('id','title-footer');
+	title_footer.setAttribute('style','background:'+this.background);
+	var title_footer_p=document.createElement('p');
+	title_footer.appendChild(title_footer_p);
+	var a_element=document.createElement('a');
+	a_element.setAttribute('href','#/0');
+	a_element.appendChild(document.createTextNode(this.title));
+	title_footer_p.appendChild(a_element);
+	var div_class_reveal=document.querySelectorAll('.reveal')[0];
+	div_class_reveal.appendChild(title_footer);
+};
+