final

index.html

@@ -81,7 +81,7 @@
         <script>
 
             function rn(min, max){
-                return Math.floor(Math.random() * (max - min + 1) + min);
+                return Math.floor(Math.random() * (max - min + 1) + min)
             }
             var r = rn(0,255),
                 g = rn(0,255),
@@ -107,31 +107,31 @@
                         }else{
                             r = rn(0,255),
                             g = rn(0,255),
-                            b = rn(0,255);
+                            b = rn(0,255)
                         }
                     }
                 }
 
-                now = $(letters[thisLetter]).html();
+                now = $(letters[thisLetter]).html()
 
                 $(letters[thisLetter]).html("|")
-                $(letters[thisLetter]).css({color: "rgb("+r+","+g+","+b+")"})
-
-                if (now != " " && now != "&blk14;"){
+                if (now != " " && now != "░"){
                     time = 50;
-                    now = "&block;";
+                    now = "█";
+                    $(letters[thisLetter]).css({color: "rgb("+r+"  ,"+g+"  ,"+b+"  )"})
                 }else{
-                    now = "&blk14;";
+                    now = "░";
+                    $(letters[thisLetter]).css({color: "white"})
                 }
 
                 setTimeout(() => {
                     $(letters[thisLetter]).html(now)
                     if (thisLetter == countLetter){
-                        thisLetter = 0;
+                        thisLetter = 0
                     }else{
-                        thisLetter++;
+                        thisLetter++
                     }
-                    colorizer();    
+                    colorizer()
                 }, time);
                 
             }
@@ -139,55 +139,57 @@
             $(document).ready(function() {
                 !(function ($doc, $win) {
 
-                    text = ""
-                    +"           `/+-            -+/`             "
-                    +"            dMMMNy:`    `:yNMMMd            "
-                    +"           /MMMMMMMMmddmMMMMMMMM/           "
-                    +"          `NMMMMMMMMMMMMMMMMMMMMN.          "
-                    +"          yMMMMMMMMMMMMMMMMMMMMMMh          "
-                    +"         :MMMMMMMMMMMMMMMMMMMMMMMM/         "
-                    +"         yddddddddddddddddddddddddy         "
-                    +"        -///::::////::::////:::////:        "
-                    +"       .MMMMMMMMMMMMMMMMMMMMMMMMMMMM:       "
-                    +":++++++dMMMMMMMMMMMMMMMMMMMMMMMMMMMMm++++++:"
-                    +".------------------------------------------."
-                    +"                                            "
-                    +"       yhys+/:-.``        ``.-:/+syhy       "
-                    +"       dMNyhdmNMMMMMMMMMMMMMMNmdhyNMd       "
-                    +"       dMMy   `/yNMMmyymMMNy/`   yMMd       "
-                    +"       -dMMdymMMds/.    ./sdMMmydMMd-       "
-                    +"         ./++/-              -/++/.         "
-                    
+                    text = " "
+                    +"                                                "
+                    +"              `/+-            -+/`              "
+                    +"              dMMMNy:`    `:yNMMMd              "
+                    +"             /MMMMMMMMmddmMMMMMMMM/             "
+                    +"            `NMMMMMMMMMMMMMMMMMMMMN.            "
+                    +"            yMMMMMMMMMMMMMMMMMMMMMMh            "
+                    +"           :MMMMMMMMMMMMMMMMMMMMMMMM/           "
+                    +"           yddddddddddddddddddddddddy           "
+                    +"          -///::::////::::////:::////:          "
+                    +"         .MMMMMMMMMMMMMMMMMMMMMMMMMMMM:         "
+                    +"  :++++++dMMMMMMMMMMMMMMMMMMMMMMMMMMMMm++++++:  "
+                    +"  .------------------------------------------.  "
+                    +"                                                "
+                    +"         yhys+/:-.``        ``.-:/+syhy         "
+                    +"         dMNyhdmNMMMMMMMMMMMMMMNmdhyNMd         "
+                    +"         dMMy   `/yNMMmyymMMNy/`   yMMd         "
+                    +"         -dMMdymMMds/.    ./sdMMmydMMd-         "
+                    +"           ./++/-              -/++/.           "
+                    +"                                                "
 
                     var line = 1;
+                    var colums = 48;
                     text.split("").map(function(letter, index) {
-                        if(index != 44){
-                            $("pre").append("<span id='span_"+line+"_"+index % 44+"' class='line_"+line+" col_"+index % 44+"'>"+letter+"</span>");
+                        if(index != colums){
+                            $("pre").append("<span id='span_"+line+"_"+index % colums+"' class='line_"+line+" col_"+index % colums+"'>"+letter+"</span>")
                         }           
 
-                        if(index % 44 == 0 && index != 0){
-                            $("pre").append("<br>");
-                            line++;
+                        if(index % colums == 0 && index != 0){
+                            $("pre").append("<br>")
+                            line++
                         }    
                            
                     });
                     
                 
                     letters = $("pre span");                    
-                    countLetter = letters.length;
-                    colorizer();
+                    countLetter = letters.length
+                    colorizer()
 
                     var screenWidth = $win.screen.width / 2,
                         screenHeight = $win.screen.height / 2,
                         $elems = $doc.getElementsByClassName("elem"),
                         validPropertyPrefix = '',
                         otherProperty = 'perspective(1000px)',
-                        elemStyle = $elems[0].style;
+                        elemStyle = $elems[0].style
 
                     if(typeof elemStyle.webkitTransform == 'string') {
                         validPropertyPrefix = 'webkitTransform';
                     } else if (typeof elemStyle.MozTransform == 'string') {
-                        validPropertyPrefix = 'MozTransform';
+                        validPropertyPrefix = 'MozTransform'
                     }
 
                     $doc.addEventListener('mousemove', function (e) {
@@ -199,10 +201,10 @@
 
                         for (var i = 0; i < $elems.length; i++) {
                             $elem = $elems[i];
-                            $elem.style[validPropertyPrefix] = otherProperty + 'rotateY('+ degX +'deg)  rotateX('+ degY +'deg)';
+                            $elem.style[validPropertyPrefix] = otherProperty + 'rotateY('+ degX +'deg)  rotateX('+ degY +'deg)'
                         };
                     });
-                })(document, window);
+                })(document, window)
             });
         </script>  
     </head>