Add 202007 gene.cloud and combine hu+mu

layouts/custom/sc.data.html

@@ -34,7 +34,7 @@
     .columnImg {
         float: left;
         text-align: center;
-        width: 50%;
+        width: 100%;
     }
 
     .columnNav {
@@ -70,30 +70,19 @@
         <div class="contentsFull">
             <div class="row">
                 <div class="columnImg">
-                    <p class="huGenesName" style="background-color:black;"></p>
-                    <img class="huGenes img" src="/gene.cloud/Genes.hu.2020YTD.20200709.png"
-                        alt="Human genes searched in 2020 (YTD: 20200709)">
-                    <img class="huGenes img" src="/gene.cloud/Genes.hu.202006.png"
-                        alt="Human genes searched in June 2020">
-                    <img class="huGenes img" src="/gene.cloud/Genes.hu.202005.png"
-                        alt="Human genes searched in May 2020">
-                    <img class="huGenes img" src="/gene.cloud/Genes.hu.202004.png"
-                        alt="Human genes searched in April 2020">
-                    <img class="huGenes img" src="/gene.cloud/Genes.hu.202003.png"
-                        alt="Human genes searched in March 2020">
-                </div>
-                <div class="columnImg">
-                    <p class="muGenesName" style="background-color:black;"></p>
-                    <img class="muGenes img" src="/gene.cloud/Genes.mu.2020YTD.20200709.png"
-                        alt="Mouse genes searched in 2020 (YTD: 20200709)">
-                    <img class="muGenes img" src="/gene.cloud/Genes.mu.202006.png"
-                        alt="Mouse genes searched in June 2020">
-                    <img class="muGenes img" src="/gene.cloud/Genes.mu.202005.png"
-                        alt="Mouse genes searched in May 2020">
-                    <img class="muGenes img" src="/gene.cloud/Genes.mu.202004.png"
-                        alt="Mouse genes searched in April 2020">
-                    <img class="muGenes img" src="/gene.cloud/Genes.mu.202003.png"
-                        alt="Mouse genes searched in March 2020">
+                    <p class="GenesName" style="background-color:black;"></p>
+                    <img class="Genes img" src="/gene.cloud/Genes.2020YTD.20200803.png"
+                        alt="Genes searched in 2020 (YTD: 20200803)">
+                    <img class="Genes img" src="/gene.cloud/Genes.202007.png"
+                        alt="Genes searched in July 2020">
+                    <img class="Genes img" src="/gene.cloud/Genes.202006.png"
+                        alt="Genes searched in June 2020">
+                    <img class="Genes img" src="/gene.cloud/Genes.202005.png"
+                        alt="Genes searched in May 2020">
+                    <img class="Genes img" src="/gene.cloud/Genes.202004.png"
+                        alt="Genes searched in April 2020">
+                    <img class="Genes img" src="/gene.cloud/Genes.202003.png"
+                        alt="Genes searched in March 2020">
                 </div>
             </div>
             <div class="row">
@@ -127,18 +116,14 @@
 
     function showCloud(n) {
         var i;
-        var x = document.getElementsByClassName("huGenes");
-        var y = document.getElementsByClassName("muGenes");
-        if (n > x.length) { slideIndex = 1 }
-        if (n < 1) { slideIndex = x.length }
-        for (i = 0; i < x.length; i++) {
-            x[i].style.display = "none";
-            y[i].style.display = "none";
+        var w = document.getElementsByClassName("Genes");
+        if (n > w.length) { slideIndex = 1 }
+        if (n < 1) { slideIndex = w.length }
+        for (i = 0; i < w.length; i++) {
+            w[i].style.display = "none";
         }
-        x[slideIndex - 1].style.display = "block";
-        y[slideIndex - 1].style.display = "block";
-        document.getElementsByClassName("huGenesName")[0].innerHTML = x[slideIndex - 1].alt;
-        document.getElementsByClassName("muGenesName")[0].innerHTML = y[slideIndex - 1].alt;
+        w[slideIndex - 1].style.display = "block";
+        document.getElementsByClassName("GenesName")[0].innerHTML = w[slideIndex - 1].alt;
     }
 </script>