summaryrefslogtreecommitdiff
path: root/bak/oldluxpages/mapindex.html
blob: 6043f3569110716c7c5483b4bb6a39e790462e3d (plain)
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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html  dir="ltr" lang="en-US">
    
<head>
    <title>Luxagraf | Map and Trips</title>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" 
          content="Browse luxagraf by map, see trip routes and discover essays and dispatches from around the world">
    <meta name="author" content="Scott Gilbertson">
    <!--[if IE]>
    <script src="/js/html5css3ie.min.js"></script>
    <![endif]-->
    <link rel="alternate" 
          type="application/rss+xml" 
          title="Luxagraf RSS feed"
          href="https://luxagraf.net/rss/">
    <link rel="stylesheet" 
          href="/media/screenv8.css" 
          media="screen">
    <!--[if IE]>
    <link rel="stylesheet" 
          href="/media/css/ie.css" 
          media="screen">
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="manifest" href="/manifest.webmanifest" /> 
    
    <script src="/media/js/leaflet-master/leaflet-mod.js"></script>
     <style>
         #map-canvas img{ border: none;}
     </style>

</head>
<body id="map">
    <div class="wrapper" id="wrapper">
    <div class="header-wrapper">
        <header role="banner">
            <h1><a id="logo" href="/" title="home">Luxagraf</a></h1>
            <h2>Walk Slowly</h2>
        </header>
        <nav role="navigation" class="bl">
            <ul>
                <li id="laverdad"><a href="/jrnl/" title="What we've been up to lately">Journal</a></li>
                <!--<li id="nota"><a href="/field-notes/" title="Quick notes and images from the road">Notes</a></li>
                <li id="fotos"><a href="/photos/" title="Photos from travels around the world">Photos</a></li>i-->
                <li id="maps"><a href="/map" title="Maps">Map</a></li>
                <li id="about"><a href="/about" title="About Luxagraf">About</a></li>
                <li id="etc" class="last"><a href="/projects/" title="the less visible portions of the iceberg">More</a></li>
            </ul>
        </nav>
    </div>
    <ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
        <li><a href="/" itemprop="url" title="luxagraf homepage"><span itemprop="title">Home</span></a> &rarr;</li>
        <li>Map</li>
    </ul>
    <main role="main" class="map--wrapper">
        <h1 class="hide">Browse luxagraf by map</h1>
        <div id="map-canvas">
            <div id="map-inner-canvas" style="width: 100%; height: 100%; border: none !important;"></div>
        </div>

        <div class="map-legend">
            <h4>Trips</h4>
            <ul>
                
                <li><a onclick="showRoute('nic_route', 7, '11.96643677890659','-86.00978850121102');" href="#" title="show Nicaragua (&#39;08) on map">Nicaragua (&#39;08)</a></li>
                
                <li><a onclick="showRoute('w1_route', 2, '23.759851838165194','74.80282011411195');" href="#" title="show Around the World (&#39;05-&#39;06) on map">Around the World (&#39;05-&#39;06)</a></li>
                
                <li><a onclick="showRoute('w2_route', 2, '33.95418230331598','-83.39996336394661');" href="#" title="show Circumnavigation (&#39;11) on map">Circumnavigation (&#39;11)</a></li>
                
            </ul>
            <h4>Regions</h4>
            <ul>
            
                <li><a href="#north-america" onclick="focusCountry(39.0277188402, -98.349609375, 4);" title="See all writing from North America">North America</a></li>
            
                <li><a href="#central-america" onclick="focusCountry(14.3708339734, -87.8686523438, 6);" title="See all writing from Central America">Central America</a></li>
            
                <li><a href="#europe" onclick="focusCountry(47.0102256557, 4.74609375, 5);" title="See all writing from Europe">Europe</a></li>
            
                <li><a href="#southeast-asia" onclick="focusCountry(12.2970682929, 102.744140625, 5);" title="See all writing from Southeast Asia">Southeast Asia</a></li>
            
                <li><a href="#central-asia" onclick="focusCountry(20.0146454453, 79.892578125, 5);" title="See all writing from Central Asia">Central Asia</a></li>
            
            </ul>
            <h4>Countries</h4>
            <ul>
                <li><a onclick="focusCountry(19.311143,2.460938,2);" href="#" title="view all countries">All</a></li>
                
                
                <li><a href="#austria" onclick="focusCountry(47.683, 14.912, 8);" title="See all writing from Austria">Austria</a></li>
            
                <li><a href="#cambodia" onclick="focusCountry(12.714, 104.564, 7);" title="See all writing from Cambodia">Cambodia</a></li>
            
                <li><a href="#croatia" onclick="focusCountry(45.723, 16.693, 7);" title="See all writing from Croatia">Croatia</a></li>
            
                <li><a href="#czech-republic" onclick="focusCountry(49.9017112173, 14.9963378906, 7);" title="See all writing from Czech Republic">Czech Republic</a></li>
            
                <li><a href="#france" onclick="focusCountry(46.565, 2.55, 6);" title="See all writing from France">France</a></li>
            
                <li><a href="#hungary" onclick="focusCountry(47.07, 19.134, 7);" title="See all writing from Hungary">Hungary</a></li>
            
                <li><a href="#india" onclick="focusCountry(21.0, 78.5, 5);" title="See all writing from India">India</a></li>
            
                <li><a href="#indonesia" onclick="focusCountry(-0.976, 114.252, 5);" title="See all writing from Indonesia">Indonesia</a></li>
            
                <li><a href="#italy" onclick="focusCountry(42.7, 12.8, 6);" title="See all writing from Italy">Italy</a></li>
            
                <li><a href="#laos" onclick="focusCountry(19.905, 102.471, 6);" title="See all writing from Lao (Pdr)">Lao (PDR)</a></li>
            
                <li><a href="#nepal" onclick="focusCountry(28.253, 83.939, 6);" title="See all writing from Nepal">Nepal</a></li>
            
                <li><a href="#nicaragua" onclick="focusCountry(12.84, -85.034, 7);" title="See all writing from Nicaragua">Nicaragua</a></li>
            
                <li><a href="#slovenia" onclick="focusCountry(46.124, 14.827, 9);" title="See all writing from Slovenia">Slovenia</a></li>
            
                <li><a href="#thailand" onclick="focusCountry(15.7, 100.844, 5);" title="See all writing from Thailand">Thailand</a></li>
            
                <li><a href="#united-kingdom" onclick="focusCountry(53.0, -1.6, 6);" title="See all writing from United Kingdom">United Kingdom</a></li>
            
                <li><a href="#united-states" onclick="focusCountry(39.622, -98.606, 4);" title="See all writing from United States">United States</a></li>
            
            
            </ul>
        </div>    
    
    
    <footer role="contentinfo">
         Support luxagraf: <script src="https://liberapay.com/luxagraf/widgets/button.js"></script>
         <noscript><a href="https://liberapay.com/luxagraf/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a></noscript>
        <nav class="bl">
            <ul>
                <li><a href="/blogroll" title="Sites that inspire us">Blogroll</a></li>
                <li><a href="/contact/" title="contact luxagraf">Contact</a></li>
                <li>Follow Along:
                    <ul>
                        <li><a href="/jrnl/feed.xml" title="RSS feed">RSS</a></li>
                        <li><a href="/email/subscribe" title="Luxagraf Email Updates">Email</a></li>
                        <li><a href="https://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">Twitter</a></li>
                        <li><a href="https://www.facebook.com/luxagraf" rel="me" title="luxagraf on Facebook">Facebook</a></li>
                    </ul>
            </ul>
        </nav>
        <p id="license">
            &copy; 2003-2018 
            <span class="h-card"><a class="p-name u-url" href="https://luxagraf.net/">Scott Gilbertson</a><data class="p-nickname" value="luxagraf"></data><data class="p-locality" value="Athens"></data><data class="p-region" value="Georgia"></data><data class="p-country-name" value="United States"></data></span>, except photos, which are licensed under the Creative Commons (<a href="http://creativecommons.org/licenses/by-sa/3.0/" title="read the Attribution-Share Alike 3.0 deed">details</a>).
        </p>
    </footer>
    </div>
    
<!--<script type="text/javascript" src="/media/js/mainmap.js"></script>-->
<script src="/media/js/mainmap.js"></script>

<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
    var u="//stats.luxagraf.net/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', 1]);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//stats.luxagraf.net/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->


</body>
</html>