<!doctype html>
<html>
    <head>
        <meta name="description" content="Tempest Weather System">
        <meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1,user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes" />

<!-- Open Graph Meta Tags -->
<meta property="og:url" content="https://tempestwx.com/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Tempest" />
<meta property="og:description" content="Tempest Weather System" />
<meta property="og:image" content="https://d291gtx2rbpaxo.cloudfront.net/assets/voice/Tempest-full-512x512.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@weatherflow">
<meta name="twitter:title" content="Tempest">
<meta name="twitter:description" content="Tempest Weather System">
<meta name="twitter:image" content="https://d291gtx2rbpaxo.cloudfront.net/assets/voice/Tempest-full-512x512.png">

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#512b59">
<meta name="theme-color" content="#ffffff">
<!--<meta name="apple-itunes-app" content="app-id=1125427067">-->
        <title>Tempest</title>
        <link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="/css/main-7bc01a50c9.min.css">
        <script src="//d2wy8f7a9ursnm.cloudfront.net/v4/bugsnag.min.js"></script>
<script>
window.SWDDebug = {
    appVersion: "tempest-20260605a",
    appBuild: 174
};

if (typeof bugsnag != "undefined") {
    window.bugsnagClient = bugsnag({
        apiKey: "5675886d24b02a37107eb5076d5e1d9f",
        appVersion: window.SWDDebug.appVersion,
        logger: null,
        releaseStage: "production"
    });
}
</script>
        <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EKSZ108N0J"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-EKSZ108N0J');

  var custom = [
      "/",
      "/index.html",
      "/ifttt.html",
      "/forums.html",
      "/alexa.html",
      "google-home.html",
      "/map.html"
  ];

  if (custom.indexOf(window.location.pathname) > -1 || window.location.pathname.indexOf("/station") > -1 || window.location.pathname.indexOf("/share") > -1) {
  	// We will send a custom url to google analytics once the page loads
  } else {
  	// gtag('send', 'pageview');
    gtag("event", "Viewed", {
				"event_category": "Location"
			});
  }
</script>
    </head>
    <body class="station-page">
        <script>
function enableTheme() {
    var savedTheme;
    var root = document.getElementsByTagName("html")[0];
    var darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');

    if (isLocalStorageAvailable()) {
        savedTheme = localStorage.getItem("user_theme");
    } else {
        savedTheme = null;
    }

    if (savedTheme != undefined && savedTheme != null) {
        root.className = savedTheme;
    } else {
        if (typeof darkModeMediaQuery.addEventListener === 'function') {
            darkModeMediaQuery.addEventListener('change', applySystemTheme);
        } else if (typeof darkModeMediaQuery.addListener === 'function') {
            darkModeMediaQuery.addListener(applySystemTheme);
        }
        applySystemTheme(darkModeMediaQuery);
    }

    function applySystemTheme(e) {
        const matches = e.matches !== undefined ? e.matches : e.currentTarget.matches;
        if (matches) {
            root.classList.add("dark");
            root.classList.remove("light");
        } else {
            root.classList.add("light");
            root.classList.remove("dark");
        }
    }
}

function isLocalStorageAvailable() {
    var test = 'test';
    try {
        localStorage.setItem(test, test);
        localStorage.removeItem(test);
        return true;
    } catch (e) {
        return false;
    }
}

enableTheme();
</script>

