latex-tutorial/index.html at master · scribtex/latex-tutorial · 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
<!doctype html>
<html>
    <head>
        <title>LaTeX Tutorial</title>
        <link type="text/css" rel="stylesheet" href="style/style.css"></link>
        <script src="lib/jquery.js"></script>
        <script src="lib/markdown.js"></script>
        <script src="lib/require.js" data-main="lib/index.js"></script>
    </head>

    <body>
        <script id="framework-template" type="text/html">
            <div class="instructions-banner">
                <div class="instructions-banner-inner">
                    <div class="well" id="instructions"></div>
                </div>
            </div>

            <div class="editor-pane">
                <div class="editor-pane-inner">
                    <textarea class="editor" id="editor"></textarea>
                </div>
            </div>

            <div class="pdf-pane">
                <div class="pdf-pane-inner">
                    <div class="auto-compile-instructions">
                        &lt;-- Type some valid LaTeX in here to see the result
                    </div>

                    <div class="no-embedded-viewer">
                        It looks your browser doesn't support embedded PDFs.
                        This tutorial might be more pleasent if you could use a browser that does.
                    </div>

                    <div class="compiling">
                        Compiling...
                    </div>
                </div>
            </div>

            <iframe class="pdf-iframe" id="pdf-iframe"></iframe>
        </script>

        <script id="instructions-template" type="text/html">
            <div class="content">{{{content}}}</div>
            {{#button}}
                <p><a href="#" id="progress-button" class="btn btn-primary">{{{button}}}</a></p>
            {{/button}}
        </script>
    </body>
</html>