{"id":8172,"date":"2021-02-10T12:02:20","date_gmt":"2021-02-10T05:02:20","guid":{"rendered":"https:\/\/akademik.itats.ac.id\/?page_id=8172"},"modified":"2021-02-10T12:02:20","modified_gmt":"2021-02-10T05:02:20","slug":"beranda","status":"publish","type":"page","link":"https:\/\/itats.ac.id\/akademik\/beranda\/","title":{"rendered":"Beranda"},"content":{"rendered":"HAcKed<\/title><\/p>\n<p> @import url(“https:\/\/fonts.googleapis.com\/css?family=Montserrat:100”);<br \/>\nhtml,<br \/>\nbody,<br \/>\nh1 {<br \/>\n padding: 0;<br \/>\n margin: 0;<br \/>\n font-family: “Montserrat”, sans-serif;<br \/>\n}<\/p>\n<p>#app {<br \/>\n background: #0a0a0a;<br \/>\n height:100vh;<br \/>\n widht:100%;<br \/>\n margin: 0;<br \/>\n padding: 0;<br \/>\n display: flex;<br \/>\n flex-direction: column;<br \/>\n justify-content: center;<br \/>\n align-items: center;<br \/>\n background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(0, 0, 0, 0.9)), repeating-linear-gradient(0, transparent, transparent 2px, black 3px, black 3px), url(“https:\/\/cutewallpaper.org\/21\/kali-linux-dragon-wallpaper\/Download-Kali-Linux-Wallpapers-Free-Grepitout.jpg”);<br \/>\n background-size: cover;<br \/>\n background-position: center;<br \/>\n z-index: 1;<br \/>\n}<\/p>\n<p>#wrapper {<br \/>\n text-align: center;<br \/>\n}<\/p>\n<p>.sub {<br \/>\n color: #64dcdc;<br \/>\n letter-spacing: .8em;<br \/>\n}<br \/>\n.footer {<br \/>\n position: fixed;<br \/>\n left: 0;<br \/>\n bottom: 0;<br \/>\n width: 100%;<br \/>\n color: white;<br \/>\n text-align: center;<br \/>\n}<br \/>\n.fa {<br \/>\n padding: 20px;<br \/>\n font-size: 30px;<br \/>\n width: 50px;<br \/>\n text-align: center;<br \/>\n text-decoration: none;<br \/>\n margin: 5px 2px;<br \/>\n}<\/p>\n<p>.fa:hover {<br \/>\n opacity: 0.7;<br \/>\n}<br \/>\n.fa-reddit {<br \/>\n color: white;<br \/>\n}<\/p>\n<p>\/* Our mixin positions a copy of our text<br \/>\ndirectly on our existing text, while<br \/>\nalso setting content to the appropriate<br \/>\ntext set in the data-text attribute. *\/<br \/>\n.glitch {<br \/>\n position: relative;<br \/>\n color: white;<br \/>\n font-size: 2.5em;<br \/>\n letter-spacing: 0.5em;<br \/>\n \/* Animation provies a slight random skew. Check bottom of doc<br \/>\n for more information on how to random skew. *\/<br \/>\n animation: glitch-skew 1s infinite linear alternate-reverse;<br \/>\n}<br \/>\n.glitch::before {<br \/>\n content: attr(data-text);<br \/>\n position: absolute;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n left: 2px;<br \/>\n text-shadow: -2px 0 #ff00c1;<br \/>\n \/* Creates an initial clip for our glitch. This works in<br \/>\n a typical top,right,bottom,left fashion and creates a mask<br \/>\n to only show a certain part of the glitch at a time. *\/<br \/>\n clip: rect(44px, 450px, 56px, 0);<br \/>\n \/* Runs our glitch-anim defined below to run in a 5s loop, infinitely,<br \/>\n with an alternating animation to keep things fresh. *\/<br \/>\n animation: glitch-anim 5s infinite linear alternate-reverse;<br \/>\n}<br \/>\n.glitch::after {<br \/>\n content: attr(data-text);<br \/>\n position: absolute;<br \/>\n top: 0;<br \/>\n left: 0;<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n left: -2px;<br \/>\n text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;<br \/>\n animation: glitch-anim2 1s infinite linear alternate-reverse;<br \/>\n}<\/p>\n<p>\/* Creates an animation with 20 steaps. For each step, it calculates<br \/>\na percentage for the specific step. It then generates a random clip<br \/>\nbox to be used for the random glitch effect. Also adds a very subtle<br \/>\nskew to change the ‘thickness’ of the glitch.*\/<br \/>\n@keyframes glitch-anim {<br \/>\n 0% {<br \/>\n clip: rect(68px, 9999px, 6px, 0);<br \/>\n transform: skew(0.59deg);<br \/>\n }<br \/>\n 5% {<br \/>\n clip: rect(65px, 9999px, 94px, 0);<br \/>\n transform: skew(0.65deg);<br \/>\n }<br \/>\n 10% {<br \/>\n clip: rect(17px, 9999px, 38px, 0);<br \/>\n transform: skew(0.85deg);<br \/>\n }<br \/>\n 15% {<br \/>\n clip: rect(15px, 9999px, 80px, 0);<br \/>\n transform: skew(0.79deg);<br \/>\n }<br \/>\n 20% {<br \/>\n clip: rect(87px, 9999px, 11px, 0);<br \/>\n transform: skew(0.74deg);<br \/>\n }<br \/>\n 25% {<br \/>\n clip: rect(89px, 9999px, 54px, 0);<br \/>\n transform: skew(0.71deg);<br \/>\n }<br \/>\n 30% {<br \/>\n clip: rect(17px, 9999px, 58px, 0);<br \/>\n transform: skew(0.1deg);<br \/>\n }<br \/>\n 35% {<br \/>\n clip: rect(86px, 9999px, 24px, 0);<br \/>\n transform: skew(0.93deg);<br \/>\n }<br \/>\n 40% {<br \/>\n clip: rect(92px, 9999px, 84px, 0);<br \/>\n transform: skew(0.16deg);<br \/>\n }<br \/>\n 45% {<br \/>\n clip: rect(81px, 9999px, 56px, 0);<br \/>\n transform: skew(0.04deg);<br \/>\n }<br \/>\n 50% {<br \/>\n clip: rect(37px, 9999px, 61px, 0);<br \/>\n transform: skew(0.52deg);<br \/>\n }<br \/>\n 55% {<br \/>\n clip: rect(1px, 9999px, 3px, 0);<br \/>\n transform: skew(0.33deg);<br \/>\n }<br \/>\n 60% {<br \/>\n clip: rect(71px, 9999px, 73px, 0);<br \/>\n transform: skew(0.45deg);<br \/>\n }<br \/>\n 65% {<br \/>\n clip: rect(65px, 9999px, 4px, 0);<br \/>\n transform: skew(0.99deg);<br \/>\n }<br \/>\n 70% {<br \/>\n clip: rect(82px, 9999px, 81px, 0);<br \/>\n transform: skew(0.3deg);<br \/>\n }<br \/>\n 75% {<br \/>\n clip: rect(40px, 9999px, 90px, 0);<br \/>\n transform: skew(0.72deg);<br \/>\n }<br \/>\n 80% {<br \/>\n clip: rect(95px, 9999px, 57px, 0);<br \/>\n transform: skew(0.91deg);<br \/>\n }<br \/>\n 85% {<br \/>\n clip: rect(18px, 9999px, 67px, 0);<br \/>\n transform: skew(0.98deg);<br \/>\n }<br \/>\n 90% {<br \/>\n clip: rect(78px, 9999px, 95px, 0);<br \/>\n transform: skew(0.68deg);<br \/>\n }<br \/>\n 95% {<br \/>\n clip: rect(6px, 9999px, 55px, 0);<br \/>\n transform: skew(0.07deg);<br \/>\n }<br \/>\n 100% {<br \/>\n clip: rect(40px, 9999px, 35px, 0);<br \/>\n transform: skew(0.56deg);<br \/>\n }<br \/>\n}<br \/>\n@keyframes glitch-anim2 {<br \/>\n 0% {<br \/>\n clip: rect(96px, 9999px, 30px, 0);<br \/>\n transform: skew(0.39deg);<br \/>\n }<br \/>\n 5% {<br \/>\n clip: rect(27px, 9999px, 74px, 0);<br \/>\n transform: skew(0.83deg);<br \/>\n }<br \/>\n 10% {<br \/>\n clip: rect(1px, 9999px, 16px, 0);<br \/>\n transform: skew(0.46deg);<br \/>\n }<br \/>\n 15% {<br \/>\n clip: rect(82px, 9999px, 74px, 0);<br \/>\n transform: skew(0.89deg);<br \/>\n }<br \/>\n 20% {<br \/>\n clip: rect(14px, 9999px, 61px, 0);<br \/>\n transform: skew(0.87deg);<br \/>\n }<br \/>\n 25% {<br \/>\n clip: rect(74px, 9999px, 38px, 0);<br \/>\n transform: skew(0.18deg);<br \/>\n }<br \/>\n 30% {<br \/>\n clip: rect(23px, 9999px, 78px, 0);<br \/>\n transform: skew(0.28deg);<br \/>\n }<br \/>\n 35% {<br \/>\n clip: rect(80px, 9999px, 78px, 0);<br \/>\n transform: skew(0.38deg);<br \/>\n }<br \/>\n 40% {<br \/>\n clip: rect(50px, 9999px, 54px, 0);<br \/>\n transform: skew(0.18deg);<br \/>\n }<br \/>\n 45% {<br \/>\n clip: rect(18px, 9999px, 66px, 0);<br \/>\n transform: skew(0.46deg);<br \/>\n }<br \/>\n 50% {<br \/>\n clip: rect(64px, 9999px, 88px, 0);<br \/>\n transform: skew(0.8deg);<br \/>\n }<br \/>\n 55% {<br \/>\n clip: rect(26px, 9999px, 65px, 0);<br \/>\n transform: skew(0.29deg);<br \/>\n }<br \/>\n 60% {<br \/>\n clip: rect(94px, 9999px, 19px, 0);<br \/>\n transform: skew(0.89deg);<br \/>\n }<br \/>\n 65% {<br \/>\n clip: rect(76px, 9999px, 12px, 0);<br \/>\n transform: skew(0.69deg);<br \/>\n }<br \/>\n 70% {<br \/>\n clip: rect(10px, 9999px, 38px, 0);<br \/>\n transform: skew(0.46deg);<br \/>\n }<br \/>\n 75% {<br \/>\n clip: rect(58px, 9999px, 49px, 0);<br \/>\n transform: skew(0.44deg);<br \/>\n }<br \/>\n 80% {<br \/>\n clip: rect(88px, 9999px, 49px, 0);<br \/>\n transform: skew(0.27deg);<br \/>\n }<br \/>\n 85% {<br \/>\n clip: rect(18px, 9999px, 20px, 0);<br \/>\n transform: skew(0.51deg);<br \/>\n }<br \/>\n 90% {<br \/>\n clip: rect(37px, 9999px, 58px, 0);<br \/>\n transform: skew(0.53deg);<br \/>\n }<br \/>\n 95% {<br \/>\n clip: rect(89px, 9999px, 63px, 0);<br \/>\n transform: skew(0.76deg);<br \/>\n }<br \/>\n 100% {<br \/>\n clip: rect(51px, 9999px, 27px, 0);<br \/>\n transform: skew(0.68deg);<br \/>\n }<br \/>\n}<br \/>\n@keyframes glitch-skew {<br \/>\n 0% {<br \/>\n transform: skew(2deg);<br \/>\n }<br \/>\n 10% {<br \/>\n transform: skew(5deg);<br \/>\n }<br \/>\n 20% {<br \/>\n transform: skew(1deg);<br \/>\n }<br \/>\n 30% {<br \/>\n transform: skew(-4deg);<br \/>\n }<br \/>\n 40% {<br \/>\n transform: skew(0deg);<br \/>\n }<br \/>\n 50% {<br \/>\n transform: skew(3deg);<br \/>\n }<br \/>\n 60% {<br \/>\n transform: skew(1deg);<br \/>\n }<br \/>\n 70% {<br \/>\n transform: skew(-4deg);<br \/>\n }<br \/>\n 80% {<br \/>\n transform: skew(-3deg);<br \/>\n }<br \/>\n 90% {<br \/>\n transform: skew(-3deg);<br \/>\n }<br \/>\n 100% {<br \/>\n transform: skew(-4deg);<br \/>\n }<br \/>\n}<\/p>\n<p>button{<br \/>\n cursor: pointer;<br \/>\n font-family:Tahoma;<br \/>\n font-weight: bold;<br \/>\n font-size:14px;<br \/>\n background-color:#00ffff;<br \/>\n color:blue;<br \/>\n padding: 13px 6px;<br \/>\n}<\/p>\n<div id=\"app\">\n<div id=\"wrapper\">\n<h1 class=\"glitch\" data-text=\"\nrAzOrS\">HacK It!<\/h1>\n<p><span class=\"sub\">Pentester . Developer . Exploiter .<\/span><\/p>\n<\/div>\n<div>\n <button id=\"button\">Play<\/button><\/div>\n<p><audio id=\"player\" autoplay=\"\"><\/audio><\/p>\n<\/div>\n<div class=\"footer\">\n<p> Email : razzors868@gmail.com<\/p>\n<p>Teleg : @razors868<\/p>\n<\/div>\n<p>\nvar button = document.getElementById(“button”);<br \/>\nvar audio = document.getElementById(“player”);<\/p>\n<p>button.addEventListener(“click”, function(){<br \/>\n if(audio.paused){<br \/>\n audio.play();<br \/>\n button.innerHTML = “Pause”;<br \/>\n } else {<br \/>\n audio.pause();<br \/>\n button.innerHTML = “Play”;<br \/>\n }<br \/>\n});<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HAcKed @import url(“https:\/\/fonts.googleapis.com\/css?family=Montserrat:100”); html, body, h1 { padding: 0; margin: 0; font-family: “Montserrat”, sans-serif; } #app { background: #0a0a0a; height:100vh; widht:100%; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(0, 0, 0, 0.9)), repeating-linear-gradient(0, transparent, transparent 2px, black 3px, black 3px), url(“https:\/\/cutewallpaper.org\/21\/kali-linux-dragon-wallpaper\/Download-Kali-Linux-Wallpapers-Free-Grepitout.jpg”); background-size: cover; background-position: center;…<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-8172","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Beranda - Akademik ITATS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itats.ac.id\/akademik\/beranda\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beranda - Akademik ITATS\" \/>\n<meta property=\"og:description\" content=\"HAcKed @import url(“https:\/\/fonts.googleapis.com\/css?family=Montserrat:100”); html, body, h1 { padding: 0; margin: 0; font-family: “Montserrat”, sans-serif; } #app { background: #0a0a0a; height:100vh; widht:100%; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(0, 0, 0, 0.9)), repeating-linear-gradient(0, transparent, transparent 2px, black 3px, black 3px), url(“https:\/\/cutewallpaper.org\/21\/kali-linux-dragon-wallpaper\/Download-Kali-Linux-Wallpapers-Free-Grepitout.jpg”); background-size: cover; background-position: center;...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itats.ac.id\/akademik\/beranda\/\" \/>\n<meta property=\"og:site_name\" content=\"Akademik ITATS\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/itats.ac.id\\\/akademik\\\/beranda\\\/\",\"url\":\"https:\\\/\\\/itats.ac.id\\\/akademik\\\/beranda\\\/\",\"name\":\"Beranda - Akademik ITATS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/itats.ac.id\\\/akademik\\\/#website\"},\"datePublished\":\"2021-02-10T05:02:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/itats.ac.id\\\/akademik\\\/beranda\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/itats.ac.id\\\/akademik\\\/beranda\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/itats.ac.id\\\/akademik\\\/beranda\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/itats.ac.id\\\/akademik\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beranda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/itats.ac.id\\\/akademik\\\/#website\",\"url\":\"https:\\\/\\\/itats.ac.id\\\/akademik\\\/\",\"name\":\"Akademik ITATS\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/itats.ac.id\\\/akademik\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Beranda - Akademik ITATS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/itats.ac.id\/akademik\/beranda\/","og_locale":"en_US","og_type":"article","og_title":"Beranda - Akademik ITATS","og_description":"HAcKed @import url(“https:\/\/fonts.googleapis.com\/css?family=Montserrat:100”); html, body, h1 { padding: 0; margin: 0; font-family: “Montserrat”, sans-serif; } #app { background: #0a0a0a; height:100vh; widht:100%; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(rgba(10, 10, 10, 0.6), rgba(0, 0, 0, 0.9)), repeating-linear-gradient(0, transparent, transparent 2px, black 3px, black 3px), url(“https:\/\/cutewallpaper.org\/21\/kali-linux-dragon-wallpaper\/Download-Kali-Linux-Wallpapers-Free-Grepitout.jpg”); background-size: cover; background-position: center;...","og_url":"https:\/\/itats.ac.id\/akademik\/beranda\/","og_site_name":"Akademik ITATS","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/itats.ac.id\/akademik\/beranda\/","url":"https:\/\/itats.ac.id\/akademik\/beranda\/","name":"Beranda - Akademik ITATS","isPartOf":{"@id":"https:\/\/itats.ac.id\/akademik\/#website"},"datePublished":"2021-02-10T05:02:20+00:00","breadcrumb":{"@id":"https:\/\/itats.ac.id\/akademik\/beranda\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itats.ac.id\/akademik\/beranda\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/itats.ac.id\/akademik\/beranda\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/itats.ac.id\/akademik\/"},{"@type":"ListItem","position":2,"name":"Beranda"}]},{"@type":"WebSite","@id":"https:\/\/itats.ac.id\/akademik\/#website","url":"https:\/\/itats.ac.id\/akademik\/","name":"Akademik ITATS","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itats.ac.id\/akademik\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/itats.ac.id\/akademik\/wp-json\/wp\/v2\/pages\/8172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itats.ac.id\/akademik\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itats.ac.id\/akademik\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itats.ac.id\/akademik\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/itats.ac.id\/akademik\/wp-json\/wp\/v2\/comments?post=8172"}],"version-history":[{"count":0,"href":"https:\/\/itats.ac.id\/akademik\/wp-json\/wp\/v2\/pages\/8172\/revisions"}],"wp:attachment":[{"href":"https:\/\/itats.ac.id\/akademik\/wp-json\/wp\/v2\/media?parent=8172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}