<header>
    <div id="nav" data-selected-tab="@@selectedTab">
        <a id="weather" href="/station" data-l10n-html="GeneralNavTitleWeather"></a>
        <a id="history" href="/history" data-l10n-html="GeneralNavTitleHistory"></a>
        <a id="map" href="/map" data-l10n-html="GeneralNavTitleMap"></a>
        <a id="settings" href="/settings" data-l10n-html="GeneralNavTitleSettings"></a>
        <a id="my-station" href="/" data-l10n-html="GeneralNavTitleMyStation"></a>
        <a id="log-in" href="/" data-l10n-html="GeneralNavTitleLogIn"></a>
    </div>

    <div id="station-hdr">
        <div class="hdr-menu">
            <button class='cancel-location' data-l10n-html="GeneralButtonCancel"></button>
            <div id="locations">
                <a id="current-location"></a>
            </div>
            <div id="locations-list" class="dd-list transition-item">
                <div id="arb-search-detail">
                    <div class="wrap">
                        <div class="search">
                            <img class="search-close" src="/images/close.svg">
                            <input type="text" id="search-bar" data-l10n-placeholder="GeneralMessageSearchWeather" placeholder="Search for weather" autocomplete="off">
                        </div>
                        <ul id="arb-location-list"></ul>
                    </div>
                </div>
                <ul id="station-location-list">
                </ul>
            </div>
            <button class='add-temp-location' data-l10n-html="LocationButtonAdd"></button>
        </div>
        <button id="view-btn" class="icon-only">Observations</button>
        <a id="buy-ws" href="https://shop.tempest.earth/products/tempest" target="_blank" data-l10n-html="GeneralMessageBuyWs"></a>
    </div>

    <div id="settings-hdr" class="hdr-menu">
        <h1 data-l10n-html="GeneralNavTitle@@title">@@title</h1>
    </div>

    <!-- <div id="map-hdr" class="hdr-menu">
        <div class="hdr-menu">
            <div id="locations">
                <a id="current-location"></a>
            </div>
            <div id="locations-list" class="dd-list transition-item">
                <div id="arb-search-detail">
                    <div class="wrap">
                        <div class="search">
                            <img class="search-close" src="/images/close.svg">
                            <input type="text" id="search-bar" data-l10n-placeholder="GeneralMessageSearchWeather" placeholder="Search for weather" autocomplete="off">
                        </div>
                        <ul id="arb-location-list"></ul>
                    </div>
                </div>
                <ul id="station-location-list">
                </ul>
            </div>
        </div>
        <a id="buy-ws" href="https://shop.tempest.earth/products/tempest" target="_blank" data-l10n-html="GeneralMessageBuyWs"></a>
    </div> -->
</header>

        <div>
            <div class="showLogo"></div>
            <a id="buy-ws" class="logo-link" href="https://shop.tempest.earth/products/tempest" target="_blank" data-l10n-html="GeneralMessageBuyWs"></a>
        </div>

        <div id="main-content">
            <div id="connection-error" style="display: none;">
    <p id="wait-to-connect-msg" class="connection-msg" data-l10n-html="GeneralMessageSocketRetry"><span id="connection-error-retry-time"></span></p>
    <p id="retrying-msg" style="display: none;" class="connection-msg" data-l10n-html="GeneralSocketMessageRetrying"></p>
    <p id="unable-to-connect" style="display: none;" class="connection-msg" data-l10n-html="GeneralMessageSocketError"></p>
</div>
<div id="station-messages" style="display:none;">
	<p id="station-wifi-not-setup" style="display:none;" class="station-message" data-l10n-html="GeneralMessageWifiNotSetup"><a href="#" data-l10n-html="GeneralButtonDismiss" id="dismiss-station-wifi-not-setup"></a></p>
