-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
83 lines (76 loc) · 6.34 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
<!-- -
██████╗ ██╗ ██╗ ██╗███████╗██╗ ██╗██████╗ ██╗██████╗ ████████╗
██╔══██╗██║ ██║ ██║██╔════╝██║ ██╔╝██╔══██╗██║██╔══██╗╚══██╔══╝
██████╔╝██║ ██║ ██║███████╗█████╔╝ ██████╔╝██║██████╔╝ ██║
██╔══██╗██║ ██║ ██║╚════██║██╔═██╗ ██╔══██╗██║██╔═══╝ ██║
██████╔╝███████╗╚██████╔╝███████║██║ ██╗██║ ██║██║██║ ██║
╚═════╝ ╚══════╝ ╚═════╝ ╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝╚═╝╚═╝ ╚═╝
██████╗ █████╗ ███╗ ██╗██╗██╗ ██╗ ██╗ ██████╗ ██████╗ ███████╗███╗ ██╗███╗ ██╗██╗ ██╗██╗ ██╗██╗ ██╗
██╔══██╗██╔══██╗████╗ ██║██║██║ ██║ ██╔╝██╔═══██╗██╔══██╗██╔════╝████╗ ██║████╗ ██║╚██╗ ██╔╝██║ ██╔╝██║ ██║
██║ ██║███████║██╔██╗ ██║██║██║ █████╔╝ ██║ ██║██████╔╝█████╗ ██╔██╗ ██║██╔██╗ ██║ ╚████╔╝ █████╔╝ ███████║
██║ ██║██╔══██║██║╚██╗██║██║██║ ██╔═██╗ ██║ ██║██╔══██╗██╔══╝ ██║╚██╗██║██║╚██╗██║ ╚██╔╝ ██╔═██╗ ██╔══██║
██████╔╝██║ ██║██║ ╚████║██║███████╗ ██║ ██╗╚██████╔╝██║ ██║███████╗██║ ╚████║██║ ╚████║ ██║ ██║ ██╗██║ ██║
╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═══╝╚═╝╚══════╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═══╝╚═╝ ╚═══╝ ╚═╝ ╚═╝ ╚═╝╚═╝ ╚═╝
It's not a bug, it's a feature!
READ THE DOCUMENTATION! IT'S WORTH IT!
!--->
<!DOCTYPE html>
<html style="overflow-x: hidden;width: 100%;height: 100%;margin: 0px;padding: 0px;">
<head>
<title>CSStudio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<!-- Hey! This is where all the preloads go (Things that load before the actual website)!-->
<link rel="stylesheet" href="bootstrap.min.css"> <!-- Do not touch! You will regret it! -->
<link rel="stylesheet" href="assets/css/styles.min.css"> <!-- Do not touch! You will regret it! -->
<link rel="stylesheet" href="main.css">
<script src="split.min.js"></script> <!-- Do not touch! You will regret it! -->
<script src="ace.js"></script> <!-- Do not touch! You will regret it! -->
<script src="theme-monokai.js"></script> <!-- Do not touch! You will regret it! -->
<script src="preload.js"></script>
<script src="mode-html.js"></script>
<script src="htmleditor.js"></script>
</head>
<body style="width: 100%;height: 100%;margin: 0px;padding: 0px;overflow-x: hidden;background-color: rgb(40,31,31);" id="body">
<div id="preloader">
<div id="status"></div>
</div>
<div style="width: 100%;height: 100%;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;">
<!---
CONTROL TOOLBOX BELOW
!--->
<div id="sidebar" class="split split-horizontal" style="overflow-y: auto;overflow-x: hidden;background-color: rgb(40,39,45);height: 100%;float: left;color: rgb(0,0,0);width: calc(20%);">
<div class="dropdown">
<input type="text" placeholder="Search.." id="myInput" onkeyup="filterFunction()">
<div id="myDropdown" class="dropdown-content">
</div>
</div>
</div>
<div id="main" class="split split-horizontal" style="overflow-y: auto;overflow-x: hidden;background-color: rgb(40,39,45);height: 100%;float: left;color: rgb(0,0,0);width: calc(20%);">
<div class="split content" style="height:100%; width:100%; background-color:#3D3D42" id="frame">
<iframe id="iframe-select" src="blank.html" style="height:100%; width:100%;"></iframe></div>
<div class="split" style="height:100%; width:100%;background-color: rgb(40,39,45);" id="text">
<button type="button" onclick="changeHTML()" class="btn btn-primary shadow-none" style="font-size:12px; color:grey;background-color:#3D3D42; border:none;outline:none;">Apply</button>
<pre id="editor" style="height:100%; width:100%;"></pre>
</div>
</div>
<!---
ITEM SETTINGS BELOW.
!--->
<div id="sidebar2" class="split split-horizontal" style="overflow-y: auto;overflow-x: hidden;height: 100%;float: left;width: 100%;background-color: #28272d;width: calc(20%);">
</div>
<!-- Hey! This is where all the afterload scripts go! (Once the site has already loaded) !-->
<script src="edittext.js"></script>
<script src="draggables.js"></script>
<script src="initsplits.js"></script>
<script src="gethtml.js"></script>
<script src="drag.js"></script>
<script src="search.js"></script>
<script src="load.js"></script>
<script src="click.js"></script>
<script src="edit.js"></script>
<script src="shortcuts.js"></script>
<script src="edittext.js"></script>
<script src="attributes.js"></script>
</body>
</html>