summaryrefslogtreecommitdiff
path: root/static/website/templates/index.html
blob: a3a6f8a1f73e3ce05773d7eb2c17ead417082307 (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
{% 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"/>
        {% 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 href="#">About</a></li>
                            <li><a href="#">Invitation</a></li>
                            <li><a 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">Execute</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="lightbox-me-wrapper">
        <div id="lightbox-me"></div>
    </div> <!-- /#lightbox-me-wrapper -->

    <script src="http://code.jquery.com/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>