</div>

            <section id="grid-view" class="on-bg">
            </section>

            <section id="arb-grid-view" class="on-bg">
                <div id="tempest-network"></div>
                <div id="logo-nearcast"></div>
                <p id="nearcast-info" data-l10n-html="NearcastMessageInfo"></p>
                <button id="nearcast-learn-more" class="oversize-btn oversize-btn-with-chevron" data-l10n-html="StatusTitleLearnMore"></button>
            </section>

            <section id="graph-view" class="content">
                <div id="graph-ctn">
                    <div id="graph-title" class="graph-height-variable section-hdr on-bg">
                        <button id="graph-close" class="icon-only bg-text" data-l10n-html="GeneralButtonClose"></button>

                        <div id="graph-parameter-ctn">
                            <div id="graph-parameter-hdr">
                                <a id="graph-parameter" class="bg-text"></a>
                                <a href='#' class="power-save-mode-icon"></a>
                            </div>
                            <ul id="graph-parameter-list" class="dd-list content">
                                <li class="dd-heading">Air - Lanai</li>
                                <li><a href="#">Temperature</a></li>
                                <li><a href="#">Humdity</a></li>
                                <li><a href="#">Lightning</a></li>
                            </ul>
                        </div>
                    </div>

                <div id="graph-header" class="graph-height-variable group">
                        <ul id="graph-zoom" data-zoom="2">
                            <li><a href="#" id="graph-zoom-out">Zoom Out</a></li>
                            <li><a href="#" id="graph-zoom-in">Zoom In</a></li>
                        </ul>

                        <div id="mobile-tooltip" class="tooltip"></div>
                    </div>

                    <div id="graph-no-obs">
                        <p data-l10n-html="GraphMessageNoObs"></p>
                    </div>

                    <div id="graph">
                    </div>

                    <ul id="graph-legend" class="graph-height-variable"></ul>
                </div>
            </section>

            <section id="list-view" class="content">
                <div id="list-summary-view"></div>
                <div id="list-device-view"></div>
            </section>

            <section id="history-view" class="content">
                <div id="period-selection" class="shaded-section">
                    <ul class="option-list-inline group second">
                        <li>
                            <input id="period_day" type="radio" name="period" value="day" role="button" aria-checked="false" tabindex="0" />
                            <label for="period_day" data-l10n-html="HistoryRangeDay" class='options-text'></label>
                        </li>
                        <li>
                            <input id="period_week" type="radio" name="period" value="week" role="button" aria-checked="false" tabindex="0"/>
                            <label for="period_week"  data-l10n-html="HistoryRangeWeek" class='options-text'></label>
                        </li>
                        <li>
                            <input id="period_month" type="radio" name="period" value="month" role="button" aria-checked="false" tabindex="0"/>
                            <label for="period_month" data-l10n-html="HistoryRangeMonth" class='options-text'></label>
                        </li>
                        <li>
                            <input id="period_year" type="radio" name="period" value="year" role="button" aria-checked="false" tabindex="0"/>
                            <label for="period_year" data-l10n-html="HistoryRangeYear" class='options-text'></label>
                        </li>
                        <li>
                            <input id="period_alltime" type="radio" name="period" value="alltime" role="button" aria-checked="false" tabindex="0"/>
                            <label for="period_alltime" data-l10n-html="HistoryRangeAllTime" class='options-text'></label>
                        </li>
                    </ul>
                </div>
                <div id="date-selection" class="shaded-section">
                    <a href="#" id="previous-day" class="day-navigator" data-day-step="-1" aria-label="Previous Button"></a>
                    <input id="selected-date" style="display: none;" aria-live="assertive"/>
                    <div id="date-lists" style="display: none;">
                        <p id="custom-date" class="history-date-label" aria-live="assertive"></p>
                        <button id="close-date-selection" aria-label="Close Date Selection" class="visually-hidden" data-l10n-html="GeneralButtonDone"></button>
                        <div id="date-list-months" class="dd-list transition-item"></div>
                        <ul id="date-list-years" class="dd-list transition-item"></ul>
                    </div>
                    <a href="#" id="next-day" class="day-navigator" data-day-step="1" aria-label="Next Button"></a>
                </div>
                <div id="history-view-target"></div>
            </section>

            <section id="history-arb-view">
                <h1 id="arb-alert-msg" data-l10n-html="HistoryErrorNonStation"></h1>
            </section>

            <section id="forecast-view">
                <div id="forecast-ctn">
                    <div id="current-conditions-main">
                        <p id="cc-station-message"></p>
                        <p id="cc-current-temp" class='bg-text' data-param="air_temperature"></p>
                        <p class="cc-large-icon" data-param="icon"></p>
                        <p id="cc-feels-like-label" class='bg-text'><span data-l10n-html="GeneralTitleFeelsLike"></span> <span id="cc-feels-like-temp" class="cc-data-value" data-param="feels_like"></span></p>
                        <p id="conditions-str" class='bg-text' data-param="conditions"></p>
                        <div class="cc-data-params">
                            <p id="cc-humidity" class="cc-data-icon">
    <span class="cc-data-value bg-text" data-param="relative_humidity"></span>
    <span id="humidity_label" class='bg-text' data-l10n-html="GeneralTitleHumidityShort"> Humidity</span>
