index.html 2.86 KB
Newer Older
1
<!DOCTYPE HTML>
alexandre's avatar
alexandre committed
2
<html lang="en" class="normal">
3
<head>
alexandre's avatar
bump  
alexandre committed
4
    <meta charset="utf-8">
colm's avatar
colm committed
5
    <title>HTML2print</title>
6

7
    <link rel="stylesheet" type="text/css" href="assets/lib/reset.css" />
alexandre's avatar
bump  
alexandre committed
8
    <link rel="stylesheet" href="main.less" type="text/less" media="all" charset="utf-8">
9 10 11
    <!-- you could link to an external shared stylesheet like this, for collaborative editing
    <link rel="stylesheet" href="https://lite6.framapad.org/p/CSS-petitformat/export/txt" type="text/less" media="all" charset="utf-8">
    -->
12
    <link rel="stylesheet" href="assets/lib/jquery-ui-1.10.3/css/smoothness/jquery-ui-1.10.3.custom.min.css" type="text/css" media="all" charset="utf-8">
13 14
</head>
<body>
svilayphiou's avatar
svilayphiou committed
15 16
    <!-- PAGES -->
    <div id="pages">
alexandre's avatar
wip  
alexandre committed
17 18 19 20
        <div id="master-page" class="paper">
            <div class="page">
                <section class="header">
                </section>
21

alexandre's avatar
wip  
alexandre committed
22
                <section class="body recipient">
colm's avatar
colm committed
23 24
                <div class="column"></div>
                <div class="column"></div>
alexandre's avatar
wip  
alexandre committed
25
                </section>
svilayphiou's avatar
svilayphiou committed
26

alexandre's avatar
wip  
alexandre committed
27 28 29
                <section class="footer">
                </section>
            </div>
30 31
        </div>
    </div>
32

33
    <div id="interface">
alexandre's avatar
alexandre committed
34
        <button id="preview" class="button">Preview</button>
alexandre's avatar
bump  
alexandre committed
35 36 37
        <button id="debug" class="button">Debug</button>
        <button id="spread" class="button">Spread</button>
        <button id="hi-res" class="button">Hi-res</button>
38 39 40 41 42 43 44 45 46 47 48 49 50 51 52

        <div class="dropdown">
            <button id="zoom" class="button">Zoom</button>
            <ul id="zoom-list">
                <li><a href="#" title="25">25&thinsp;%</a></li>
                <li><a href="#" title="33">33&thinsp;%</a></li>
                <li><a href="#" title="50">50&thinsp;%</a></li>
                <li><a href="#" title="75">75&thinsp;%</a></li>
                <li><a href="#" title="100">100&thinsp;%</a></li>
                <li><a href="#" title="150">150&thinsp;%</a></li>
                <li><a href="#" title="200">200&thinsp;%</a></li>
                <li><a href="#" title="300">300&thinsp;%</a></li>
            </ul>
        </div>

svilayphiou's avatar
svilayphiou committed
53
        <div id="toc">
svilayphiou's avatar
svilayphiou committed
54
            <button id="goto" class="button" href="#">Go&nbsp;to</button>
svilayphiou's avatar
svilayphiou committed
55 56
            <ul id="toc-pages"></ul>
        </div>
57
    </div>
58

alexandre's avatar
alexandre committed
59
    <div id="stories">
60
        <article id="my-story"></article>
alexandre's avatar
alexandre committed
61
    </div>
svilayphiou's avatar
svilayphiou committed
62

63
    <!-- JAVASCRIPT -->
64 65
    <script type="text/javascript" src="assets/lib/less-1.3.0.min.js"></script>
    <script type="text/javascript" src="assets/lib/jquery.min.js"></script>
alexandre's avatar
alexandre committed
66

67
    <script type="text/javascript" src="setup/setup.js"></script>
68
    <script type="text/javascript" src="assets/js/html2print.js"></script>
alexandre's avatar
alexandre committed
69

70 71 72
    <script type="text/javascript" src="assets/lib/jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.min.js"></script>
    <script type="text/javascript" src="assets/lib/popelt-v1.0.min.js"></script>
    <script type="text/javascript" src="assets/js/page.js"></script>
73 74
</body>
</html>