index.html 2.39 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

svilayphiou's avatar
svilayphiou committed
7 8 9 10
    <!-- Uncomment the line below to reset the CSS and get rid of the browser's default CSS. -->
    <!--<link rel="stylesheet" href="/assets/lib/reset.css" type="text/css" />-->
    <link rel="stylesheet" href="/main.less" type="text/less" media="all" charset="utf-8">
    <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">
11 12
</head>
<body>
svilayphiou's avatar
svilayphiou committed
13 14
    <!-- PAGES -->
    <div id="pages">
alexandre's avatar
wip  
alexandre committed
15 16 17 18
        <div id="master-page" class="paper">
            <div class="page">
                <section class="header">
                </section>
19

alexandre's avatar
wip  
alexandre committed
20 21
                <section class="body recipient">
                </section>
svilayphiou's avatar
svilayphiou committed
22

alexandre's avatar
wip  
alexandre committed
23 24 25
                <section class="footer">
                </section>
            </div>
26 27
        </div>
    </div>
28

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

        <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
49
        <div id="toc">
svilayphiou's avatar
svilayphiou committed
50
            <button id="goto" class="button" href="#">Go&nbsp;to</button>
svilayphiou's avatar
svilayphiou committed
51 52
            <ul id="toc-pages"></ul>
        </div>
53
    </div>
54

alexandre's avatar
alexandre committed
55
    <div id="stories">
56
        <article id="my-story"></article>
alexandre's avatar
alexandre committed
57
    </div>
svilayphiou's avatar
svilayphiou committed
58

59
    <!-- JAVASCRIPT -->
svilayphiou's avatar
svilayphiou committed
60 61
    <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
62

svilayphiou's avatar
svilayphiou committed
63 64 65
    <script type="text/javascript" src="/setup/setup.js"></script>
    <script type="text/javascript" src="/assets/js/html2print.js"></script>

66 67
</body>
</html>