├── google2f742af40be37ae6.html ├── image └── 1.jpg ├── css ├── kedipterminal.css ├── kedipjam.css ├── blur.css ├── bgandterminal.css ├── menu.css └── custom.css ├── js ├── terminal1.js ├── tanggal.js ├── jam.js ├── terminal.js ├── cat.js ├── jquery.countdown.min.js ├── jquery.countdown.js └── garis.js ├── README.md ├── index.php └── DES.php /google2f742af40be37ae6.html: -------------------------------------------------------------------------------- 1 | google-site-verification: google2f742af40be37ae6.html -------------------------------------------------------------------------------- /image/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ridhoreynaldo/Algoritma-Kriptografi-DES/HEAD/image/1.jpg -------------------------------------------------------------------------------- /css/kedipterminal.css: -------------------------------------------------------------------------------- 1 | 2 | .a{ 3 | -webkit-animation: fade-in 0.27s linear infinite alternate; 4 | 5 | color: #00fafe; 6 | } 7 | -------------------------------------------------------------------------------- /js/terminal1.js: -------------------------------------------------------------------------------- 1 | new TypingText(document.getElementById("message"), 50, function(i){ var ar 2 | = new Array(""); return " " + ar[i.length % ar.length]; }); 3 | //Type out examples: 4 | TypingText.runAll(); -------------------------------------------------------------------------------- /js/tanggal.js: -------------------------------------------------------------------------------- 1 | var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember']; 2 | var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum'at', 'Sabtu']; 3 | var date = new Date(); 4 | var day = date.getDate(); 5 | var month = date.getMonth(); 6 | var thisDay = date.getDay(), 7 | thisDay = myDays[thisDay]; 8 | var yy = date.getYear(); 9 | var year = (yy < 1000) ? yy + 1900 : yy; 10 | document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year); 11 | -------------------------------------------------------------------------------- /js/jam.js: -------------------------------------------------------------------------------- 1 | function renderTime(){ 2 | var currentTime = new Date(); 3 | var h = currentTime.getHours(); 4 | var m = currentTime.getMinutes(); 5 | var s = currentTime.getSeconds(); 6 | if (h == 0){ 7 | h = 24; 8 | } 9 | if (h < 10){ 10 | h = "0" + h; 11 | } 12 | if (m < 10){ 13 | m = "0" + m; 14 | } 15 | if (s < 10){ 16 | s = "0" + s; 17 | } 18 | var myClock = document.getElementById('clockDisplay'); 19 | myClock.textContent = h + ":" + m + ":" + s + ""; 20 | setTimeout ('renderTime()',1000); 21 | } 22 | renderTime(); 23 | -------------------------------------------------------------------------------- /css/kedipjam.css: -------------------------------------------------------------------------------- 1 | 2 | .anic { 3 | -webkit-animation: fade-in 0.27s linear infinite alternate; 4 | -moz-animation: fade-in 0.27s linear infinite alternate; 5 | animation: fade-in 0.27s linear infinite alternate; 6 | font-family:comic sans ms; 7 | color:00fafe; 8 | } 9 | @-moz-keyframes fade-in { 10 | 0% { 11 | opacity: 0; 12 | } 13 | 65% { 14 | opacity: 1; 15 | } 16 | } 17 | @-webkit-keyframes fade-in { 18 | 0% { 19 | opacity: 0; 20 | } 21 | 65% { 22 | opacity: 1; 23 | } 24 | } 25 | @keyframes fade-in { 26 | 0% { 27 | opacity: 0; 28 | } 29 | 65% { 30 | opacity: 1; 31 | } 32 | } -------------------------------------------------------------------------------- /css/blur.css: -------------------------------------------------------------------------------- 1 | body, html { 2 | height: 100%; 3 | } 4 | 5 | * { 6 | box-sizing: border-box; 7 | } 8 | .bg-image { 9 | background: url(../image/1.jpg); 10 | margin: 0; 11 | padding: 0; 12 | background-size: 100%; 13 | filter: blur(8px); 14 | -webkit-filter: blur(8px); 15 | 16 | height: 100%; 17 | background-position: center; 18 | background-repeat: no-repeat; 19 | background-size: cover; 20 | } 21 | 22 | 23 | /* Position text in the middle of the page/image */ 24 | .bg-text { 25 | position: absolute; 26 | top: 40%; 27 | left: 50%; 28 | transform: translate(-50%, -50%); 29 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Author : Ridho Reynaldo 2 | 3 | Organization : Universitas Islam Negeri Sumatera Utara 4 | 5 | Date : 24 April 2022 6 | 7 | Resource : Github https://github.com/ridhoreynaldo 8 | 9 | Instagram : https://instagram.com/ridho_reynaldo 10 | 11 | Note : Ini Dibuat dengan Algoritma Cryptography DES-ECB(Electronic Codebook) 12 | Menggunakan Fungsi DES Manual Dan Otomatis(openssl). 13 | Silahkan Eksplorasi. 14 | Perhitungan Manual dan BAB IV Silahkan Hubungi Instagram 15 | 16 | Masukkan File apa saja untuk dienkripsi 17 | masukkan kunci ascii/string 8digit 18 | 19 | file di enkripsi cek dengan notepad dan find 8 digit terakhir sebelum tanda :: maka sesuaikan dengan perhitungan manual 20 | -------------------------------------------------------------------------------- /css/bgandterminal.css: -------------------------------------------------------------------------------- 1 | 2 | #wrapper{ 3 | 4 | width: 800px; 5 | 6 | margin: 10px auto; 7 | 8 | text-align: left; 9 | 10 | background: url('') no-repeat center center fixed ; 11 | 12 | } 13 | 14 | #console{ 15 | 16 | height: 400px; 17 | 18 | overflow: auto; 19 | 20 | background-color: #000; 21 | 22 | padding: 15px; 23 | 24 | font-family: monospace; 25 | 26 | font-size: 12px; 27 | 28 | 29 | } 30 | 31 | .box{ 32 | 33 | -moz-box-shadow: 1px 1px 8px #00fafe; 34 | 35 | -webkit-box-shadow: 1px 1px 8px #00fafe; 36 | 37 | box-shadow: 1px 1px 8px #00fafe; 38 | 39 | border: solid 1px black; 40 | 41 | -webkit-border-radius: 8px 8px 0px 0px; 42 | 43 | -moz-border-radius: 8px 8px 0px 0px; 44 | 45 | border-radius: 8px 8px 0px 0px; 46 | 47 | margin: 15px 0px; 48 | 49 | background-color: #00fafe; 50 | 51 | opacity: 0.8; 52 | 53 | } 54 | 55 | .prefix{ 56 | 57 | color: #00fafe; 58 | 59 | } -------------------------------------------------------------------------------- /css/menu.css: -------------------------------------------------------------------------------- 1 | nav { 2 | margin: 10px auto 0; 3 | 4 | position: relative; 5 | width: 210px; 6 | height: 50px; 7 | background-color: #34495e; 8 | border-radius: 8px; 9 | font-size: 0; 10 | } 11 | nav a { 12 | line-height: 50px; 13 | height: 100%; 14 | font-size: 15px; 15 | display: inline-block; 16 | position: relative; 17 | z-index: 1; 18 | text-decoration: none; 19 | text-transform: uppercase; 20 | text-align: center; 21 | color: white; 22 | cursor: pointer; 23 | } 24 | nav .animation { 25 | position: absolute; 26 | height: 100%; 27 | top: 0; 28 | z-index: 0; 29 | transition: all .5s ease 0s; 30 | border-radius: 8px; 31 | } 32 | a:nth-child(1) { 33 | width: 100px; 34 | left: 10; 35 | } 36 | a:nth-child(2) { 37 | width: 110px; 38 | left: 15; 39 | } 40 | nav .start-index, a:nth-child(1):hover~.animation { 41 | width: 135px; 42 | left: 0; 43 | background-color: #17a836; 44 | } 45 | nav .start-about, a:nth-child(2):hover~.animation { 46 | width: 70px; 47 | left: 140px; 48 | background-color: #a11b5a; 49 | } -------------------------------------------------------------------------------- /css/custom.css: -------------------------------------------------------------------------------- 1 | body{ 2 | background: url(../img/chess-1.jpg) #132533 no-repeat center center; 3 | -webkit-background-size: cover; 4 | background-size: cover; 5 | height: 100vh; 6 | } 7 | .login-container{ 8 | position: absolute; 9 | top: 50%; 10 | left: 50%; 11 | transform: translate(-50%,-50%); 12 | } 13 | .login-container .login-content{ 14 | background: rgba(0, 0, 0, 0.4); 15 | } 16 | .pos-r{ 17 | position: relative; 18 | } 19 | .login-container .login-header{ 20 | padding: 10px 30px; 21 | } 22 | .login-container, .login-container a,.login-container input{ 23 | color: #ffffff; 24 | } 25 | .login-container .login-title span{ 26 | padding: 10px 20px; 27 | display: inline-block; 28 | margin-bottom: 20px; 29 | text-shadow: -1px 1px 1px rgb(17, 42, 51); 30 | } 31 | .login-container .login-title span strong{ 32 | color: #4bccff; 33 | } 34 | .login-container .login-body{ 35 | padding: 30px 30px; 36 | } 37 | .login-container .login-body input.form-control{ 38 | background: rgba(0, 0, 0, 0.7); 39 | height: 50px; 40 | border-radius: 0; 41 | -webkit-box-shadow: none; 42 | -moz-box-shadow: none; 43 | box-shadow: none; 44 | border: none; 45 | border-left: 3px solid transparent; 46 | font-size: 16px; 47 | -o-transition:all .5s; 48 | -webkit-transition:all .5s; 49 | transition:all .5s; 50 | } 51 | .login-container .login-body input.form-control:focus{ 52 | border-color: #4bccff; 53 | } 54 | .login-container .login-body input.form-control + i{ 55 | position: absolute; 56 | right: 15px; 57 | top: 15px; 58 | font-size: 20px; 59 | color: rgb(24, 80, 103); 60 | -o-transition:all .5s; 61 | -webkit-transition:all .5s; 62 | transition:all .5s; 63 | } 64 | .login-container .login-body input.form-control:focus + i{ 65 | color: #4bccff; 66 | } 67 | .login-container .login-body button { 68 | height: 50px; 69 | -moz-border-radius: 0px; 70 | -webkit-border-radius: 0px; 71 | border-radius: 0px; 72 | font-size: 20px; 73 | } 74 | .login-container .login-footer{ 75 | padding: 20px 0; 76 | } 77 | .template h5 a { 78 | color: #4bccff; 79 | } 80 | 81 | @media only screen and (max-width: 600px), screen and (max-height: 610px) { 82 | 83 | .login-container { 84 | padding: 0px; 85 | } 86 | .login-container .login-title span { 87 | padding: 0px; 88 | margin-bottom: 10px; 89 | } 90 | .login-container .login-content { 91 | background: none; 92 | -moz-box-shadow: none; 93 | -webkit-box-shadow: none; 94 | box-shadow:none; 95 | } 96 | .login-header { 97 | display: none; 98 | } 99 | .login-container .login-body { 100 | padding: 10px 10px; 101 | } 102 | .login-container .login-footer { 103 | padding: 0; 104 | } 105 | } 106 | @media only screen and (max-height: 400px) { 107 | .login-container{ 108 | position: static; 109 | transform:none; 110 | padding: 0; 111 | } 112 | } -------------------------------------------------------------------------------- /js/terminal.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | // Tested By ./ rr.M30W 4 | 5 | TypingText = function(element, interval, cursor, finishedCallback) { 6 | 7 | if((typeof document.getElementById == "undefined") || (typeof 8 | 9 | 10 | 11 | element.innerHTML == "undefined")) { 12 | 13 | this.running = true; 14 | 15 | return; 16 | 17 | } 18 | 19 | this.element = element; 20 | 21 | this.finishedCallback = (finishedCallback ? finishedCallback : function() { 22 | 23 | 24 | 25 | return; }); 26 | 27 | this.interval = (typeof interval == "undefined" ? 100 : interval); 28 | 29 | this.origText = this.element.innerHTML; 30 | 31 | this.unparsedOrigText = this.origText; 32 | 33 | this.cursor = (cursor ? cursor : ""); 34 | 35 | this.currentText = ""; 36 | 37 | this.currentChar = 0; 38 | 39 | this.element.typingText = this; 40 | 41 | if(this.element.id == "") this.element.id = "typingtext" + 42 | 43 | 44 | 45 | TypingText.currentIndex++; 46 | 47 | TypingText.all.push(this); 48 | 49 | this.running = false; 50 | 51 | this.inTag = false; 52 | 53 | this.tagBuffer = ""; 54 | 55 | this.inHTMLEntity = false; 56 | 57 | this.HTMLEntityBuffer = ""; 58 | 59 | } 60 | 61 | TypingText.all = new Array(); 62 | 63 | TypingText.currentIndex = 0; 64 | 65 | TypingText.runAll = function() { 66 | 67 | for(var i = 0; i < TypingText.all.length; i++) TypingText.all[i].run(); 68 | 69 | } 70 | 71 | TypingText.prototype.run = function() { 72 | 73 | if(this.running) return; 74 | 75 | if(typeof this.origText == "undefined") { 76 | 77 | setTimeout("document.getElementById('" + this.element.id + 78 | 79 | 80 | 81 | "').typingText.run()", this.interval); 82 | 83 | return; 84 | 85 | } 86 | 87 | if(this.currentText == "") this.element.innerHTML = ""; 88 | 89 | if(this.currentChar < this.origText.length) { 90 | 91 | if(this.origText.charAt(this.currentChar) == "<" && !this.inTag) { 92 | 93 | this.tagBuffer = "<"; 94 | 95 | this.inTag = true; 96 | 97 | this.currentChar++; 98 | 99 | this.run(); 100 | 101 | return; 102 | 103 | } else if(this.origText.charAt(this.currentChar) == ">" && this.inTag) { 104 | 105 | this.tagBuffer += ">"; 106 | 107 | this.inTag = false; 108 | 109 | this.currentText += this.tagBuffer; 110 | 111 | this.currentChar++; 112 | 113 | this.run(); 114 | 115 | return; 116 | 117 | } else if(this.inTag) { 118 | 119 | this.tagBuffer += this.origText.charAt(this.currentChar); 120 | 121 | this.currentChar++; 122 | 123 | this.run(); 124 | 125 | return; 126 | 127 | } else if(this.origText.charAt(this.currentChar) == "&" && ! 128 | 129 | 130 | 131 | this.inHTMLEntity) { 132 | 133 | this.HTMLEntityBuffer = "&"; 134 | 135 | this.inHTMLEntity = true; 136 | 137 | this.currentChar++; 138 | 139 | this.run(); 140 | 141 | return; 142 | 143 | } else if(this.origText.charAt(this.currentChar) == ";" && 144 | 145 | 146 | 147 | this.inHTMLEntity) { 148 | 149 | this.HTMLEntityBuffer += ";"; 150 | 151 | this.inHTMLEntity = false; 152 | 153 | this.currentText += this.HTMLEntityBuffer; 154 | 155 | this.currentChar++; 156 | 157 | this.run(); 158 | 159 | return; 160 | 161 | } else if(this.inHTMLEntity) { 162 | 163 | this.HTMLEntityBuffer += this.origText.charAt(this.currentChar); 164 | 165 | this.currentChar++; 166 | 167 | this.run(); 168 | 169 | return; 170 | 171 | } else { 172 | 173 | this.currentText += this.origText.charAt(this.currentChar); 174 | 175 | } 176 | 177 | this.element.innerHTML = this.currentText; 178 | 179 | this.element.innerHTML += (this.currentChar < this.origText.length - 1 ? 180 | 181 | 182 | 183 | (typeof this.cursor == "function" ? this.cursor(this.currentText) : this.cursor) : 184 | 185 | 186 | 187 | ""); 188 | 189 | this.currentChar++; 190 | 191 | setTimeout("document.getElementById('" + this.element.id + 192 | 193 | 194 | 195 | "').typingText.run()", this.interval); 196 | 197 | } else { 198 | 199 | this.currentText = ""; 200 | 201 | this.currentChar = 0; 202 | 203 | this.running = false; 204 | 205 | this.finishedCallback(); 206 | 207 | } 208 | 209 | } 210 | -------------------------------------------------------------------------------- /js/cat.js: -------------------------------------------------------------------------------- 1 | 12 | 13 | 14 |
15 | 16 |'; 383 | print_r($this->log, false); 384 | echo ''; 385 | } 386 | } -------------------------------------------------------------------------------- /js/garis.js: -------------------------------------------------------------------------------- 1 | 2 | if(els.length>1){noteError({type:'select:too-many:by-attribute',selector:selector});} 3 | return els[0];}})();;(function(){var prevEls={};CloudflareApps.createElement=function(options,prevEl){CloudflareApps.internal.markSelectors();try{if(prevEl&&prevEl.parentNode){var replacedEl;if(prevEl.cfAppsElementId){replacedEl=prevEls[prevEl.cfAppsElementId];} 4 | if(replacedEl){prevEl.parentNode.replaceChild(replacedEl,prevEl);delete prevEls[prevEl.cfAppsElementId];}else{prevEl.parentNode.removeChild(prevEl);}} 5 | var element=document.createElement('cloudflare-app');var container;try{container=CloudflareApps.querySelector(options.selector);}catch(e){} 6 | if(!container){return element;} 7 | if(!container.parentNode&&(options.method=="after"||options.method=="before"||options.method=="replace")){return element;} 8 | if(container==document.body){if(options.method=="after") 9 | options.method="append";else if(options.method=="before") 10 | options.method="prepend";} 11 | switch(options.method){case"prepend":if(container.firstChild){container.insertBefore(element,container.firstChild);break;} 12 | case"append":container.appendChild(element);break;case"after":if(container.nextSibling){container.parentNode.insertBefore(element,container.nextSibling);}else{container.parentNode.appendChild(element);} 13 | break;case"before":container.parentNode.insertBefore(element,container);break;case"replace":try{id=element.cfAppsElementId=Math.random().toString(36);prevEls[id]=container;}catch(e){} 14 | container.parentNode.replaceChild(element,container);} 15 | return element;}catch(e){if(typeof console!=="undefined"&&typeof console.error!=="undefined"){console.error("Error creating Cloudflare Apps element",e);}}}})();;(function(){CloudflareApps.matchPage=function(patterns){if(!patterns||!patterns.length){return true;} 16 | if(window.CloudflareApps&&CloudflareApps.proxy&&CloudflareApps.proxy.originalURL){var url=CloudflareApps.proxy.originalURL.parsed;var loc=url.host+url.path;}else{var loc=document.location.host+document.location.pathname;} 17 | for(var i=0;i