</p>
                            <p id="cc-pressure" class="cc-data-icon" data-param="pressure_trend" aria-label="Pressure" role="group">
    <span data-param="sea_level_pressure" class="cc-data-value bg-text"></span>
    <span id="pressure_units" class='bg-text'> inHg</span>
</p>
                            <p id="cc-lightning" class="cc-data-icon cc-conditional-param" aria-label="Lightning" role="group"><span data-param="lightning_strike_3hr_last_epoch" class="cc-data-value cc-uppercase bg-text"></span></p>
                        </div>
                        <div class="cc-data-params ">
                            <div id="cc-wind" data-wind-type="rapid" aria-label="Wind Speed" role="group">
    <div class="wind-direction-icon"></div>
    <span data-param="wind_direction_cardinal" class="cc-data-value bg-text"></span>
    <span data-param="wind_direction" class="cc-data-value bg-text"></span>
    <span data-param="wind_avg" class="cc-data-value bg-text"></span>
    <span id="wind_units" class='bg-text'> mph</span>
    <div class="cc-rapid-wind-bar">
        <div class="cc-rapid-wind" style="display:none;"></div>
    </div>
</div>
                            <p id="cc-uv" class="cc-data-icon" aria-label="U V Index" role="group">
    <span data-param="uv" class="cc-data-value bg-text" aria-label="uv index"></span>
    <span data-l10n-html="GeneralTitleUVIndexShort" class='bg-text'></span>
</p>
                            <p id="cc-rain" class="cc-data-icon cc-conditional-param" aria-label="Precipitation Today" role="group"><span data-param="precip_accum_local_day" class="cc-data-value bg-text"></span><span id="rain_units"></span><span data-l10n-html="todaGeneralTitleToday" class="cc-uppercase bg-text"> </span></p>
                        </div>
                        <div id="location-alerts" data-length>
                            <p id="cc-warning" class="cc-data-icon">
    <span class="cc-alert-text bg-text"></span>
</p>
                        </div>
                    </div>

                    <div id="radar-map-ctn">
                        <div id='radar-map'></div>
                        <div class="rain-msg">
                            <div class="rain-msg-ctn">
                                <p></p>
                            </div>
                        </div>
                        <div class="expand-btn-ctn">
                            <div class="swd-map__type-ctn">
                                <div class="expand-btn"></div>
                            </div>
                        </div>
                    </div>
                    <div id="ten-day-forecast">
                        <div id="fx-day-0" class="forecast-day expanded">
	<div class="forecast-day-general on-bg">
        <div class="forecast-day-info">
            <p class="forecast-day-date"></p>
            <p class="forecast-day-desc"></p>
        </div>
        <div class="daily-sky"></div>
        <p class="daily-precip-chance daily-data-point icon" aria-label="Chance of precipitation"></p>
        <div class="temp-display" aria-label="Low temperature" role="group">
            <span class="daily-temp-low-icon icon"></span>
            <p class="daily-temp-low daily-data-point icon"></p>
        </div>
        <div class="temp-display" aria-label="High Temperature" role="group">
            <span class="daily-temp-high-icon icon"></span>
            <p class="daily-temp-high daily-data-point icon"></p>
        </div>
    </div>
	<div class="day-expanded">
        <div class="sun-data"></div>
		<div class="hourly-data"></div>
	</div>
