Carica file su 'plugin/title-footer'
This commit is contained in:
parent
ad43636100
commit
61aef53686
2 changed files with 199 additions and 0 deletions
82
plugin/title-footer/title-footer.css
Normal file
82
plugin/title-footer/title-footer.css
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
117
plugin/title-footer/title-footer.js
Normal file
117
plugin/title-footer/title-footer.js
Normal file
|
|
@ -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);
|
||||||
|
};
|
||||||
|
|
||||||
Loading…
Reference in a new issue