summaryrefslogtreecommitdiff
path: root/static/website/templates/index.html
blob: 10ad1409ac6af2d21820e1b4576a7cb34ab3265f (plain)
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
{% load static %}
{% load dajaxice_templatetags %}
<html>
    <head>
        <title>Scilab on Cloud</title>
        <link href="{% static 'website/css/base.css' %}" rel="stylesheet"/>
        <link href="{% static 'website/css/codemirror.css' %}" rel="stylesheet"/>
        <link href="{% static 'website/css/fullscreen.css'%}" rel="stylesheet"/>
        <link href="{% static 'website/css/monokai.css' %}" rel="stylesheet"/>
        <link href="{% static 'website/css/main.css' %}" rel="stylesheet"/>
        <link rel="shortcut icon" type="image/png" href="{% static 'website/images/favicon.ico' %}"/>
        {% dajaxice_js_import %}
    </head>
    <body>
        <div id="header-wrapper">
            <div id="header-inner">
                <div id="topbar">
                    <img id="home-logo" src="{% static 'website/images/home-logo.png' %}">
                    <span id="title">
                        Scilab on Cloud
                    </span>
                    <div id="navlinks">
                        <ul>
                            <li><a class="node" data-key="about" href="#">About</a></li>
                            <li><a class="node" data-key="invitation" href="#">Invitation</a></li>
                            <li><a class="node" data-key="contact" href="#">Contact Us</a></li>
                            <img id="scilab-logo" src="{% static 'website/images/scilab-logo.png'%}" width="100px">
                        </ul>
                        <div class="clearfix"></div>
                    </div> <!-- /#navlinks -->
                </div> <!-- /#topbar -->
            </div> <!-- /#header-inner -->
        </div> <!-- /#header-wrapper -->
        <div id="content-wrapper">
            <div id="content-inner">
                <div id="selectors">
                    <div id="category-wrapper">
                        <label>Category: </label>
                        <select id="categories">
                            <option value="">Select Category</option>
                            <option value="10">Analog Electronics</option>
                            <option value="3">Chemical Engineering</option>
                            <option value="12">Computer Programming</option>
                            <option value="2">Control Theory &amp; Control Systems</option>
                            <option value="7">Digital Communications</option>
                            <option value="11">Digital Electronics</option>
                            <option value="8">Electrical Technology</option>
                            <option value="1">Fluid Mechanics</option>
                            <option value="9">Mathematics &amp; Pure Science</option>
                            <option value="5">Mechanical Engineering</option>
                            <option value="6">Signal Processing</option>
                            <option value="4">Thermodynamics</option>
                            <option value="13">Others</option>
                        </select>
                        <a href="#" class="extra-link" id="contributor">+Contributor</a>
                    </div>
                    <div id="books-wrapper"></div>
                    <div id="chapters-wrapper"></div>
                    <div id="examples-wrapper"></div>
                </div>
                <div id="content">
                    <div id="input">
                        <label>
                            Scilab Code 
                            <span id="controls">
                                <a href="#" id="toggle-code">
                                    <img src="{% static 'website/images/icon-toggle.png'%}">
                                </a>
                                <a href="#" id="fullscreen-code">
                                    <img src="{% static 'website/images/icon-fullscreen.png'%}">
                                </a>
                            </span> <!-- /#controls -->
                        </label>
                        <form>
                            <textarea id="code" placeholder="Write a new code or select existing from above category..."></textarea>
                        </form>
                    </div><!-- /#input -->
                    <a id="execute" class="button"><span id="execute-inner">Execute</span></a>

                    <div id="output">
                        <label>
                            Result
                            <span id="controls">
                                <a href="#" id="toggle-result">
                                    <img src="{% static 'website/images/icon-toggle.png'%}">
                                </a>
                                <a href="#" id="fullscreen-result">
                                    <img src="{% static 'website/images/icon-fullscreen.png'%}">
                                </a>
                            </span> <!-- /#controls -->
                        </label>
                        <textarea id="result"></textarea>
                    </div> <!-- /#output -->
                    <a id="bug" class="button">Report bug / Give Feedback</a>

                    <div id="credits">
                        <small>
                            Disclaimer: Scilab is a trademark of Inria 
                            (registered at the INPI for France and the rest of the World) 
                            and Scilab Enterprises is granted exclusive rights for 
                            Scilab Trademark.
                        </small>
                        Copyright IIT Bombay
                    </div> <!-- /#credits -->
                </div> <!-- /#content -->
            </div> <!-- /#content-inner -->
        </div> <!-- /#content-wrapper -->

    <div id="plotbox-wrapper">
        <div id="plotbox"></div>
    </div> <!-- /#plotbox-wrapper -->

    <div id="databox-wrapper">
        <div id="databox"></div>
    </div> <!-- /#databox-wrapper -->

    <div id="bug-form-wrapper">
    </div> <!-- /#databox-wrapper -->

    <script src="{% static 'website/js/jquery-1.10.2.min.js' %}"></script>
    <script src="{% static '/static/dajax/jquery.dajax.core.js' %}"></script>
    <script src="{% static 'website/js/codemirror.js'%}"></script>
    <script src="{% static 'website/js/javascript.js'%}"></script>
    <script src="{% static 'website/js/fullscreen.js'%}"></script>
    <script src="{% static 'website/js/placeholder.js'%}"></script>
    <script src="{% static 'website/js/lightbox_me.js'%}"></script>
    <script src="{% static 'website/js/cloud.js'%}"></script>
    {% csrf_token %}
    </body>
</html>