<div id="draft-warning" class="warning"> <span class="message">You are reading an <strong>outdated</strong> edition of TRPL. For more, go <a href="../index.html">here</a>.</span> <button type="button" id="hide-draft-warning" title="Hide draft warning" class="button"> <i class="fa fa-times"></i> </button> </div> <!-- Hide / unhide warning before it is displayed --> <script type="text/javascript"> var warning = localStorage.getItem('trpl-first-edition-draft-warning'); if (warning === 'hidden') { Array .from(document.querySelectorAll('#page-wrapper')) .forEach(function(block) { block.classList.remove('has-warning'); }); var elem = document.getElementById("draft-warning"); elem.parentNode.removeChild(elem); } document.addEventListener("DOMContentLoaded", function(event) { document.getElementById("hide-draft-warning").addEventListener("click", function(e) { var elem = document.getElementById("draft-warning"); elem.parentNode.removeChild(elem); localStorage.setItem('trpl-first-edition-draft-warning', 'hidden'); }); }); </script>