</div>
<div id="fx-day-1" class="forecast-day ">
	<div class="forecast-day-general ">
        <div class="forecast-day-info">
            <p class="forecast-day-date"></p>
            <p class="forecast-day-desc"></p>
        </div>
        <div class="daily-sky"></div>
        <p class="daily-precip-chance daily-data-point icon" aria-label="Chance of precipitation"></p>
        <div class="temp-display" aria-label="Low temperature" role="group">
            <span class="daily-temp-low-icon icon"></span>
            <p class="daily-temp-low daily-data-point icon"></p>
        </div>
        <div class="temp-display" aria-label="High Temperature" role="group">
            <span class="daily-temp-high-icon icon"></span>
            <p class="daily-temp-high daily-data-point icon"></p>
        </div>
    </div>
	<div class="day-expanded">
        <div class="sun-data"></div>
		<div class="hourly-data"></div>
	</div>
</div>
<div id="fx-day-2" class="forecast-day ">
	<div class="forecast-day-general ">
        <div class="forecast-day-info">
            <p class="forecast-day-date"></p>
            <p class="forecast-day-desc"></p>
        </div>
        <div class="daily-sky"></div>
        <p class="daily-precip-chance daily-data-point icon" aria-label="Chance of precipitation"></p>
        <div class="temp-display" aria-label="Low temperature" role="group">
            <span class="daily-temp-low-icon icon"></span>
            <p class="daily-temp-low daily-data-point icon"></p>
        </div>
        <div class="temp-display" aria-label="High Temperature" role="group">
            <span class="daily-temp-high-icon icon"></span>
            <p class="daily-temp-high daily-data-point icon"></p>
        </div>
    </div>
	<div class="day-expanded">
        <div class="sun-data"></div>
		<div class="hourly-data"></div>
	</div>
</div>
<div id="fx-day-3" class="forecast-day ">
	<div class="forecast-day-general ">
        <div class="forecast-day-info">
            <p class="forecast-day-date"></p>
            <p class="forecast-day-desc"></p>
        </div>
        <div class="daily-sky"></div>
        <p class="daily-precip-chance daily-data-point icon" aria-label="Chance of precipitation"></p>
        <div class="temp-display" aria-label="Low temperature" role="group">
            <span class="daily-temp-low-icon icon"></span>
            <p class="daily-temp-low daily-data-point icon"></p>
        </div>
        <div class="temp-display" aria-label="High Temperature" role="group">
            <span class="daily-temp-high-icon icon"></span>
            <p class="daily-temp-high daily-data-point icon"></p>
        </div>
    </div>
	<div class="day-expanded">
        <div class="sun-data"></div>
		<div class="hourly-data"></div>
	</div>
</div>
<div id="fx-day-4" class="forecast-day ">
	<div class="forecast-day-general ">
        <div class="forecast-day-info">
            <p class="forecast-day-date"></p>
            <p class="forecast-day-desc"></p>
        </div>
        <div class="daily-sky"></div>
        <p class="daily-precip-chance daily-data-point icon" aria-label="Chance of precipitation"></p>
        <div class="temp-display" aria-label="Low temperature" role="group">
            <span class="daily-temp-low-icon icon"></span>
            <p class="daily-temp-low daily-data-point icon"></p>
        </div>
        <div class="temp-display" aria-label="High Temperature" role="group">
            <span class="daily-temp-high-icon icon"></span>
            <p class="daily-temp-high daily-data-point icon"></p>
        </div>
    </div>
	<div class="day-expanded">
        <div class="sun-data"></div>
		<div class="hourly-data"></div>
	</div>
</div>
<div id="fx-day-5" class="forecast-day ">
	<div class="forecast-day-general ">
        <div class="forecast-day-info">
            <p class="forecast-day-date"></p>
            <p class="forecast-day-desc"></p>
        </div>
        <div class="daily-sky"></div>
        <p class="daily-precip-chance daily-data-point icon" aria-label="Chance of precipitation"></p>
        <div class="temp-display" aria-label="Low temperature" role="group">
            <span class="daily-temp-low-icon icon"></span>
            <p class="daily-temp-low daily-data-point icon"></p>
        </div>
        <div class="temp-display" aria-label="High Temperature" role="group">
            <span class="daily-temp-high-icon icon"></span>
            <p class="daily-temp-high daily-data-point icon"></p>
        </div>
    </div>
	<div class="day-expanded">
        <div class="sun-data"></div>
		<div class="hourly-data"></div>
	</div>
