<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <title>LSTS 2026</title>

    

    <link rel="manifest" href="manifest.json">

    <meta name="mobile-web-app-capable" content="yes">

    <meta name="apple-mobile-web-app-capable" content="yes">

    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <meta name="apple-mobile-web-app-title" content="LSTS 2026">

    <link rel="apple-touch-icon" href="icon-192.png">


    <style>

        body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; background-color: #F9F6F0; }

        iframe { width: 100%; height: 100%; border: none; }

    </style>

</head>

<body>

    <iframe id="portal-frame" src=""></iframe>

    <script>

        // YOUR GOOGLE APPS SCRIPT URL IS ALREADY PASTED HERE:

        const GAS_URL = "https://script.google.com/macros/s/AKfycbxAvFlzAik12ot5wWTqHuzmTgbLjzV1c2OaGq1cFZiCsa0qf0lyFM14cIDZep_lO3hg/exec";

        

        const urlParams = new URLSearchParams(window.location.search);

        let token = urlParams.get('token');


        if (token) {

            localStorage.setItem('lsts_delegate_token', token);

        } else {

            token = localStorage.getItem('lsts_delegate_token');

        }


        if (token) {

            document.getElementById('portal-frame').src = GAS_URL + "?token=" + token;

        } else {

            document.body.innerHTML = "<h2 style='text-align:center; padding-top: 50px; font-family: sans-serif; color: #1B4332;'>Please click your personalized link to log in.</h2>";

        }


        if ('serviceWorker' in navigator) {

            navigator.serviceWorker.register('sw.js');

        }

    </script>

</body>

</html>