Gitlab CSE Unil

index.html 5.33 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
<!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>
M. Chardon's avatar
M. Chardon committed
46
47
                        <p><span class="i18n" data-lang="general_desc"></span></p>
                        <!--p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p-->
M. Chardon's avatar
M. Chardon committed
48
49
50
51
52
53
54
55
56
                    </div>
                </div>
            </div>
        </div>

        <div class="container">
            <!-- Example row of columns -->
            <div class="row">
                <div class="col-md-6">
M. Chardon's avatar
M. Chardon committed
57
                    <h2>Vigenère</h2>
M. Chardon's avatar
M. Chardon committed
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
                    <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>
95
96
97
98
        <script>
            var lang = initCookieLang();
            initFooter(lang);
        </script>
M. Chardon's avatar
M. Chardon committed
99
100
    </body>
</html>