Show big, giant warning on out-of-date documents that have been submitted to the IETF

Author: DanielOaks

_includes/copyrights.html

@@ -13,4 +13,3 @@
     </div>
 {% endfor %}
 </div>
-

_includes/ietfwarning.html

@@ -0,0 +1,10 @@
+<div class="warning">
+    <p>NOTE: This document is being persued as an Internet-Draft for standardisation with the IETF.</p>
+    <p>This page is out of date, and you should look here for the document that replaces this:</p>
+    <p>
+        <a href="{{ page.ietf }}">[Internet-Draft]</a> -
+        <a href="{{ page.ietf-html-editors-copy }}">[Editor's HTML Draft]</a> -
+        <a href="{{ page.ietf-txt-editors-copy }}">[Editor's TXT Draft]</a> -
+        <a href="https://github.com/DanielOaks/irc-rfcs">[Github]</a>
+    </p>
+</div>

_layouts/default.html

@@ -28,15 +28,28 @@
         {% endif %}
         {% if page.ietf %}
         <div id="ietftag">
-            <span class="detail">This document is now being worked on as an<br/>Internet-Draft which you can find <a href="{{ page.ietf }}">here</a> and <a href="{{ page.ietf-editors-copy }}">here</a></span>
+            <span class="detail">This document is now being worked on as an<br/>Internet-Draft which you can find <a href="{{ page.ietf }}">here</a> and <a href="{{ page.ietf-html-editors-copy }}">here</a></span>
         </div>
         {% endif %}
+
         <a onclick="toggledarkmode()" id="darkmodebtn"><i class="fa fa-sun-o show-when-dark"></i><i class="fa fa-moon-o show-when-light"></i></a>
         <div id="show-toc" onclick=""><div onclick="">Table of Contents</div></div>
         <div id="toc-popup" style="display: none"><div onclick="">
             <h2>Table of Contents</h2>
             <div onclick="" id="table-of-contents"></div>
         </div></div>
+        
+        {% if page.ietf %}
+        <div id="hovering-ietf-warning" onclick="disableietf();"><div>
+            <p>This document is <strong style="color: #441f00;">out of date</strong> and is now being persued as an Internet-Draft for standardisation with the IETF. You should look here for the document that replaces this:</p>
+            <p>
+                <a href="{{ page.ietf }}">[Internet-Draft]</a> -
+                <a href="{{ page.ietf-html-editors-copy }}">[Editor's HTML Draft]</a> -
+                <a href="{{ page.ietf-txt-editors-copy }}">[Editor's TXT Draft]</a> -
+                <a href="https://github.com/DanielOaks/irc-rfcs">[Github]</a>
+            </p>
+        </div></div>
+        {% endif %}
 
             <div id="nav"><div>
                 <nav>
@@ -78,5 +91,9 @@ <h1>{{ page.title }}</h1>
                 document.cookie = "darkmode=false";
             }
         }
+
+        function disableietf() {
+            document.getElementById('hovering-ietf-warning').classList.add('displaynone');
+        }
     </script>
 </html>

css/screen.sass

@@ -99,6 +99,21 @@ html, body
     h1
         page-break-before: always
 
+#hovering-ietf-warning
+    background: rgba(20,20,20,0.75)
+    position: fixed
+    top: 0
+    left: 0
+    width: 100%
+    height: 100%
+    > div
+        max-width: calc(100% - 2rem)
+        width: 37rem
+        background: #fbfbfb
+        margin: 7rem auto 1rem
+        padding: 1.5rem 1.85rem
+        border-radius: 1.5rem
+
 #toc-popup
     background: rgba(20,20,20,0.75)
     position: fixed
@@ -191,6 +206,9 @@ li
         &:last-child
             margin-bottom: 0
 
+.displaynone
+    display: none
+
 .warning, .note
     color: #fff
     border-radius: 1rem

ctcp.md

@@ -11,8 +11,9 @@ copyrights:
     org_link: "http://ircdocs.horse/"
     email: "[email protected]"
     editor: true
-ietf: https://tools.ietf.org/html/draft-oakley-irc-ctcp-01
-ietf-editors-copy: https://rawgit.com/DanielOaks/irc-rfcs/master/dist/draft-oakley-irc-ctcp-latest.html
+ietf: https://tools.ietf.org/html/draft-oakley-irc-ctcp-02
+ietf-html-editors-copy: https://rawgit.com/DanielOaks/irc-rfcs/master/dist/draft-oakley-irc-ctcp-latest.html
+ietf-txt-editors-copy: https://rawgit.com/DanielOaks/irc-rfcs/master/dist/draft-oakley-irc-ctcp-latest.txt
 ---
 
 {% include copyrights.html %}
@@ -22,11 +23,7 @@ ietf-editors-copy: https://rawgit.com/DanielOaks/irc-rfcs/master/dist/draft-oakl
     <p>If something written in here isn't interoperable with an IRC client you know of, please <a href="https://github.com/ircdocs/modern-irc/issues">open an issue</a>.</p>
 </div>
 
-<div class="warning">
-    <p>NOTE: This document is being persued as an Internet Draft for standardisation with the IETF.</p>
-    <p>This page is out of date, and you should look here for the new document I'm working on:</p>
-    <p><a href="https://github.com/DanielOaks/irc-rfcs">[Github]</a> - <a href="https://rawgit.com/DanielOaks/irc-rfcs/master/dist/draft-oakley-irc-ctcp-latest.html">[Editor's HTML Draft]</a> - <a href="https://rawgit.com/DanielOaks/irc-rfcs/master/dist/draft-oakley-irc-ctcp-latest.txt">[Editor's TXT Draft]</a> - <a href="https://tools.ietf.org/html/draft-oakley-irc-ctcp-01">[Internet-Draft]</a></p>
-</div>
+{% include ietfwarning.html %}
 
 <div id="printable-toc" style="display: none"></div>