index.html 3.18 KB
Newer Older
1 2
<!DOCTYPE html>
<html>
3

4 5
<head>
    <meta charset="UTF-8">
6 7
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

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
    <link rel="icon" href="/src/images/favicon.ico">

    <title> ESRF - DOI </title>

    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/min/output.min.css">
</head>

<script src="/min/components.min.js"></script>
<script src="/min/precompiled.templates.min.js"></script>
<script src="/min/doi.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        var doi = document.location.pathname.substring(1, document.location.pathname.length);
        var controller = new DOIController(new DOIView());
        if (doi != "") {
            controller.setOrigin("index");
        }
        else {
            controller.setOrigin("welcome-page");
        }
        controller.displayMainContent(doi);
    });

    // search the doi entered in the search box
    function searchDOI() {
        var doi = $('#doiSearchBox').val();
        if (!doi) { doi = $('#doiSearchBox').attr('placeholder') }
        var controller = new DOIController(new DOIView());
        controller.setOrigin("welcome-page");
        controller.getData(doi);
    };

</script>
</head>

<body>
    <div class="container-fluid">
        <div class="row align-items-center blueBackground">
            <div class="col-12 col-sm-4">
                <img id="logo" style="height:80px;" src="/src/images/esrflogo.png" alt="the ESRF logo">
            </div>
51 52
            <div class="col"> </div>
            <div class="col-auto">
53 54 55 56
                <div class="whiteFont font-3p2rem" id="doiValue">
                    <!-- filled by the js code -->

                </div>
57
            </div>
58 59 60 61 62 63 64
        </div>
    </div>
    <div id='main'></div>
    <div id='error'></div>
    <div class="modal">
        <!-- nothing to write here -->
    </div>
Maxime Chaillet's avatar
Maxime Chaillet committed
65

66 67
    <footer class="footer">
        <div class="container-fluid">
68
            <div class="row">
69
                <div class="col-12 col-md-5">
Maxime Chaillet's avatar
Maxime Chaillet committed
70 71 72
                    <p id="footerLeft">
                        <a style='font-weight:bold;' href="http://www.esrf.eu">European Synchrotron Radiation Facility</a>
                    </p>
73 74
                </div>
                <div class="col-12 col-md-2">
Maxime Chaillet's avatar
Maxime Chaillet committed
75 76 77 78 79 80 81
                    <p>
                        <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
                            <img id="licenceImage" alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" />
                        </a>


                    </p>
82 83
                </div>
                <div class="col-12 col-md-5">
Maxime Chaillet's avatar
Maxime Chaillet committed
84 85 86 87 88 89 90
                    <p id="footerRight" style="font-size:12px;">
                        Access to data is governed by the
                        <a href="http://www.esrf.eu/files/live/sites/www/files/about/organisation/ESRF%20data%20policy-web.pdf"
                            target="_blank">
                            ESRF data policy
                        </a>.
                    </p>
91
                </div>
92
            </div>
93 94 95 96 97
        </div>
    </footer>
</body>

</html>