<!DOCTYPE html>
<html>
    <head>
        <title>Gallery</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="CSSstyle.css">
    </head>
    <body>
        <!-- Credit: https://www.w3schools.com/howto/howto_js_scroll_to_top.asp -->
        <button onclick="topFunction()" id="to-top" title="Go to top"><img alt="up arrow"
            src="https://cdn.onlinewebfonts.com/svg/img_231938.png" width="30" /></button>
        <script>
                    // Get the button
                    let mybutton = document.getElementById("to-top");
                    
                    // When the user scrolls down 20px from the top of the document, show the button
                    window.onscroll = function () {
                        scrollFunction()
                    };
                    
                    function scrollFunction() {
                        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                            mybutton.style.display = "block";
                        } else {
                            mybutton.style.display = "none";
                        }
                    }
                    
                    // When the user clicks on the button, scroll to the top of the document
                    function topFunction() {
                        document.body.scrollTop = 0;
                        document.documentElement.scrollTop = 0;
                    }</script>
        <h1 id="title-index">Gallery</h1>
        
            <nav id="menu">
                <a href="index.html"><div class="button">Home</div></a>
                <a href="fulltext.html"><div class="button">Fulltext</div></a>
                <a href="analysis.html"><div class="button">Analysis</div></a>
                <a href="gallery.html"><div class="button">Gallery</div></a>
                <a href="methods.html"><div class="button">Methods</div></a>
                <a href="about.html"><div class="button">About</div></a>
                <a href="GitHub.html"><div class="button">GitHub <img alt="github icon" src="https://logos-download.com/wp-content/uploads/2016/09/GitHub_logo.png" width="15"/></div></a>
            </nav>
        
    </body>
</html>