[css-speech-1] Add obsoletion notice

xfq · xfq · commit 549b0e470e87 · 2018-10-19T17:45:32.000+08:00
diff --git a/css-speech-1/Overview.html b/css-speech-1/Overview.html
@@ -92,8 +92,7 @@
       }
     -->
 
-  <link href="https://www.w3.org/StyleSheets/TR/2016/W3C-WG-NOTE-NOTE"
-   rel=stylesheet type="text/css">
+    <link href="https://www.w3.org/StyleSheets/TR/W3C-RNOTE" rel="stylesheet">
 
  <body>
   <div class=head> <!--begin-logo-->
@@ -183,6 +182,8 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
    was developed in cooperation with the <a
    href="http://www.w3.org/Voice/">Voice Browser Activity</a>.
 
+  <p class="mtb"><strong>This specification is obsolete. Please see the latest <a href="https://www.w3.org/TR/CSS/">CSS Snapshot</a> for the specifications that make up CSS.</strong></p>
+
   <h2 class="no-num no-toc" id=status>Status of this document</h2>
   <!--begin-status-->
 
@@ -3860,3 +3861,56 @@ <h3 class=no-num id=other-references>Other references</h3>
 
   <script src="//www.w3.org/scripts/TR/2016/fixup.js"
    type="application/javascript"></script>
+
+
+   <script>
+    var ESCAPEKEY = 27;
+    /* Deprecation warning */
+    document.body.classList.add("outdated-spec");
+    var node = document.createElement("p");
+    node.classList.add("outdated-warning");
+    node.tabIndex = -1;
+    node.setAttribute("role", "dialog");
+    node.setAttribute("aria-modal", "true");
+    node.setAttribute("aria-labelledby", "outdatedWarning");
+    var frag = document.createDocumentFragment();
+    var heading = document.createElement("strong");
+    heading.id = "outdatedWarning";
+    heading.innerHTML = "Retired NOTE";
+    frag.appendChild(heading);
+    var warning = document.createElement("span");
+    warning.innerText = "The CSS Working Group has discontinued work on this document.";
+    frag.appendChild(warning);
+    var button = document.createElement("button");
+    var handler = makeClickHandler(node);
+    button.addEventListener("click", handler);
+    button.innerHTML = "&#9662; collapse";
+    frag.appendChild(button);
+    node.appendChild(frag);
+    function makeClickHandler(node) {
+      var isOpen = true;
+      return function collapseWarning(event) {
+        var button = event.target;
+        isOpen = !isOpen;
+        node.classList.toggle("outdated-collapsed");
+        document.body.classList.toggle("outdated-spec");
+        button.innerText = (isOpen) ? '\u25BE collapse' : '\u25B4 expand';
+      }
+    }
+    document.body.appendChild(node);
+    button.focus();
+    window.onkeydown = function (event) {
+      var isCollapsed = node.classList.contains("outdated-collapsed");
+      if (event.keyCode === ESCAPEKEY && !isCollapsed) {
+        button.click();
+      }
+    }
+    document.addEventListener("focus", function(event) {
+      var isCollapsed = node.classList.contains("outdated-collapsed");
+      var containsTarget = node.contains(event.target);
+      if (!isCollapsed && !containsTarget) {
+        event.stopPropagation();
+        node.focus();
+      }
+    }, true); // use capture to enable event delegation as focus doesn't bubble up
+    </script>
diff --git a/css-speech-1/Overview.src.html b/css-speech-1/Overview.src.html
@@ -126,6 +126,7 @@ <h2 class="no-num no-toc" id="abstract">Abstract</h2>
       documents via speech synthesis, and using optional audio cues. Note that this standard was
       developed in cooperation with the <a href="http://www.w3.org/Voice/">Voice Browser
         Activity</a>.</p>
+    <p class="mtb"><strong>This specification is obsolete. Please see the latest <a href="https://www.w3.org/TR/CSS/">CSS Snapshot</a> for the specifications that make up CSS.</strong></p>
     <h2 class="no-num no-toc" id="status">Status of this document</h2>
     <!--status-->
     <!-- <h3 class="no-num no-toc" id="maturity">Maturity Level</h3> -->
