├── cdn.hack ├── index.html ├── logo.png ├── main.js ├── run ├── app.js └── index.php ├── style.css └── system.hk /cdn.hack: -------------------------------------------------------------------------------- 1 | switch ("/system.hk") { 2 | object run => code. =['html','css']; 3 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Coder 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 31 |
32 | 33 | 34 |
35 | 36 | 37 | 40 | 41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nahidhk/html-CSS-complier/54ceab452e644b3faca12be43c7e2f78b5e02a57/logo.png -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | 2 | console.log('Hello World!'); 3 | var codu = document.getElementById("dataBox"); 4 | 5 | function coder(){ 6 | var codx = codu.value; 7 | codu.style=`color:lime; background-color: black;` 8 | localStorage.setItem("code",codx); 9 | 10 | } 11 | var codapi = localStorage.getItem("code"); 12 | 13 | codu.value=codapi; 14 | 15 | 16 | function run(){ 17 | window.location.href="run"; 18 | } 19 | -------------------------------------------------------------------------------- /run/app.js: -------------------------------------------------------------------------------- 1 | var codap = localStorage.getItem("code"); 2 | //alert(codap) 3 | document.getElementById("run5").innerHTML = codap; 4 | -------------------------------------------------------------------------------- /run/index.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Run code 10 | 11 | 12 | 13 |
14 | 15 | 16 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | } 4 | .co-box:hover{ 5 | color:lime; background-color: black; 6 | } 7 | .co-box{ 8 | height: 90vh; 9 | width: 100%; 10 | border: 2px solid #4680ff; 11 | 12 | outline: none; 13 | font-size: 15pt; 14 | 15 | } 16 | .nav{ 17 | height: 50px; 18 | width: 100%; 19 | background-color: #2A2A2A; 20 | } 21 | .sec{ 22 | text-align: center; 23 | font-size: 15pt; 24 | height: 38px; 25 | width: 200px; 26 | position: absolute; 27 | left: 40%; 28 | top: 5px; 29 | background-color: #2A2A2A; 30 | color: #4680ff; 31 | border: 1px solid #4680ff; 32 | 33 | outline: none; 34 | cursor: pointer; 35 | } 36 | .btn{ 37 | position: absolute; 38 | right: 10px; 39 | top: 5px; 40 | height: 40px; 41 | width: 80px; 42 | background-color: #FF04CA00; 43 | border: 1px solid #4680FF00; 44 | color: #4680ff; 45 | font-size: 15pt; 46 | transition: all 0.5s; 47 | } 48 | .btn:hover{ 49 | background-color: #4680ff; 50 | color: white; 51 | cursor: pointer; 52 | border-radius: 10px; 53 | } 54 | 55 | /*=== css mobile===*/ 56 | 57 | @media only screen and (max-width: 600px) { 58 | .co-box{ 59 | height: 100vh; 60 | border: none; 61 | } 62 | .sec{ 63 | left: 15%; 64 | } 65 | } 66 | -------------------------------------------------------------------------------- /system.hk: -------------------------------------------------------------------------------- 1 | only Nahid HK Allowed 2 | --------------------------------------------------------------------------------