@@ -90,60 +90,4 @@ page-layout: full
90
90
:::
91
91
92
92
93
- :::
94
-
95
- ## Group Locations
96
-
97
- ``` {=html}
98
- <!-- Leaflet CSS and JS from CDN -->
99
- <link rel="stylesheet" href="https://unpkg.com/[email protected] /dist/leaflet.css"
100
- integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
101
- crossorigin="" />
102
-
103
- <script src="https://unpkg.com/[email protected] /dist/leaflet.js"
104
- integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
105
- crossorigin=""></script>
106
-
107
- <!-- Map container with enhanced styling -->
108
- <div id="people-map" style="height: 400px; width: 100%; margin: 20px 0; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border: 1px solid #ddd;"></div>
109
-
110
- <script>
111
- document.addEventListener('DOMContentLoaded', function() {
112
- // Check if Leaflet is loaded
113
- if (typeof L !== 'undefined') {
114
- try {
115
- // Initialize the map centered on Austin, TX (UT location)
116
- var map = L.map('people-map').setView([30.2849, -97.7341], 10);
117
-
118
- // Add Stamen Watercolor tile layer
119
- L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg', {
120
- attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> — Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
121
- subdomains: 'abcd',
122
- minZoom: 1,
123
- maxZoom: 16
124
- }).addTo(map);
125
-
126
- // Add a marker for the University of Texas at Austin
127
- var marker = L.marker([30.2849, -97.7341]).addTo(map);
128
- marker.bindPopup("<strong>McPherson Group</strong><br/>University of Texas at Austin<br/>Austin, TX");
129
-
130
- console.log('Map initialized successfully');
131
- } catch (error) {
132
- console.error('Error initializing map:', error);
133
- // Fallback: show a simple text message
134
- document.getElementById('people-map').innerHTML =
135
- '<div style="display: flex; align-items: center; justify-content: center; height: 100%; background-color: #f8f9fa; color: #6c757d; text-align: center; padding: 20px;">' +
136
- '<div><strong>McPherson Group</strong><br/>University of Texas at Austin<br/>Austin, TX<br/><em>Interactive map loading...</em></div>' +
137
- '</div>';
138
- }
139
- } else {
140
- console.error('Leaflet library not loaded');
141
- // Fallback: show location info
142
- document.getElementById('people-map').innerHTML =
143
- '<div style="display: flex; align-items: center; justify-content: center; height: 100%; background-color: #f8f9fa; color: #6c757d; text-align: center; padding: 20px;">' +
144
- '<div><strong>McPherson Group</strong><br/>University of Texas at Austin<br/>Austin, TX<br/><em>Map functionality requires network access</em></div>' +
145
- '</div>';
146
- }
147
- });
148
- </script>
149
- ```
93
+ :::
0 commit comments