</div>
<div id="fx-day-6" class="forecast-day ">
	<div class="forecast-day-general ">
        <div class="forecast-day-info">
            <p class="forecast-day-date"></p>
            <p class="forecast-day-desc"></p>
        </div>
        <div class="daily-sky"></div>
        <p class="daily-precip-chance daily-data-point icon" aria-label="Chance of precipitation"></p>
        <div class="temp-display" aria-label="Low temperature" role="group">
            <span class="daily-temp-low-icon icon"></span>
            <p class="daily-temp-low daily-data-point icon"></p>
        </div>
        <div class="temp-display" aria-label="High Temperature" role="group">
            <span class="daily-temp-high-icon icon"></span>
            <p class="daily-temp-high daily-data-point icon"></p>
        </div>
    </div>
	<div class="day-expanded">
        <div class="sun-data"></div>
		<div class="hourly-data"></div>
	</div>
</div>
<div id="fx-day-7" class="forecast-day ">
	<div class="forecast-day-general ">
        <div class="forecast-day-info">
            <p class="forecast-day-date"></p>
            <p class="forecast-day-desc"></p>
        </div>
        <div class="daily-sky"></div>
        <p class="daily-precip-chance daily-data-point icon" aria-label="Chance of precipitation"></p>
        <div class="temp-display" aria-label="Low temperature" role="group">
            <span class="daily-temp-low-icon icon"></span>
            <p class="daily-temp-low daily-data-point icon"></p>
        </div>
        <div class="temp-display" aria-label="High Temperature" role="group">
            <span class="daily-temp-high-icon icon"></span>
            <p class="daily-temp-high daily-data-point icon"></p>
        </div>
    </div>
	<div class="day-expanded">
        <div class="sun-data"></div>
		<div class="hourly-data"></div>
	</div>
</div>
<div id="fx-day-8" class="forecast-day ">
	<div class="forecast-day-general ">
        <div class="forecast-day-info">
            <p class="forecast-day-date"></p>
            <p class="forecast-day-desc"></p>
        </div>
        <div class="daily-sky"></div>
        <p class="daily-precip-chance daily-data-point icon" aria-label="Chance of precipitation"></p>
        <div class="temp-display" aria-label="Low temperature" role="group">
            <span class="daily-temp-low-icon icon"></span>
            <p class="daily-temp-low daily-data-point icon"></p>
        </div>
        <div class="temp-display" aria-label="High Temperature" role="group">
            <span class="daily-temp-high-icon icon"></span>
            <p class="daily-temp-high daily-data-point icon"></p>
        </div>
    </div>
	<div class="day-expanded">
        <div class="sun-data"></div>
		<div class="hourly-data"></div>
	</div>
</div>
<div id="fx-day-9" class="forecast-day ">
	<div class="forecast-day-general ">
        <div class="forecast-day-info">
            <p class="forecast-day-date"></p>
            <p class="forecast-day-desc"></p>
        </div>
        <div class="daily-sky"></div>
        <p class="daily-precip-chance daily-data-point icon" aria-label="Chance of precipitation"></p>
        <div class="temp-display" aria-label="Low temperature" role="group">
            <span class="daily-temp-low-icon icon"></span>
            <p class="daily-temp-low daily-data-point icon"></p>
        </div>
        <div class="temp-display" aria-label="High Temperature" role="group">
            <span class="daily-temp-high-icon icon"></span>
            <p class="daily-temp-high daily-data-point icon"></p>
        </div>
    </div>
	<div class="day-expanded">
        <div class="sun-data"></div>
		<div class="hourly-data"></div>
	</div>
