Advertisement
Guest User

Untitled

a guest
Jul 24th, 2016
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.85 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <link rel="stylesheet" href="css/normalize.css" media="all">
  5. <link rel="stylesheet" href="css/style.css" media="all">
  6. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic|Raleway:400,200,300,500,700,600,800,900' rel='stylesheet' type='text/css'>
  7. <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  8.  
  9. <script src="js/jquery-1.11.1.min.js"></script>
  10. <script src="js/device.min.js"></script>
  11. <script src="js/jquery.mb.YTPlayer.js"></script>
  12. <script src="js/custom.js"></script>
  13.  
  14.  
  15. <meta name="robots" content="noindex,follow" />
  16. </head>
  17.  
  18.  
  19. <body>
  20.  
  21.  
  22. <section class="big-background">
  23. <section id="videos">
  24. <video preload="none" controls>
  25. <source type="video/mp4" src="http://capra.bplaced.net//video/background.mp4">
  26. </section>
  27.  
  28. <script>
  29.  
  30. (function () {
  31. "use strict";
  32. var videosSection = document.getElementById("videos");
  33. var videosSectionClone = videosSection.cloneNode();
  34. var videos = videosSection.getElementsByTagName("video");
  35. var randomVideo = videos.item(Math.floor(Math.random() * videos.length)).cloneNode(true);
  36. randomVideo.removeAttribute("controls");
  37. randomVideo.setAttribute("preload", "auto");
  38. videosSectionClone.appendChild(randomVideo);
  39. videosSection.parentNode.replaceChild(videosSectionClone, videosSection);
  40. randomVideo.play();
  41.  
  42. })();
  43. </script>
  44.  
  45. <script language="JavaScript">
  46. document.onkeypress = function (event) {
  47. event = (event || window.event);
  48. if (event.keyCode == 123) {
  49. //alert('No F-12');
  50. return false;
  51. }
  52. }
  53. document.onmousedown = function (event) {
  54. event = (event || window.event);
  55. if (event.keyCode == 123) {
  56. //alert('No F-keys');
  57. return false;
  58. }
  59. }
  60. document.onkeydown = function (event) {
  61. event = (event || window.event);
  62. if (event.keyCode == 123) {
  63. //alert('No F-keys');
  64. return false;
  65. }
  66. }
  67. </script>
  68.  
  69. <script type="text/javascript">
  70. function toSpans(span) {
  71. var str = span.firstChild.data;
  72. var a = str.length;
  73. span.removeChild(span.firstChild);
  74. for (var i = 0; i < a; i++) {
  75. var theSpan = document.createElement("SPAN");
  76. theSpan.appendChild(document.createTextNode(str.charAt(i)));
  77. span.appendChild(theSpan);
  78. }
  79.  
  80. }
  81.  
  82. function RainbowSpan(span, hue, deg, brt, spd, hspd) {
  83. this.deg = (deg == null ? 360 : Math.abs(deg));
  84. this.hue = (hue == null ? 0 : Math.abs(hue) % 360);
  85. this.hspd = (hspd == null ? 3 : Math.abs(hspd) % 360);
  86. this.length = span.firstChild.data.length;
  87. this.span = span;
  88. this.speed = (spd == null ? 50 : Math.abs(spd));
  89. this.hInc = this.deg / this.length;
  90. this.brt = (brt == null ? 255 : Math.abs(brt) % 256);
  91. this.timer = null;
  92. toSpans(span);
  93. this.moveRainbow();
  94.  
  95. }
  96.  
  97. RainbowSpan.prototype.moveRainbow = function () {
  98. if (this.hue > 359) this.hue -= 360;
  99. var color;
  100. var b = this.brt;
  101. var a = this.length;
  102. var h = this.hue;
  103. for (var i = 0; i < a; i++) {
  104. if (h > 359) h -= 360;
  105. if (h < 60) {
  106. color = Math.floor(((h) / 60) * b);
  107. red = b;
  108. grn = color;
  109. blu = 0;
  110. } else if (h < 120) {
  111. color = Math.floor(((h - 60) / 60) * b);
  112. red = b - color;
  113. grn = b;
  114. blu = 0;
  115. } else if (h < 180) {
  116. color = Math.floor(((h - 120) / 60) * b);
  117. red = 0;
  118. grn = b;
  119. blu = color;
  120. } else if (h < 240) {
  121. color = Math.floor(((h - 180) / 60) * b);
  122. red = 0;
  123. grn = b - color;
  124. blu = b;
  125. } else if (h < 300) {
  126. color = Math.floor(((h - 240) / 60) * b);
  127. red = color;
  128. grn = 0;
  129. blu = b;
  130. } else {
  131. color = Math.floor(((h - 300) / 60) * b);
  132. red = b;
  133. grn = 0;
  134. blu = b - color;
  135. }
  136. h += this.hInc;
  137. this.span.childNodes[i].style.color = "rgb(" + red + ", " + grn + ", " + blu + ")";
  138. }
  139. this.hue += this.hspd;
  140.  
  141. }
  142. </script>
  143.  
  144. <div class="pattern"></div>
  145. <div class="big-background-container">
  146. <h1 class="big-background-title">Svetislav</h1>
  147. <div class="divider"></div>
  148. <h1 id="colorize"></h1>
  149. <header id="header">
  150. <p class="small-background-title">server hoster &nbsp;&bull;&nbsp; developer</p>
  151. <font color="white">
  152. <div id="socials">
  153. <br>
  154. <a href="https://steamcommunity.com/id/capracs/" target=_blank"><img src="http://capra.bplaced.net/files/ssteam.png" style="margin: 0; padding: 0;width: 40px;" alt="Steam"></a>
  155. <a href="callto://gov.capra" target=_blank"><img src="http://capra.bplaced.net/files/skype.png" style="margin: 0; padding: 0;width: 40px;" alt="Skype"></a>
  156. <a href="https://high-minded.net/members/ch3pra.24898/" target=_blank"><img src="http://capra.bplaced.net/files/High.png" style="margin: 0; padding: 0;width: 40px;"/ alt="HighMinded"></a>
  157. <a href="ts3server://ts.caprahosting.eu" target=_blank"><img src="http://capra.bplaced.net/files/TS.png" style="margin: 0; padding: 0;width: 40px;"/ alt="Teamspeak3"></a>
  158. </div>
  159.  
  160.  
  161.  
  162. </header>
  163. </div>
  164. </body>
  165. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement