fixedFootnotes();fixedFootnotes({
// align notes with the text
fixedContainerLocation: "#column",
// edit them because why not?
transformNote: function(note) {
var noteText = note.getElementsByTagName("span")[0].firstChild;
noteText.textContent += " and I modified it";
return note;
}
});/* a custom css theme */
.fixed-footnotes-container {
position: fixed;
bottom: 0;
background-color: #ecc546;
color: #685206;
font-size: 14px;
border-top: 1px solid black;
max-width: 500px;
width: 100%;
padding: 5px;
}
.fixed-footnotes-container.fixed-footnotes-empty {
display: none;
}
.fixed-footnotes-container > ul {
margin: 0;
padding: 0;
list-style-type: none;
}
Lorem ipsum dolor sit amet[1], consectetur adipiscing elit. Etiam in nunc sit amet eros cursus pretium sed non quam. Duis tristique libero quam. Mauris dignissim massa sed justo euismod volutpat. Vestibulum elementum pellentesque orci quis suscipit. Ut ipsum massa, pharetra sit amet cursus sit amet, efficitur et mauris. Donec bibendum ante tellus, eu posuere leo efficitur id. Donec id malesuada lorem. Suspendisse dictum eros nec risus facilisis, vel maximus justo ornare. Vivamus accumsan, sem in venenatis elementum, enim sapien dignissim dui, vitae varius diam lectus a neque. Ut maximus a tortor eget lobortis. Duis sed molestie sapien, a auctor erat. Pellentesque lacinia interdum eros id condimentum. Nulla vel ligula magna.
Donec id facilisis mi, venenatis pharetra nibh[2]. Proin nec sapien aliquet, convallis leo nec, molestie nibh. Donec pharetra tristique magna, a convallis felis efficitur et. Quisque quis libero vehicula, finibus turpis sit amet, sollicitudin felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus ultrices nisi nec ex luctus pellentesque. Nunc lectus nibh, euismod vel sem id, tincidunt posuere urna. Maecenas non nibh venenatis diam pulvinar imperdiet vel non sapien. Nunc interdum porta lectus, sit amet accumsan dolor commodo at. Fusce imperdiet convallis ante, fermentum iaculis dolor interdum non.
Sed imperdiet posuere turpis at iaculis. Morbi nisl metus, blandit nec bibendum tristique, facilisis id justo. Vivamus luctus porta velit non euismod. Integer a tellus nec metus pretium vulputate. Fusce felis nunc, facilisis eu lorem ut, ultricies mattis neque. Praesent tellus enim, laoreet non turpis in, tempus vehicula enim. Duis laoreet convallis magna.
Suspendisse commodo elit eu eros sodales ornare. Donec placerat suscipit elit et feugiat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent egestas fringilla leo. Etiam ultrices et mauris non pretium. Nullam a nisi quam. Nulla elementum sapien at lacus ultrices cursus. Aenean ac feugiat risus, at bibendum risus. Ut finibus neque aliquam aliquet malesuada. Ut nec ex nec tellus vehicula rutrum in ut metus. Quisque at feugiat tellus, ac blandit enim. Duis bibendum dolor nisl, at venenatis metus dapibus et. Duis ut augue molestie, rutrum lectus a, pellentesque lectus. Sed viverra eleifend turpis quis cursus. Sed fringilla efficitur lacinia.
Mauris volutpat ipsum a ornare malesuada. Aliquam erat volutpat. Cras et pulvinar lectus, bibendum euismod felis. Nunc tempor mollis diam vel tempor. Duis sed ex et purus bibendum venenatis vitae at ipsum. Proin euismod gravida viverra. Fusce consequat nibh et turpis porta, ac vehicula sapien tincidunt. Fusce vitae libero hendrerit ligula vestibulum congue. Suspendisse potenti. Fusce tincidunt ipsum id nunc bibendum, eget facilisis elit ultrices. Etiam vitae nibh sit amet augue ultricies pharetra. Pellentesque volutpat arcu non sapien consequat, vitae fermentum massa varius. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dictum mattis erat, id tincidunt ex luctus quis. Aliquam volutpat ac lorem in accumsan. Ut odio arcu, hendrerit eget sapien at, egestas dignissim libero. Mauris a massa mollis, condimentum urna et, vehicula turpis. In consequat, libero vel rhoncus tincidunt, turpis sapien interdum lacus, vitae dictum est enim vitae lectus. Etiam ac luctus velit. Aliquam rhoncus, magna quis eleifend facilisis, arcu arcu vestibulum massa, ut condimentum quam urna in libero.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse finibus placerat massa venenatis mollis. Etiam vestibulum tortor a velit ultrices, nec suscipit odio tristique. Maecenas sodales faucibus volutpat. Sed magna sem, cursus a suscipit eget, facilisis nec nibh. Sed consequat mattis odio, vitae consequat ex scelerisque ut. Mauris ex neque, semper ut justo vitae, aliquet pretium dui. Donec ut vehicula erat, vel convallis mi. Nullam vehicula porttitor neque, ut lacinia risus auctor nec. Maecenas semper, lorem a tempus lacinia, metus lorem pretium ipsum, ac consectetur sem quam id justo. Nullam ac hendrerit odio, et mollis odio. Suspendisse rutrum, libero quis tincidunt rutrum, dui elit molestie risus, ac sodales sem purus quis libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean bibendum orci eget neque finibus, rutrum malesuada nisi imperdiet.
In imperdiet elit id libero tristique, nec aliquam tortor gravida. Ut lorem eros, lacinia vitae pellentesque vel, consequat sit amet metus. Curabitur convallis, eros a scelerisque placerat, erat quam cursus metus, id scelerisque ex lorem vitae lacus. Nunc ut lobortis tortor. Curabitur mollis venenatis leo, vitae sollicitudin diam feugiat et. Vestibulum suscipit non odio ut porttitor. Maecenas in mi sit amet leo lacinia posuere id a magna. Curabitur volutpat turpis id semper condimentum.
Morbi at elit et nisi vulputate posuere in vel justo. In maximus dui vel eros faucibus feugiat. Duis ac fermentum quam, quis tincidunt est. Donec maximus arcu nisl, vel dignissim ante luctus quis. Sed viverra tellus mollis quam tincidunt, vel laoreet urna aliquam. Praesent mauris libero, tincidunt consequat maximus ac, sodales at mauris. Suspendisse mollis, risus et imperdiet auctor, urna lorem interdum elit, at convallis massa risus id tortor. Praesent quis tellus in tellus faucibus egestas.
Sed in ligula leo. Nullam non elit accumsan, efficitur tellus ut, rhoncus orci. Etiam consequat nunc in neque aliquam, in blandit turpis maximus. Morbi faucibus laoreet urna, at finibus justo dapibus a. Quisque a elementum neque, eget malesuada dui. Integer accumsan orci ex, id molestie justo lobortis vel. Mauris id accumsan enim, sit amet pretium metus. Mauris varius turpis libero, luctus faucibus est vehicula et. Sed maximus nulla sed magna euismod, non ultrices magna sodales. Nam at pharetra nisi. In hac habitasse platea dictumst. Cras ac metus urna. Nulla augue ligula, rutrum imperdiet tempor vitae, scelerisque eu turpis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin suscipit convallis dolor, hendrerit vulputate nisl hendrerit in. Sed tristique vel erat dictum hendrerit. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum viverra orci ac libero convallis, in pharetra neque egestas. Suspendisse maximus mauris et magna porta, ornare vestibulum eros sagittis. Integer ultricies sapien non dignissim gravida. Mauris dignissim vestibulum mauris, et iaculis libero finibus eget. Curabitur ultricies tristique nibh. Maecenas tristique lectus convallis elit sodales, quis scelerisque dui dapibus. Proin euismod non sapien a accumsan. Nam molestie est eget malesuada vulputate. Morbi enim metus, tincidunt non interdum et, euismod in quam.
In congue urna placerat[3] lacus mollis gravida. Donec eu magna ut libero commodo egestas. Suspendisse justo lacus, interdum pellentesque eros a, condimentum laoreet turpis. Vivamus luctus elit ut nibh facilisis, in elementum quam mattis. Curabitur nibh velit, commodo sed auctor ut, malesuada vel nibh. Phasellus sapien eros, vulputate eget lacus at, blandit mollis justo. Sed ornare tristique ultricies. Suspendisse nibh nisi, vehicula ut enim at, fermentum elementum ipsum. Ut at mollis velit, sed scelerisque risus. Quisque mattis ullamcorper sem, vel tincidunt ex vehicula eget. Nulla pharetra pharetra mi faucibus tincidunt. Sed ac blandit ipsum.
Nulla condimentum lorem velit, a aliquet lacus ultrices eu. Mauris eget metus non nisl dictum pulvinar vitae eu massa. Praesent sapien lectus, gravida in leo non, aliquam condimentum orci. Aliquam ultrices massa in mi dignissim, eget rhoncus sem consectetur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut et massa placerat, bibendum sapien laoreet, pretium mi. Nunc hendrerit pretium tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut et lorem at ante vestibulum porttitor. Curabitur id semper metus. Aenean fringilla aliquam dolor quis blandit. Duis posuere nibh nec ipsum porta, ac sollicitudin felis rhoncus. Sed fermentum ornare lacus, a viverra erat tincidunt non.
Integer sed vulputate urna. Donec lobortis vitae eros sed porta. Donec ut maximus dui. Donec ut dolor vel lorem posuere pellentesque. Nullam luctus massa id orci tempor tristique. Quisque facilisis velit sit amet imperdiet lobortis. Maecenas nec ullamcorper elit. Suspendisse congue eget orci venenatis auctor. Aliquam tincidunt ipsum at ex ullamcorper, eu ultrices orci porta. In hac habitasse platea dictumst. Donec eu congue arcu, nec aliquam nunc. Integer eu ultrices dui.
Fusce in est in urna ultricies lobortis et eget est. Vivamus neque augue, aliquam eget mi vitae, faucibus hendrerit ante. Suspendisse sem libero, mattis sit amet ipsum non, fermentum sodales nulla. Donec vitae orci at lectus blandit rhoncus vel in purus. Pellentesque tellus arcu, bibendum sit amet luctus et, dapibus vel lectus. Praesent at nunc ipsum. Fusce varius convallis malesuada. Sed elementum mollis nunc. Duis tristique est maximus diam aliquet suscipit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit arcu sit amet nisi interdum luctus. Sed mattis est vel turpis feugiat euismod. Sed quis justo non odio viverra faucibus tincidunt sed justo. Fusce rhoncus fringilla ante, semper dapibus erat eleifend in. Aliquam magna erat, varius vel blandit id, convallis vitae ligula. Maecenas ornare nisl mi, ut rutrum tellus viverra in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi.
Fusce ut arcu eget libero fermentum scelerisque at quis eros. Pellentesque ultricies tellus id erat ornare, eget dapibus quam cursus. Ut sed vehicula leo. Vivamus id magna turpis. Praesent imperdiet ut orci et lacinia. Ut luctus blandit massa, sit amet mollis erat dapibus sit amet. Vivamus ultrices ut risus non vestibulum. Vestibulum gravida libero non euismod mattis. Aenean laoreet ante ac neque egestas pulvinar.
Mauris eleifend, lorem eget commodo commodo, enim velit rutrum mauris, sed viverra mi augue nec nunc. Nam feugiat tincidunt massa, a vulputate odio venenatis sed. Vivamus dolor mauris, tristique quis lectus et, porta ornare nibh. Duis ultricies mauris lacus, in sagittis augue volutpat at. Duis elementum sem vitae tincidunt consectetur. Fusce vehicula velit orci, vitae euismod odio venenatis tristique. Vivamus a nisi vel odio ornare vehicula blandit sed arcu. Etiam porta sed eros eget commodo. Morbi commodo orci non diam iaculis, vitae tincidunt ante dignissim.
Donec euismod elit tempus, finibus mi eu, vehicula neque. Nulla id sem odio. Nunc tincidunt, sem ac vestibulum vulputate, ante tortor scelerisque nibh, ac efficitur erat mauris blandit leo. Sed facilisis facilisis urna sit amet vestibulum. Nam sit amet nulla eget elit varius viverra. Sed consequat viverra dui, et congue augue consequat et. Ut condimentum finibus dui, quis commodo nisi. Aliquam molestie finibus dui a eleifend. Ut ultrices tempor sagittis. Pellentesque dolor libero, scelerisque sagittis elit eu, dictum congue felis. Etiam molestie congue dui, id consectetur risus rutrum at.
Fusce dignissim pretium vehicula[4]. Praesent pulvinar mi ut neque sollicitudin suscipit. Integer iaculis nibh vitae eros euismod pulvinar. Nulla ut rutrum est. Aliquam in finibus diam, sit amet maximus nunc. Nunc id sem a tortor tincidunt commodo. Vivamus venenatis vel erat et suscipit. Curabitur eu molestie tortor. Donec congue lectus nisl, at commodo elit porta eu. Donec in dolor sed mauris vehicula sodales et sit amet risus. Quisque nec ullamcorper purus. Vivamus tempus, lorem quis fermentum cursus, lacus est placerat felis, non commodo sapien nunc eget ante. Donec scelerisque dui ullamcorper, posuere tortor a, tristique mi. Sed nec purus vitae nisi porta feugiat. Fusce mollis sit amet dolor nec auctor. Sed eros quam, dictum quis nulla non, tempor convallis diam.
[1] This is the content of the very first footnote of this document
[2] And this is the second one
[3] Another footnote somewhere in the middle of the document
[4] A last footnote just at the end of the document