segmenter_page.html 2.59 KB
Newer Older
1
<!DOCTYPE html>
2

3
<head>
4
5
6
7
8
9
10
11
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="./images/favicon-v.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="css/fonts/ubuntu/stylesheet.css" />
    <link rel="stylesheet" type="text/css" href="css/fonts/ubuntu-mono/stylesheet.css" />
    <link rel="stylesheet" type="text/css" href="css/icons/fontello/css/fontello.css" />
    <link rel="stylesheet" type="text/css" href="css/icons/fontello/css/animation.css" />
    <link id="seg_highlight" rel="stylesheet" type="text/css" href="css/segmenter_highlight.css" />
Armand Bour's avatar
Armand Bour committed
12
    <link rel="stylesheet" type="text/css" href="css/segmenter_page.css" />
13
    <title>Segmenter Tool — Vidjil</title>
14
</head>
15

16
<body>
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
    <div id="body">
        <header id="header_panel" class="panel">
            <h1 id="app_title">Vidjil</h1>
            <h2 id="tool_title">V(D)J designation tool</h2>

            <p>This tool quickly checks the V(D)J designation of a small number of sequences with (possibly incomplete) V(D)J recombinations. To analyze complete NGS RepSeq datasets, use the <a href="http://app.vidjil.org/">full Vidjil platform</a>.
            </p>
        </header>

        <div id="body_panel" class="flexbox">
            <div id="form_panel" class="panel twopanels_left">
                <form id="form_block" name="form_sequences">
                    <textarea autofocus id="form_sequences" name="sequences" rows="10" cols="80" placeholder="Enter up to 10 sequences in FASTA format..."></textarea>
                    <div id="bottom_form">
                        <p>or</p>
                        <input id="form_sequences_file" name="sequences_file" type="file" />
                        <input id="form_submit" type="button" value="Submit" />
Armand Bour's avatar
Armand Bour committed
34
                        <button id="btn_exportfasta" class="btn_feature">Export to FASTA</button>
35
36
37
38
39
                    </div>
                </form>
                <p id="copyright">Copyright Vidjil © 2016</p>
            </div>

Armand Bour's avatar
Armand Bour committed
40
41
            <div id="scatter_panel" class="panel twopanels_right">
                <div id="scatter_container" class="vidjil_view visible">
42

Armand Bour's avatar
Armand Bour committed
43
                </div>
44
45
            </div>
        </div>
46

Armand Bour's avatar
Armand Bour committed
47
48
        <div id="segmenter_panel" class="panel">
            <div id="segmenter_container" class="vidjil_view visible">
49

Armand Bour's avatar
Armand Bour committed
50
            </div>
51
        </div>
52
        <form id="form"></form>
Armand Bour's avatar
Armand Bour committed
53
54
        <script data-main="js/app.js" src="js/lib/require.js"></script>
        <script src="js/eventListenerComp.js"></script>
55
        <script src="js/segmenter_page.js"></script>
56
</body>