-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (113 loc) · 6.05 KB
/
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<style>
#editorh {
position: absolute;
width: 100%;
height: 89.4%;
font-size: 120%;
}
#editorc{
position: absolute;
width: 100%;
height: 89.4%;
font-size: 120%;
}
#editorj {
position: absolute;
width: 100%;
height: 89.4%;
font-size: 120%;
}
#header{
user-select: none;
}
::-webkit-scrollbar {
display: none;
}
body{
margin: 0;
padding: 0;
}
#info{
width: 100%;
position:fixed;
bottom: 0;
left:0;
z-index:10000000000000000;
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>cedi Editor</title>
<link rel="manifest" href="src/manifest.webmanifest"></link>
<link rel="apple-touch-icon" href="src/icon.png" />
<link rel="apple-touch-icon" href="src/icon2.png" />
<meta name="apple-mobile-web-app-status-bar" content="#40453c" />
<meta name="theme-color" content="#40453c" />
<link rel="shortcut icon" href="src/icon.png" type="image/png">
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('src/pwabuilder-sw.js');
});
}
</script>
<script src="https://cdn.rawgit.com/beautify-web/js-beautify/v1.13.5/js/lib/beautify.js" ansyc defer></script>
<script src="https://cdn.rawgit.com/beautify-web/js-beautify/v1.13.5/js/lib/beautify-css.js" ansyc defer></script>
<script src="https://cdn.rawgit.com/beautify-web/js-beautify/v1.13.5/js/lib/beautify-html.js" ansyc defer></script>
</head>
<body class="black">
<button class="add-button btn btn-blue waves-effect" style="position:absolute;z-index:99999999999;top:0;left:0;botton:0;right:0;width:100%;">Click Me For Adding in your homescreen or windows.[ 7 sec Message click fast ]</button>
<div style="margin:0;padding:0;" class="row">
<div style="margin:0;padding:0;" class="col s12" id="header">
<div id="html" class="btn col s4 red grey-text">index.html</div>
<div id="js" class="btn col s4 yellow grey-text">main.js</div>
<div id="css" class="btn col s4 blue lighten-1 grey-text">style.css</div>
</div>
</div>
<div id="editorh">Type html
</div>
<div id="editorc">body{
margin:0%;
padding:0%;
}
</div>
<div id="editorj">console.log("hello World")</div>
<div title="debug" id="info" class="green white-text">
<button id="cswindow" title="OpenInCustomWindow" class="btn right black white-text"><i class="material-icons">open_in_new</i></button>
<button id="settingsMenu" title="settings" class="btn right black white-text"><i class="material-icons">settings</i></button>
</div>
<!--Settings Menu-->
<div title="Settings" id="settingsDialog">
<label for="">Editor Options :</label>
<button id="autoCompletation" class="green white-text btn waves-effect" style="width:100%;"><span class="iconify" data-icon="clarity:code-outline-badged" data-inline="false"></span>AutoComplete : Click To Active or InActive</button>
<label>Frameworks<span class="iconify" data-icon="logos:javascript" data-inline="false"></span>:</label>
<button id="useBabel" class="blue white-text btn waves-effect" style="width:100%;"><span class="iconify" data-icon="logos:react" data-inline="false"></span>ReactJS : Click To Active or InActive</button>
<button id="useAngular" class="red white-text btn waves-effect" style="width:100%;"><span class="iconify" data-icon="logos:angular-icon" data-inline="false"></span>AngularJS : Click To Active or InActive</button>
<label>PreProcessors [css]<span class="iconify" data-icon="logos:css-3" data-inline="false"></span>:</label>
<button id="useLess" class="pink white-text btn waves-effect" style="width:100%;"><span class="iconify" data-icon="logos:less" data-inline="false"></span>Less : Click To Active or InActive</button>
<button id="useSass" class="pink lighten-3 white-text btn waves-effect" style="width:100%;"><span class="iconify" data-icon="logos:sass" data-inline="false"></span>SASS : Click To Active or InActive</button>
</div>
<link rel="stylesheet" href="src/style.css"ansyc defer>
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"ansyc defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"ansyc defer>
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"ansyc defer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"ansyc defer>
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js" crossorigin="anonymous"ansyc defer>
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/keyboardjs/2.6.2/keyboard.min.js" integrity="sha512-Q9aijJKP9BeTXgQHmb/j8AZTQ15//k9QvGXCbKMf1bt289s75awi/3SBFZ3M3J27NtD7JyU3d9d1eRPuO4BbhQ==" crossorigin="anonymous"ansyc defer></script>
<script src="src/notify.min.js"ansyc defer></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"ansyc defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ext-language_tools.js"ansyc defer></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/overcast/jquery-ui.min.css" integrity="sha512-uhRZ0EP8LWCnPThiGrXLSIuqg4O+jPVWASoEsaRXM7f20flrtyk6v3jET0HPg8XjmMZftNIQbl4AR2FMhoDQUw==" crossorigin="anonymous" ansyc defer/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/overcast/theme.min.css" integrity="sha512-WQrdZHCUQFcvq09RlimVpi9w4DWaYNOBP+dCsvq3xfoe8+sX1imK1bI8aCSuEQreKiukAv//32vReQnTS96llg==" crossorigin="anonymous" ansyc defer/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js" integrity="sha512-0bEtK0USNd96MnO4XhH8jhv3nyRF0eK87pJke6pkYf3cM0uDIhNJy9ltuzqgypoIFXw3JSuiy04tVk4AjpZdZw==" crossorigin="anonymous"ansyc defer></script>
<script src="src/main.js"ansyc defer>
</script>
</body>
</html>