├── 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 |
22 |
29 |
30 |
31 |
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 |
--------------------------------------------------------------------------------