</div>
                    </div>
                    <div id="station-message"></div>
                </div>
            </section>

            <section id="alerts-view">
                <div id="page-header" class="section-hdr on-bg">
    <a href="#" id="back" class="icon status-back"></a>
    <h1 class='bg-text' data-l10n-html="GeneralTitle"></h1>
    <div class="status-empty"></div>
</div>
                <ul id="alert-list" class="menu-list section"></ul>
            </section>

            <section id="alert-info-view">
                <div id="page-header" class="section-hdr on-bg">
                    <a id="alert-back" class="icon status-back"></a>
                    <h1 class='bg-text'></h1>
                    <div class="status-empty"></div>
                </div>
            </section>

            <section id="share-page-limit">
                <span id="tempest-logo" class="icon"></span>
                <p class="limit-warning" data-l10n-html="GeneralLimitWarningStationView"></p>
                <div id="lifestyle-apps">
                    <div class="lifestyle-ctn">
                        <span id="sf-app" class="ls-logo"></span>
                        <a class="lifestyle-btn oversize-btn" href="https://sailflow.com/spot/" target="_blank" data-l10n-html="GeneralLimitTitleViewOn" data-l10n-args='{"brand": "SailFlow"}'></a>
                        <a id="lifestyle-link" href="https://secure.sailflow.com/features" target="_blank" data-l10n-html="GeneralLimitLinkGetPlus"></a>
                    </div>
                    <div class="lifestyle-ctn">
                        <span id="ik-app" class="ls-logo"></span>
                        <a class="lifestyle-btn oversize-btn" href="https://wx.ikitesurf.com/spot/" target="_blank" data-l10n-html="GeneralLimitTitleViewOn" data-l10n-args='{"brand": "iKitesurf"}'></a>
                        <a id="lifestyle-link" href="https://secure.ikitesurf.com/features" target="_blank" data-l10n-html="GeneralLimitLinkGetPlus"></a>
                    </div>
                    <div class="lifestyle-ctn">
                        <span id="ws-app" class="ls-logo"></span>
                        <a class="lifestyle-btn oversize-btn" href="https://wx.iwindsurf.com/spot/" target="_blank" data-l10n-html="GeneralLimitTitleViewOn" data-l10n-args='{"brand": "iWindSurf"}'></a>
                        <a id="lifestyle-link" href="https://secure.iwindsurf.com/features" target="_blank" data-l10n-html="GeneralLimitLinkGetPlus"></a>
                    </div>
                    <div class="lifestyle-ctn">
                        <span id="wa-app" class="ls-logo"></span>
                        <a class="lifestyle-btn oversize-btn" href="https://windalert.com/spot/" target="_blank" data-l10n-html="GeneralLimitTitleViewOn" data-l10n-args='{"brand": "WindAlert"}'></a>
                        <a id="lifestyle-link" href="https://secure.windalert.com/features" target="_blank" data-l10n-html="GeneralLimitLinkGetPlus"></a>
                    </div>
                    <div class="lifestyle-ctn">
                        <span id="fw-app" class="ls-logo"></span>
                        <a class="lifestyle-btn oversize-btn" href="https://fishweather.com/spot/" target="_blank" data-l10n-html="GeneralLimitTitleViewOn" data-l10n-args='{"brand": "FishWeather"}'></a>
                        <a id="lifestyle-link" href="https://secure.fishweather.com/features" target="_blank" data-l10n-html="GeneralLimitLinkGetPlus"></a>
                    </div>
                </div>
            </section>

            <div id="station-btns" class="on-bg">
                <a href="" id="share-btn" class="icon"></a>
                <a href="" id="location-status" style="display: none;"></a>
            </div>

            <div id="custom-network">
                <div class="network-icon"></div>
                <h2 class="temp-net" data-l10n-html="GeneralTitleTempestNetwork">Tempest Network</h2>
                <p class="network-description">
                    <p class="wb-description pad">View station observations, radar and more in the WeatherBug app.</p>
                    <p class="clemson-description pad" data-l10n-html="GeneralCustomNetworkMessageClemson">Observations from this station are being sent to Clemson University.</p>
                </p>
                <a class="network-link" target="_blank"></a>
            </div>

            <div id="location-map"></div>

            <div id="station-info" class="on-bg">
                <p data-l10n-html="StatusMessageTimezone" style="padding-bottom: 5px">All times are displayed in station local time.</p>
                (<span id="station-timezone"></span>)
            </div>

            <div id="footer" class="on-bg">
    <div id="footer-row-1" class="icon">
        <div class="footer-list">
            <a href="https://www.facebook.com/tempestwx/" target="_blank" class="social-facebook social-icon icon-only">Facebook</a>
            <a href="https://twitter.com/tempest_wx/" target="_blank" class="social-twitter social-icon icon-only">Twitter</a>
            <a href="https://www.youtube.com/@tempestwx" target="_blank" class="social-youtube social-icon icon-only">YouTube</a>
            <a href="https://www.instagram.com/tempest.earth/" target="_blank" class="social-instagram social-icon icon-only">Instagram</a>
        </div>
    </div>
    <div id="footer-row-2">
        <div class="footer-list">
            <p>&copy; <span id="copyright-year"></span> Tempest</p>
            <script>document.getElementById('copyright-year').textContent = new Date().getFullYear();</script>
            <a href="https://help.tempest.earth/hc/en-us/categories/203614828-Tempest-Weather-System" target="_blank" data-l10n-html="GeneralTitleHelp"></a>
            <a href="https://help.tempest.earth/hc/en-us/articles/206504298-Terms-of-Use" target="_blank" data-l10n-html="GeneralTitleTermsConditions"></a>
        </div>
        <a href="https://news.tempest.earth/" target="_blank" data-l10n-html="GeneralTitleNewsletter"></a>
    </div>
