Facebook

CHROMA safest cryptocurrency exchange

From msktheory, 4 Years ago, written in HTML5.
URL https://pastebin.pl/view/44e037f2
Embed
Download Paste or View Raw
Hits: 197
  1.  
  3.   // made by msktheory
  4.   // jsfiddle/msktheory
  5.   // insta/skeppov
  6.  
  7.   //--------------------------------------------
  8.    
  9.   // welcome back code stealers! today is a new update..
  10.     // -Instagram thing in the top corner..
  11.     // -cool rainbow graident background suggested by braiden (sorry if i spelt your name wrong)
  12.     // -a little bug fixes..
  13.     // name change from slurpee to "Chroma"
  14.    
  15.    
  16.   // thats all!
  17.  
  18.   //--------------------------------------------
  19.    
  20.   // feel free to share this
  22.  
  24.  
  25.   <meta charset="utf-8" />
  26.  
  27.   <title>
  28.     Chroma (Timer)
  29.   </title>
  30.  
  31.   <!-- add icon link -->
  32.   <link rel="icon" href="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Rainbow-gradient-fully-saturated-diagonal.svg/1024px-Rainbow-gradient-fully-saturated-diagonal.svg.png" type="image/x-icon">
  33.  
  34.  
  35. </head>
  36.  
  37. <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  38.  
  40. <a href="https://www.instagram.com/skeppov" class="fa fa-instagram"></a>
  41. </body>
  42.  
  43. <body onLoad="initClock()">
  44.   <div id="timedate" style="text-align: center;">
  45.  
  46.     <br><br>
  47.  
  48.     <a style="font-weight:bold"></a>
  49.     <a id="mon" style="font-weight:bold">Chroma</a>
  50.     <a id="d" style="font-weight:bold">1</a>,
  51.     <a id="y" style="font-weight:bold">1</a><br />
  52.     <a id="h">12</a>:
  53.     <a id="m">00</a>:
  54.     <a id="s">00</a>:
  55.     <a id="mi">000</a>
  56.   </div>
  57.  
  58.  
  59.   <style>
  60.      
  61.       body{
  62. background-color: #333;
  63.  
  64. }
  65. .fa {
  66.   padding: 20px;
  67.   font-size: 30px;
  68.   width: 30px;
  69.   text-align: center;
  70.   text-decoration: none;
  71.   margin: 5px 2px;
  72.   border-radius: 50%;
  73. }
  74.  
  75. .fa:hover {
  76.     color: #dedede;
  77. }
  78.  
  79. .fa {
  80. border:solid;
  81. border-width:0px;
  82. border-color:white;
  83. background: transparent;
  84. color: white;
  85. }
  86.  
  87.  
  88.  
  89.  
  90.      
  91. html,
  92. body {
  93.   width: 100%;
  94.   height: 100%;
  95.   margin: 0;
  96.   padding: 0;
  97. }
  98.  
  99. body {
  100.   background: linear-gradient(270deg, #ff0000, #ff4a00, #ffdc00, #dfff00, #63ff00, #00ff73, #00ffb7, #00cbff, #0066ff, #000cff, #4e00ff, #b400ff, #ff00e5, #ff008b, #ff0048);
  101.   background-size: 3200% 3200%;
  102.  
  103.   animation: AnimationName 21s ease infinite;
  104. }
  105.  
  106. @keyframes AnimationName {
  107.   0% {
  108.     background-position: 0% 50%
  109.   }
  110.  
  111.   50% {
  112.     background-position: 100% 50%
  113.   }
  114.  
  115.   100% {
  116.     background-position: 0% 50%
  117.   }
  118. }
  119.  
  120.  
  121.  
  122.     div.eventlogger {
  123.       font: small-caps lighter 43px/150% "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  124.       text-align: left;
  125.       width: 50%;
  126.       text-align: center;
  127.       margin: 50px auto;
  128.       color: #fff;
  129.       padding: 10px;
  130.       font-size: small;
  131.     }
  132.  
  133.     #timedate {
  134.       font: small-caps lighter 43px/150% "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  135.       text-align: left;
  136.       width: 50%;
  137.       text-align: center;
  138.       margin: 50px auto;
  139.       color: #fff;
  140.       padding: 10px;
  141.     }
  142.  
  143.   </style>
  144.  
  145.   <script>
  146.     // START CLOCK SCRIPT
  147.  
  148.     Number.prototype.pad = function(n) {
  149.       for (var r = this.toString(); r.length < n; r = 0 + r);
  150.      return r;
  151.    };
  152.  
  153.    function updateClock() {
  154.      var now = new Date();
  155.      var milli = now.getMilliseconds()
  156.        var sec = now.getSeconds()
  157.        var min = now.getMinutes()
  158.        var hou = now.getHours();
  159. if (hou > 12) {
  160.     hou -= 12;
  161. } else if (hou === 0) {
  162.    hou = 12;
  163. }
  164.         var mo = now.getMonth()
  165.         var dy = now.getDate()
  166.         var yr = now.getFullYear();
  167.       var months = ["January", "February", "March", "April", "May", "June", "July", "August", "Spooktober", "October", "November", "December"];
  168.       var tags = ["mon", "d", "y", "h", "m", "s", "mi"],
  169.         corr = [months[mo], dy, yr, hou.pad(2), min.pad(2), sec.pad(2), milli];
  170.       for (var i = 0; i < tags.length; i++)
  171.        document.getElementById(tags[i]).firstChild.nodeValue = corr[i];
  172.    }
  173.  
  174.    function initClock() {
  175.      updateClock();
  176.      window.setInterval("updateClock()", 1);
  177.    }
  178.    // END CLOCK SCRIPT
  179.  
  180.  </script>
  181.    
  182.     <script>
  183.    </script>
  184.  

Reply to "CHROMA"