thom-viewer/index.html at master · UVicEthnographicMapping/thom-viewer · 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
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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- (1) Optimize for mobile versions: http://goo.gl/EOpFl -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">                  <!-- (1) force latest IE rendering engine: bit.ly/1c8EiC9 -->
        <meta name="HandheldFriendly" content="True" />
        <meta name="MobileOptimized" content="320" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC7geBTIkRLRWYTQfgNpG_9LSioH0RLUuA"></script>
        <script type="text/javascript" src="lib/jquery-2.1.4.min.js"></script>
        <script type="text/javascript" src="lib/papaparse.min.js"></script>
        <!--  TODO: Remove Bootstrap -->
        <script type="text/javascript" src="lib/bootstrap.min.js"></script> <!-- Not using CDN because it's a security risk -->
        <script type="text/javascript" src="main.js"></script>
        <!-- Use CDN bootstrap CSS. Not as risky since it's CSS. We get fonts free. -->
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <main>
            <div id=sidebarContainer class=container>
                <div id=sidebar class=row>
                    <div style="position: absolute; width: 100%">
                        <button type="button" class="btn close" aria-label="Close" style="margin: 20px;" onclick="toggleSidebar()"><span aria-hidden="true">&times;</span></button>
                        <h3>Map Index</h3>
                    </div>
                </div>
            </div>
            <div id=map></div>
            <div id=datasetsContainer class=container>
                <div id=datasetsWrapper class=row>
                    <table id=datasets class=table>
                        <thead>
                            <tr>
                                <th style="width: 20px;">Toggle</th>
                                <th style="width: 150px;">Opacity</th>
                                <th style="width: auto">Source/Reference</th>
                                <th style="width: 80px;">Page #</th>
                                <th style="width: 100px;">Web Link</th>
                                <th style="width: 50px;">Alt</th>
                                <th style="width: 50px;">Download</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Filled by scripts. -->
                            <tr></tr> <!-- This makes spacing proper -->
                        </tbody>
                    </table>
                </div>
            </div>

            <div id=infoboxContainer class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-body">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <div id=infobox>
                                <h3>Cartographic Legacies</h3>
                                <h4>Ethnographic Mapping in the Coast Salish World</h4>
                                <strong>A project by Brian Thom, Department of Anthropology</strong>
                                <p>These maps were scanned from a review of over 700 ethnographies written about Coast Salish peoples.</p>
                                <p>Browse thematically organized maps of the Coast Salish world drawn from ethnographies over the past 150 years.</p>

                                <p>Check back soon for a scholarly paper that accompanies this ethnographic map database, and improved scans for many of the map images.</p>
                                <p>Link to the original work, where available, or follow the bibliographic reference to find the work in your library.</p>
                                <p><a target=blank href="https://plus.google.com/100587457204641816608/posts/bv1EMCQwJbD">View the slideshow and video presenting an analysis of this material</a></p>
                                <p>This project was supported by research assistants Megan Spencer, Tia Hiltz, Kim Tenhunen, Janelle Kuntz, and Justin Fritz. <a target="blank" href="https://github.com/Hoverbear/thom-viewer">Coding</a> was done by Andrew Hobden. The project was funded by Social Sciences and Humanities Research Council Insight Development Grant.</p>

                                <p>This material is made available for research and private study only.  For uses other than research, private study and personal use (such as publication or distribution of the scanned map images), please contact the original publishers.  If you are a rights holder and wish to contest the use of a specific map scanned and displayed on this site, please contact the Ethnographic Mapping Lab, <a href="mailto:bthom@uvic.ca">bthom@uvic.ca</a>.</p>
                            </div>
                            <div class="logo">
                                <a target="blank" href="http://ethnographicmapping.uvic.ca"><img style="max-width: 100%" src="uvic_logo.jpg"></a>
                            </div>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->

        </main>
  </body>
</html>