</div>

            <div id="share-dialog">
                <div class="dialogue-hdr">
                    <button id="share-dialog-close" class="icon-only" data-l10n-html="GeneralButtonClose"></button>
                    <h1 data-l10n-html="GeneralTitleShareDialog"></h1>
                </div>
                <p id="share-url"></p>
            </div>

            <div id="power-save-dialog">
                <div class="dialogue-hdr">
                    <button id="power-save-dialog-close" class="icon-only" data-l10n-html="GeneralButtonClose"></button>
                    <h1 data-l10n-html="GeneralPowerSaveTitle"></h1>
                </div>
                <div class="power-save-ctn">
                    <p id="power-save-message"></p>
                    <a id="power-save-learn-more" href="https://got.wf/tempestpower" target="_blank" data-l10n-html="AccountSetupStartButtonLearnMore"></a>
                </div>
            </div>
        </div>

		<script src="https://www.gstatic.com/firebasejs/11.9.0/firebase-app-compat.js"></script>
		<script src="https://www.gstatic.com/firebasejs/11.9.0/firebase-auth-compat.js"></script>
		<script src="https://www.gstatic.com/firebasejs/11.9.0/firebase-database-compat.js"></script>
		<script src="https://www.gstatic.com/firebasejs/11.9.0/firebase-storage-compat.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="https://d291gtx2rbpaxo.cloudfront.net/lib/jquery/2.2.4/jquery.min.js><\/script>');
</script>

        <script src="https://d2oe4qz6ziflb4.cloudfront.net/lib/moment/2.13.0/moment.min.js"></script>
        <script src="https://d2oe4qz6ziflb4.cloudfront.net/lib/moment/2.13.0/moment-with-locales.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.42/moment-timezone-with-data-10-year-range.min.js"></script>
        <script src="https://d2oe4qz6ziflb4.cloudfront.net/lib/d3/4.3.0/d3.min.js"></script>
        <!-- <script src="https://d291gtx2rbpaxo.cloudfront.net/lib/pikaday.js"></script> -->
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCCR5mSKiNcVMK29BzuTCQojuFGszWctao&callback=Function.prototype"></script>
        <script src="/js/main-e6697b0938.min.js"></script>
    </body>
</html>