API tools faq
paste
jeckerx

hack

jeckerx
Jan 27th, 2013
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link href='http://s9.postimage.org/rflwptl0f/Cyb3r_Se_C_Crew.gif' rel='shortcut icon'/>
  5. <title>HackeD By JeckerX</title>
  6. <meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com">
  7. <style type="text/css">
  8. body {
  9. margin: 0px;
  10. padding: 0px;
  11. background:
  12.  
  13. url(http://s8.postimage.org/v81vsvkol/l_Qbfl.png);
  14. width: 100%;
  15. height: 100%;
  16. color:#fff;
  17. font-size: 12px;
  18. font-family: arial,verdana;
  19. overflow: hidden;
  20. }
  21. #target {
  22. position: absolute;
  23. left: -999px;
  24. -webkit-transform: translate3d(0,0,0); // enable hardware acceleration in Webkit
  25. }
  26. #robots img {
  27. position: absolute;
  28. }
  29. #robot-1 {
  30. position:fixed;
  31. left:20%;
  32. top:0px;
  33. -webkit-transform: translate3d(0,0,0); // enable hardware acceleration in Webkit
  34. }
  35. #robot-2 {
  36. position:fixed;
  37. left:20%;
  38. bottom:0px;
  39. -webkit-transform: translate3d(0,0,0);
  40. }
  41. #robot-3 {
  42. position:fixed;
  43. left:80%;
  44. top:0px;
  45. -webkit-transform: translate3d(0,0,0);
  46. }
  47. #robot-4 {
  48. position:fixed;
  49. left:80%;
  50. bottom:0px;
  51. -webkit-transform: translate3d(0,0,0);
  52. }
  53. #wrapper
  54. {
  55. width:800px;
  56. text-align:center;
  57. margin:auto auto;
  58. overflow:hidden;
  59. }
  60.  
  61. #content
  62. {
  63. width:800px ;
  64. margin:30% auto;
  65. }
  66.  
  67.  
  68. </style>
  69.  
  70. <script type="text/javascript">
  71. // ===============================================================================
  72. // ***** robot arm - inverse kinematics *****
  73. // -----------------------------------------------------------------------------
  74. // JavaScript: Gerard Ferrandez - 10 August 2011
  75. // http://www.dhteumeuleu.com/
  76. // Licensed under a CC-BY-NC license
  77. // -----------------------------------------------------------------------------
  78. // cross-browser rotation CSS 2D Transforms (won't support IE < 9)
  79. // Tested OK on iPad 2: Hardware acceleration + touch-events supported
  80. // ===============================================================================
  81.  
  82. "use strict";
  83.  
  84. (function () {
  85. // ----- private vars -----
  86. var robots = [];
  87. var mouseX = 0, mouseY = 0, target, targetX = 0, targetY = 0, targetW = 0, targetH = 0;
  88. var transform, transformOrigin;
  89. // ----- Robot prototype -----
  90. var Robot = function (span) {
  91. this.span = span;
  92. this.armSegments = [];
  93. this.numSegments = 1;
  94. this.y = 0;
  95. // ---- root ----
  96. this.armSegments.push(
  97. new ArmSegment (this, false)
  98. );
  99. // ---- html defined arms ----
  100. var s = span.getElementsByTagName("img");
  101. for (var img, i = 0; img = s[i++];) {
  102. this.numSegments ++;
  103. this.armSegments.push(
  104. new ArmSegment (this, img)
  105. );
  106. }
  107. };
  108. // ----- animation function -----
  109. Robot.prototype.anim = function () {
  110. // ----- tracking mouse -----
  111. var seg1 = this.armSegments[this.numSegments - 1];
  112. seg1.x += (targetX - seg1.x - this.span.offsetLeft) * 0.075;
  113. seg1.y += (targetY - seg1.y - this.span.offsetTop) * 0.075;
  114. // ----- inverse kinematics -----
  115. var i = this.numSegments - 1;
  116. while ( --i ) {
  117. // ---- bottom up chain ----
  118. var seg0 = this.armSegments[i];
  119. var seg1 = this.armSegments[i + 1];
  120. var a = Math.atan2(seg0.y - seg1.y, seg0.x - seg1.x);
  121. seg0.x = seg1.x + Math.cos(a) * seg1.length;
  122. seg0.y = seg1.y + Math.sin(a) * seg1.length;
  123. }
  124. var i = 0, seg0, seg1;
  125. while ( seg0 = this.armSegments[i++]) {
  126. // ---- up bottom chain ----
  127. if (i > 1) {
  128. var seg1 = this.armSegments[i - 2];
  129. var a = seg0.a = Math.atan2(seg0.y - seg1.y, seg0.x - seg1.x);
  130. seg0.x = seg1.x + Math.cos(a) * seg0.length;
  131. seg0.y = seg1.y + Math.sin(a) * seg0.length;
  132. }
  133. // ---- CSS 2D transforms animation -----
  134. // round values using bitewise hacks - see http://jsperf.com/math-round-vs-hack/3
  135. if (seg0.img) {
  136. seg0.css[transform] = "translate("
  137. + ((0.5 + seg0.x - seg0.sx) | 0) + "px,"
  138. + ((0.5 + seg0.y - seg0.sy) | 0) + "px) rotate(" + seg0.a + "rad)";
  139. seg0.css[transformOrigin] = ((0.5 + seg0.sx) | 0) + "px "
  140. + ((0.5 + seg0.sy) | 0) + "px";
  141. }
  142. }
  143. }
  144. // ----- Arm prototype -----
  145. var ArmSegment = function(parent, img) {
  146. this.img = img;
  147. this.width = 0;
  148. this.length = 0;
  149. this.sx = 0;
  150. this.a = 0;
  151. this.x = 0;
  152. if (img) {
  153. this.css = img.style;
  154. this.sy = Math.round(img.height * 0.5);
  155. this.length = img.width - this.sy;
  156. this.sx = img.width;
  157. }
  158. this.y = parent.y;
  159. parent.y += this.length;
  160. }
  161.  
  162. // ----- main loop -----
  163. var run = function () {
  164. // ---- target ----
  165. if (target) {
  166. targetX += (mouseX - targetX) * 0.2;
  167. targetY += (mouseY - targetY) * 0.2;
  168. target.left = ((targetX + 0.5 - targetW) | 0) + "px";
  169. target.top = ((targetY + 0.5 - targetH) | 0) + "px";
  170. } else {
  171. targetX = mouseX;
  172. targetY = mouseY;
  173. }
  174. // ---- robots ----
  175. for (var r, i = 0; r = robots[i++];) {
  176. r.anim();
  177. }
  178. };
  179. ////////////////////////////////////////////////////////////////////////////////////////
  180. // ----- initialization -----
  181. var init = function () {
  182. // ----- CSS3 2D transforms browsers prefix detection -----
  183. var t = ["transform", "msTransform", "MozTransform", "WebkitTransform", "OTransform"];
  184. for (var test, i = 0; test = t[i++];) {
  185. if (typeof document.body.style[test] != "undefined") {
  186. transform = test;
  187. transformOrigin = test + "Origin";
  188. break;
  189. }
  190. }
  191. // ---- instanciate robot arms ----
  192. var s = document.getElementById("robots").getElementsByTagName("span");
  193. for (var r, i = 0; r = s[i++];) {
  194. robots.push(
  195. new Robot (r)
  196. );
  197. }
  198. // ---- target ----
  199. target = document.getElementById("target");
  200. if (target) {
  201. targetW = target.width / 2;
  202. targetH = target.height / 2;
  203. target = target.style;
  204. }
  205. // ---- mouse event ----
  206. document.addEventListener('mousemove', function (e) {
  207. mouseX = e.clientX;
  208. mouseY = e.clientY;
  209. }, false);
  210. targetX = mouseX = window.innerWidth / 2;
  211. targetY = mouseY = window.innerHeight / 2;
  212. // ----- touch events -----
  213. document.addEventListener('touchmove', function (e) { touchwk(e); }, false);
  214. document.addEventListener('touchstart', function (e) { touchwk(e); }, false);
  215. var touchwk = function (e) {
  216. e.preventDefault();
  217. var touch = e.touches[0];
  218. mouseX = touch.clientX;
  219. mouseY = touch.clientY;
  220. }
  221. // ----- start engine -----
  222. if (transform) setInterval(run, 16);
  223. };
  224.  
  225. return {
  226. ////////////////////////////////////////////////////////////////////////////
  227. // ---- launch script -----
  228. load : function (params) {
  229. window.addEventListener('load', function () {
  230. init();
  231. }, false);
  232. }
  233. }
  234. })().load();
  235. </script>
  236. </head>
  237. <body>
  238. <img id="target" src="" alt="">
  239. <div id="robots">
  240.  
  241. <span id="robot-1">
  242. <img src="http://www.dhteumeuleu.com/images/arm01.png" alt="">
  243. <img src="http://www.dhteumeuleu.com/images/arm02.png" alt="">
  244. <img src="http://www.dhteumeuleu.com/images/arm03.png" alt="">
  245. <img src="http://www.dhteumeuleu.com/images/arm04.png" alt="">
  246. </span>
  247. <span id="robot-2">
  248. <img src="http://www.dhteumeuleu.com/images/arm01.png" alt="">
  249. <img src="http://www.dhteumeuleu.com/images/arm02.png" alt="">
  250.  
  251. <img src="http://www.dhteumeuleu.com/images/arm03.png" alt="">
  252. <img src="http://www.dhteumeuleu.com/images/arm04.png" alt="">
  253. </span>
  254. <span id="robot-3">
  255. <img src="http://www.dhteumeuleu.com/images/arm01.png" alt="">
  256. <img src="http://www.dhteumeuleu.com/images/arm02.png" alt="">
  257. <img src="http://www.dhteumeuleu.com/images/arm03.png" alt="">
  258. <img src="http://www.dhteumeuleu.com/images/arm04.png" alt="">
  259. </span>
  260.  
  261. <span id="robot-4">
  262. <img src="http://www.dhteumeuleu.com/images/arm01.png" alt="">
  263. <img src="http://www.dhteumeuleu.com/images/arm02.png" alt="">
  264. <img src="http://www.dhteumeuleu.com/images/arm03.png" alt="">
  265. <img src="http://www.dhteumeuleu.com/images/arm04.png" alt="">
  266. </span>
  267. </div>
  268. <div id="wrapper">
  269. <div id="content">
  270.  
  271. <marquee
  272.  
  273.  
  274. Greetz :<br>
  275.  
  276. <br>
  277.  
  278. INDONESIA FIGHTER CYBER</marquee>
  279.  
  280.  
  281. </div>
  282.  
  283. </div> <!-- Akhir dari tag wrapper -->
  284. <object type="application/x-shockwave-flash" data="http://www.youtube.com/watch?v=iN1uaITfA1c" width="1"
  285.  
  286. height="5" align="left"> <param name="movie" value="f"> <param name="bgcolor" value="#000000"> <param
  287.  
  288. name="FlashVars"
  289.  
  290. value="mp3=http://www.youtube.com/watch?v=iN1uaITfA1c&amp;autoplay=1&amp;loadingcolor=000
  291.  
  292. 000&amp;buttoncolor=000000&amp;slidercolor=000000"> </object>
  293.  
  294. </body>
  295. </html>
  296. <!-- Hosting24 Analytics Code -->
  297. <script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
  298. <!-- End Of Analytics Code -->
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!