CSCode/index.html at main · EyeScary-Development/CSCode · GitHub

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
<!doctype html>
<head>
    <title>CSCode</title>
    <link id="theme" rel="stylesheet" href="dracula.css" />
    <link rel="stylesheet" href="main.css" />
    <link rel="icon" type="image/x-icon" href="icon.png" />
</head>
<body>
    <div id="sidebar">
        <button
            id="sidebar-button"
            onclick="hideSettings()"
            style="position: absolute; top: 0"
        >
            Editor
        </button>
        <button
            id="sidebar-button"
            onclick="showSettings()"
            style="position: absolute; bottom: 0; margin-bottom: 30%"
        >
            Settings
        </button>
    </div>
    <div id="otherside">
        <div id="codeeditor">
            <button onclick="dropdown()">File</button>
            <div id="dropdown-content">
                <button onclick="dl()">Save</button>
                <button onclick="up()">Open</button>
                <button onclick="savetocookie()">Save online</button>
                <button onclick="loadsave()">Load online save</button>
                <button onclick="tester()">test</button>
            </div>
            <pre id="editor" style="width: 65%; height: 75%"></pre>
        </div>
        <div id="settings">
            <h3>Settings</h3>
            <select onchange="themechange(this.value)">
                <option value="default">Default</option>
                <option value="gruvbox">Gruvbox</option>
                <option value="dracula">Dracula</option>
                <option value="gob">"Hacking"</option>
            </select>
            <br />
            <br />
            <button onclick="changelang()">
                Change programming language in use
            </button>
            <br />
            <br />
            <button onclick="linewraptoggle()">Toggle line wrapping</button>
            <br />
            <br />
            <button onclick="tabchanger()">Change tab size</button>
            <br />
            <br />
            <button onclick="fontchange()">Change font, size and weight</button>
            <br />
            <br />
            <p>
                CSCode from EyeScary Development, simplifying user configuration
                for <a href="https://ace.c9.io">Ace code editor</a>
            </p>
            <p>
                <b
                    >Note: we are migrating to keyboard shortcuts and soon some
                    buttons will be more hidden, here are the keyboard shortcuts
                    for some of these:<br /><br />Ctrl + s : download the
                    file<br />Ctrl + i : open a local file<br />Ctrl + F : find
                    mode (find all instances of a string you type in)<br />
                    Ctrl + H : find and replace (replace all instances of an
                    inputted string with another one) <br />
                    Ctrl + , : open settings (don't worry, though, the settings
                    button will not be replaced, this is an alternative way of
                    getting to your settings)<br />Alt + s : save online<br />Alt
                    + i : load online save</b
                ><br />(btw on a mac use command instead of control)
            </p>
        </div>
        <div id="preview" style="display: none">
            <button onclick="showpreview()">close preview</button><br /><br />
            <iframe
                id="previewframe"
                src="javascript.html"
                style="background-color: white; width: 65%; height: 85vh"
            ></iframe>
        </div>
    </div>
    <script src="ace-builds/src-noconflict/ace.js"></script>
    <script src="script.js"></script>
</body>