https://www.trisphoto.com/ Recent content on Hugo en Tue, 01 Sep 2026 00:00:00 +0000 https://www.trisphoto.com/trips/te-araroa/the-long-pathway/ Tue, 01 Sep 2026 00:00:00 +0000 https://www.trisphoto.com/trips/te-araroa/the-long-pathway/ <h1 id="rultralight_jerk">r/ultralight_jerk</h1> <p>Planning this trip was a great opportunity to make use of my love of spreadsheets&hellip; As such, I spent way too long browsing different ultralight camping/hiking subreddits, meticulously planning every item I would carry on my back. I hyperfixated on the best sleep system and the pros and cons of different boxer materials. I even brought a titanium sh*t shovel. Here&rsquo;s the fruits of my labour, all 8kg of it.</p> https://www.trisphoto.com/trips/gowercoastalpath/2026-08-02/ Sun, 02 Aug 2026 00:00:00 +0000 https://www.trisphoto.com/trips/gowercoastalpath/2026-08-02/ https://www.trisphoto.com/live-track/ Mon, 01 Jan 0001 00:00:00 +0000 https://www.trisphoto.com/live-track/ <h2 id="wheres-wally">Where&rsquo;s Wally</h2> <p>Track live location, sent from Garmin inReach.</p> <p><a href="https://live.garmin.com/lutris" target="_blank" rel="noopener noreferrer">View my live tracker on Garmin →</a></p> <h2 id="wheres-my-kudos">Where&rsquo;s my Kudos?</h2> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script> <section class="strava-widget"> <p id="strava-status" class="strava-status" role="status" aria-live="polite">Loading latest hike...</p> <article id="strava-activity" class="strava-activity" hidden> <div class="strava-activity-header"> <span class="strava-profile-avatar"> <img id="strava-profile-image" class="strava-profile-image" alt="Strava profile photo" hidden> <span id="strava-profile-fallback" class="strava-profile-fallback" aria-hidden="true">T</span> </span> <a id="strava-profile-link" class="strava-profile-link" target="_blank" rel="noopener noreferrer">Tristan Smith</a> <time id="strava-activity-date" class="strava-activity-date"></time> </div> <div class="strava-activity-details"> <h3 id="strava-activity-name" class="strava-activity-name"></h3> <p id="strava-activity-description" class="strava-activity-description" hidden></p> <ul id="strava-activity-stats" class="strava-activity-stats"> <li class="strava-stat-action"> <a id="strava-activity-link" class="strava-activity-link" target="_blank" rel="noopener noreferrer">View on Strava</a> </li> </ul> </div> <div id="strava-map" class="strava-map" aria-label="Map showing the hike route"> <p id="strava-map-fallback" class="strava-map-fallback" hidden></p> </div> </article> </section> <script> async function updateStravaActivity() { const status = document.getElementById("strava-status"); const card = document.getElementById("strava-activity"); try { const response = await fetch('/strava.json?v=' + Date.now()); const data = await response.json(); if (!response.ok || data.error) { status.textContent = data.error || "Strava activity is unavailable."; card.hidden = true; return; } if (!data.configured) { status.textContent = "Strava is not connected yet."; card.hidden = true; return; } if (!data.activity) { status.textContent = "No recent public hike found."; card.hidden = true; return; } const activity = data.activity; const activityDate = new Date(activity.date); const distance = Number(activity.distanceMeters); const elevation = Number(activity.elevationGainMeters); const stats = []; document.getElementById("strava-activity-link").href = activity.url; const profileLink = document.getElementById("strava-profile-link"); profileLink.href = activity.profileUrl || "https://www.strava.com/athletes/31753850"; profileLink.textContent = activity.profileName || "Tristan Smith"; const profileImage = document.getElementById("strava-profile-image"); const profileFallback = document.getElementById("strava-profile-fallback"); if (activity.profileImageUrl) { profileImage.src = activity.profileImageUrl; profileImage.hidden = false; profileFallback.hidden = true; } else { profileImage.removeAttribute("src"); profileImage.hidden = true; profileFallback.hidden = false; } document.getElementById("strava-activity-name").textContent = activity.name; const description = document.getElementById("strava-activity-description"); description.textContent = activity.description || ""; description.hidden = !activity.description; const date = document.getElementById("strava-activity-date"); date.dateTime = activity.date; date.textContent = Number.isNaN(activityDate.getTime()) ? "Date unavailable" : new Intl.DateTimeFormat(undefined, { dateStyle: "medium", timeStyle: "short" }).format(activityDate); if (Number.isFinite(distance) && distance > 0) { stats.push({ label: "Distance", value: `${new Intl.NumberFormat(undefined, { maximumFractionDigits: 1 }).format(distance / 1000)} km`, }); } if (Number.isFinite(elevation) && elevation > 0) { stats.push({ label: "Elevation", value: `${Math.round(elevation)} m` }); } const statsList = document.getElementById("strava-activity-stats"); const actionItem = statsList.querySelector(".strava-stat-action"); statsList.replaceChildren(...stats.map(({ label, value }) => { const item = document.createElement("li"); const statLabel = document.createElement("span"); const statValue = document.createElement("strong"); statLabel.className = "strava-stat-label"; statLabel.textContent = label; statValue.className = "strava-stat-value"; statValue.textContent = value; item.append(statLabel, statValue); return item; }), actionItem); status.textContent = ""; card.hidden = false; requestAnimationFrame(() => renderStravaMap(activity.summaryPolyline)); } catch (error) { status.textContent = "Strava activity is unavailable."; card.hidden = true; } } function renderStravaMap(encodedPolyline) { const mapElement = document.getElementById("strava-map"); const fallback = document.getElementById("strava-map-fallback"); if (!encodedPolyline) { fallback.textContent = "No route map was shared for this hike."; fallback.hidden = false; return; } if (typeof L === "undefined") { fallback.textContent = "The route map could not be loaded."; fallback.hidden = false; return; } const coordinates = decodeStravaPolyline(encodedPolyline); if (!coordinates.length) { fallback.textContent = "No route map was shared for this hike."; fallback.hidden = false; return; } const map = L.map(mapElement, { scrollWheelZoom: false }); L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { maxZoom: 19, attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors', }).addTo(map); const route = L.polyline(coordinates, { color: "#fc4c02", weight: 4, opacity: 0.9 }).addTo(map); const bounds = route.getBounds(); if (bounds.isValid()) { map.fitBounds(bounds, { padding: [24, 24], maxZoom: 15 }); } else { map.setView(coordinates[0], 13); } L.circleMarker(coordinates[0], { radius: 5, color: "#ffffff", weight: 2, fillColor: "#198754", fillOpacity: 1 }).addTo(map); L.circleMarker(coordinates[coordinates.length - 1], { radius: 5, color: "#ffffff", weight: 2, fillColor: "#fc4c02", fillOpacity: 1 }).addTo(map); } function decodeStravaPolyline(encoded) { const coordinates = []; let index = 0; let latitude = 0; let longitude = 0; while (index < encoded.length) { let result = 0; let shift = 0; let byte; do { byte = encoded.charCodeAt(index++) - 63; result |= (byte & 0x1f) << shift; shift += 5; } while (byte >= 0x20 && index < encoded.length); latitude += result & 1 ? ~(result >> 1) : result >> 1; result = 0; shift = 0; do { byte = encoded.charCodeAt(index++) - 63; result |= (byte & 0x1f) << shift; shift += 5; } while (byte >= 0x20 && index < encoded.length); longitude += result & 1 ? ~(result >> 1) : result >> 1; coordinates.push([latitude / 1e5, longitude / 1e5]); } return coordinates; } updateStravaActivity(); </script> <h2 id="on-air">On-Air</h2> <section class="spotify-widget" aria-live="polite"> <div id="spotify-status" class="spotify-status">Loading top tracks...</div> <ol id="spotify-top-tracks" class="spotify-top-tracks" hidden></ol> </section> <script> async function updateSpotifyStatus() { const status = document.getElementById("spotify-status"); const topTracks = document.getElementById("spotify-top-tracks"); try { const response = await fetch('/spotify.json?v=' + Date.now()); const data = await response.json(); if (!response.ok || data.error) { status.textContent = data.error || "Spotify listening status is unavailable."; topTracks.hidden = true; return; } if (!data.topTracks?.length) { status.textContent = "No top tracks are available yet."; topTracks.hidden = true; return; } status.textContent = "Spotify top listened to tracks this month"; topTracks.replaceChildren(...data.topTracks.slice(0, 5).map((track, index) => { const item = document.createElement("li"); const link = document.createElement("a"); const image = document.createElement("img"); const text = document.createElement("span"); image.src = track.imageUrl; image.alt = ""; text.className = "spotify-track-text"; text.textContent = `${track.title} - ${track.creator}`; link.href = track.spotifyUrl; link.target = "_blank"; link.rel = "noopener noreferrer"; link.append(image, text); item.appendChild(link); return item; })); topTracks.hidden = false; } catch (error) { status.textContent = "Spotify listening status is unavailable."; topTracks.hidden = true; } } updateSpotifyStatus(); setInterval(updateSpotifyStatus, 60000); </script>