Gitlab CSE Unil

index.html 5.38 KB
Newer Older
M. Chardon's avatar
M. Chardon committed
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="author" content="M. CHARDON for ESC/RISET - University of Lausanne" />
        <meta name="description" content="Free Web tool for discovering encrypting methods" />
        <meta name="keywords" content="Cipher, Encrypting" />
        <meta charset="UTF-8" />
        <title>Cryptex</title>
        <link rel="icon" type="image/x-icon" href="img/g3761.ico" />
        <link rel="apple-touch-icon" href="apple-touch-icon.png" />
        <link rel="stylesheet" href="node_modules/bootstrap3/dist/css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/bootstrap-theme.min.css" />
        <link rel="stylesheet" href="css/logo_unil.css" />
        <link rel="stylesheet" href="css/main.css" />
    </head>
    <body>
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"><img src="img/g3761.png" alt="" style="height:28px;display: inline;"/>Cryptex</a>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a onclick="initFooter('en');"><img style="background: white; height:25px;" alt="English" src="img/flags/english.png"/></a></li>
                        <li><a onclick="initFooter('fr');"><img style="background: white;height:25px;" alt="Français" src="img/flags/french.png"/></a></li>
                    </ul>
                </div>
            </div>
        </nav>

        <!-- Main jumbotron for a primary marketing message or call to action -->
        <div class="jumbotron">
            <div class="container">
                <div class="row">
                    <div class="col-sm-2">
                        <img alt="" src="img/g3761_g.png" style="width:100%;" />
                    </div>
                    <div class="col-sm-offset-1 col-sm-9">
                        <h1>Cryptex</h1>
                        <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
                        <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="container">
            <!-- Example row of columns -->
            <div class="row">
                <div class="col-md-6">
                    <h2>Vigenere</h2>
                    <p><span class="i18n" data-lang="vigi_desc"></span></p>
                    <p><a class="btn btn-default" href="vigenere/" role="button"><span class="i18n" data-lang="btn_access"></span> &raquo;</a></p>
                </div>
                <div class="col-md-6">
                    <h2>@lea</h2>
                    <p><span class="i18n" data-lang="alea_desc"></span></p>
                    <p><a class="btn btn-default" href="alea/" role="button"><span class="i18n" data-lang="btn_access"></span> &raquo;</a></p>
                </div>
                <!--div class="col-md-4">
                    <h2>Heading</h2>
                    <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                    <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
                </div-->
            </div>

            <hr/>

            <div id="contacts" class="modal fade" role="dialog"></div>
            <div id="credits" class="modal fade" role="dialog"></div>
            <footer class="footer"></footer>

        </div> <!-- /container -->        

        <script src="node_modules/jquery/dist/jquery.min.js"></script>
        <!--script src="node_modules/popper.js/dist/popper.js"></script-->
        <script src="node_modules/bootstrap3/dist/js/bootstrap.min.js"></script>
        <script src="js/jquery.i18n/libs/CLDRPluralRuleParser/src/CLDRPluralRuleParser.js"></script>
        <script src="js/jquery.i18n/jquery.i18n/src/jquery.i18n.js"></script>
        <script src="js/jquery.i18n/jquery.i18n/src/jquery.i18n.messagestore.js"></script>
        <script src="js/jquery.i18n/jquery.i18n/src/jquery.i18n.fallbacks.js"></script>
        <script src="js/jquery.i18n/jquery.i18n/src/jquery.i18n.parser.js"></script>
        <script src="js/jquery.i18n/jquery.i18n/src/jquery.i18n.emitter.js"></script>
        <script src="js/jquery.i18n/jquery.i18n/src/jquery.i18n.language.js"></script>

        <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
        <script src="js/languages.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>