رمز نگاری

├── README.md └── ackapetland ├── app.js ├── becbartion.jsx ├── belogged.js ├── index.html ├── pass.jsx └── style.css /README.md: -------------------------------------------------------------------------------- 1 | hello this My important website project guide 2 | 3 | # :sunglasses: | designed by sahandmohammadrezaii | :sunglasses: 4 | -------------------------------------------------------------------------------- /ackapetland/app.js: -------------------------------------------------------------------------------- 1 | 2 | var webdevencrypt = { 3 | setEncrypt: function(source,destination,passcode) { 4 | document.getElementById(destination).innerText = this.encryptCodes(document.getElementById(source).value,document.getElementById(passcode).value); 5 | }, 6 | setDecrypt: function() { 7 | document.getElementById('decryptedContent').innerText = this.decryptCodes(document.getElementById('originalContent').value,document.getElementById('passcode').value); 8 | }, 9 | encryptCodes: function(content,passcode) { 10 | var result = []; var passLen = passcode.length ; 11 | for(var i = 0 ; i < content.length ; i++) { 12 | var passOffset = i%passLen ; 13 | var calAscii = (content.charCodeAt(i)+passcode.charCodeAt(passOffset)); 14 | result.push(calAscii); 15 | } 16 | return JSON.stringify(result) ; 17 | }, 18 | decryptCodes: function(content,passcode) { 19 | var result = [];var str = ''; 20 | var codesArr = JSON.parse(content);var passLen = passcode.length ; 21 | for(var i = 0 ; i < codesArr.length ; i++) { 22 | var passOffset = i%passLen ; 23 | var calAscii = (codesArr[i]-passcode.charCodeAt(passOffset)); 24 | result.push(calAscii) ; 25 | } 26 | for(var i = 0 ; i < result.length ; i++) { 27 | var ch = String.fromCharCode(result[i]); str += ch ; 28 | } 29 | return str ; 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /ackapetland/becbartion.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sahandmohammadrehzaii/cryptoghraphy-javascript-html-css-code/22d35f4ca155eafa63056a56f49d03fc414dfe7c/ackapetland/becbartion.jsx -------------------------------------------------------------------------------- /ackapetland/belogged.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sahandmohammadrehzaii/cryptoghraphy-javascript-html-css-code/22d35f4ca155eafa63056a56f49d03fc414dfe7c/ackapetland/belogged.js -------------------------------------------------------------------------------- /ackapetland/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | رمز نگاری 7 | 8 | 9 | 10 | 11 | 12 |

13 |

14 | لطفا رمز عبور را برای بازگشایی یا کد گشایی وارد کنید 15 | 16 |

17 |

18 | متن را در اینجا قرار دهید یا تایپ کنید برای رمز نگاری کردن 19 | 20 |

21 |

22 | فرم رمز گذاری شده 23 | 24 |

25 |

26 | فرم رمزگشایی شده 27 | 28 |

29 | 30 | 31 |

32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /ackapetland/pass.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sahandmohammadrehzaii/cryptoghraphy-javascript-html-css-code/22d35f4ca155eafa63056a56f49d03fc414dfe7c/ackapetland/pass.jsx -------------------------------------------------------------------------------- /ackapetland/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #e8eaed; 3 | font-family: "shabnam"; 4 | } 5 | .f15pt { 6 | font-size: 15pt; 7 | } 8 | .content { 9 | background: lightgreen; 10 | padding: 10px; 11 | font-size: 15pt; 12 | color: whitesmoke; 13 | width: 100%; 14 | } 15 | .voilet0 { 16 | background-color: #333; 17 | } 18 | .voilet1 { 19 | background-color: lightgreen; 20 | } 21 | .voilet2 { 22 | background-color: #333; 23 | } 24 | textarea { 25 | width: 100%; 26 | min-height: 100px; 27 | } 28 | .encrypt { 29 | font-size: 24pt; 30 | background-color: lightblue; 31 | border-radius: 3px; 32 | border: 1px solid #6d0202; 33 | color: black; 34 | padding: 7px; 35 | margin: 5px; 36 | float: right; 37 | } 38 | .encrypt:hover { 39 | background-color: whitesmoke; 40 | } 41 | 42 | .center { 43 | width: 70%; 44 | margin: auto; 45 | } 46 | #passcode { 47 | border-radius: 3px; 48 | padding: 6px; 49 | border: 0px; 50 | outline: none; 51 | } 52 | #passcode:focus { 53 | border: 2px solid #530c96; 54 | } 55 | .top-relative { 56 | top: 50px; 57 | position: relative; 58 | } 59 | .top-bar { 60 | width: 100%; 61 | position: fixed; 62 | z-index: 5; 63 | top: 0; 64 | left: 0; 65 | background-color: #fefefe; 66 | padding: 5px; 67 | box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); 68 | } 69 | .ablock { 70 | text-decoration: none; 71 | color: #7c0abe; 72 | font-size: 15pt; 73 | } 74 | .h35px { 75 | height: 35px; 76 | } 77 | .txtbld { 78 | font-weight: bold; 79 | } 80 | .prb12px { 81 | position: relative; 82 | bottom: 10px; 83 | } 84 | .w35px { 85 | width: 35px; 86 | } 87 | 88 | @font-face { 89 | font-family: 'Shabnam'; 90 | src: url('https://sahand.storage.iran.liara.space/font/Shabnam.woff'); 91 | src: url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('embedded-opentype'), 92 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('woff2'), 93 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('woff'), 94 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('truetype'); 95 | font-weight: normal; 96 | font-style: normal; 97 | } 98 | --------------------------------------------------------------------------------