blinker

index.html

@@ -46,6 +46,15 @@
         vertical-align: super;
         font-size: 50%;
     }
+    .blink {
+      -webkit-animation: blinker 0.5s infinite;
+	  -moz-animation: blinker 0.5s infinite;
+	  animation: blinker 0.5s infinite;
+    }
+    @keyframes blinker {
+         0% { opacity: 0.00; }
+       100% { opacity: 1.00; }
+    }
 </STYLE>
 <script language="javascript">
 function init() {
@@ -70,9 +79,7 @@ function init() {
     if (!config.search) {
       document.getElementById('search').style.display='none';
     }
-    if (config.columns==1 || narrow_window()) {
-      make_menu();
-    }
+    make_menu();
     document.getElementById("open_blank_arrow").innerHTML=config.arrows[0];
     document.getElementById("filter").focus();
     filter_load();
@@ -116,6 +123,9 @@ function make_menu() {
     sel.onchange=function(){
         if (this.value=="") { return }
         document.getElementById(this.value).scrollIntoView();
+        var head=this.value.replace(/^anchor/,"head");
+        document.getElementById(head).classList.add("blink");
+        setTimeout(function(){ document.getElementById(head).classList.remove("blink"); }, 3000);
         document.getElementById("menu").value="";
       };
     sel.id="menu";