index.html 1.65 KB
Newer Older
1
<!DOCTYPE HTML>
alexandre's avatar
bump  
alexandre committed
2
<html lang="en">
3
<head>
alexandre's avatar
bump  
alexandre committed
4
    <meta charset="utf-8">
5 6
    <title>HTML to Print Boilerplate</title>

svilayphiou's avatar
svilayphiou committed
7
    <link rel="stylesheet" type="text/css" href="lib/reset.css" />
alexandre's avatar
bump  
alexandre committed
8
    <link rel="stylesheet" href="main.less" type="text/less" media="all" charset="utf-8">
svilayphiou's avatar
svilayphiou committed
9
    <link rel="stylesheet" href="lib/jquery-ui-1.10.3/css/smoothness/jquery-ui-1.10.3.custom.min.css" type="text/css" media="all" charset="utf-8">
10 11
</head>
<body>
svilayphiou's avatar
svilayphiou committed
12 13
    <!-- PAGES -->
    <div id="pages">
alexandre's avatar
wip  
alexandre committed
14 15 16 17
        <div id="master-page" class="paper">
            <div class="page">
                <section class="header">
                </section>
18

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

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

28
    <div id="interface">
alexandre's avatar
bump  
alexandre committed
29 30 31
        <button id="debug" class="button">Debug</button>
        <button id="spread" class="button">Spread</button>
        <button id="hi-res" class="button">Hi-res</button>
svilayphiou's avatar
svilayphiou committed
32 33 34 35
        <div id="toc">
            <button id="goto" class="button" href="#">Go to</button>
            <ul id="toc-pages"></ul>
        </div>
36
    </div>
37

alexandre's avatar
wip  
alexandre committed
38
    <section id="story">
39 40
        <!-- Content will be loaded here with Jquery. -->
    </section>
41 42


svilayphiou's avatar
svilayphiou committed
43

44
    <!-- JAVASCRIPT -->
svilayphiou's avatar
svilayphiou committed
45 46 47 48
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.min.js"></script>
    <script type="text/javascript" src="lib/popelt-v1.0.min.js"></script>
    <script type="text/javascript" src="lib/less-1.3.0.min.js"></script>
49 50 51
    <script type="text/javascript" src="print.js"></script>
</body>
</html>