FlannersHimself-github.io/index.html at main · FlannersHimself/FlannersHimself-github.io · GitHub

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>Gephi OpenSeadragon Export</title>
        <!-- Copy the code below on your HTML file or header -->
        <script src="js/openseadragon.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            var openSeaDragonMap = undefined;
            document.addEventListener("readystatechange", event => {
                if (event.target.readyState === "complete") {
                    openSeaDragonMap  = OpenSeadragon({
                            id:              "seadragon",
                            tileSources:     "map/map.xml"
                        });
                    }
            });
        </script>
        <style type="text/css">
            body {
                margin: 0px;
                font-family: Verdana, Geneva, Tahoma, sans-serif;
            }
            #container {
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
            }
            #seadragon {
                width: 100vw;
                height: 85vh;
                background-color: Black;
            }

        </style>
    </head>

    <body>
        <div id="container">
            <div class="map">
                <div id="seadragon"></div>
            </div>
            <div>
                <h1>Gephi OpenSeadragon</h1>
                <p>Check <a href="https://github.com/gephi/gephi-plugins/tree/openseadragon-plugin/modules/OpenSeadragonPlugin">documentation</a> how to properly run locally.</p>
            </div>
        </div>
    </body>
</html>