CINXE.COM
SLSA Beachsafe
<!DOCTYPE html> <html lang="en-AU"> <head> <base href="https://beachsafe.org.au" /> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="viewport-fit=cover, width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="format-detection" content="telephone=no" /> <meta property="fb:app_id" content="80408547450" /> <!-- icons --> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png" /> <link rel="manifest" href="/manifest.json"/> <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5" /> <meta name="theme-color" content="#0061AA" /> <meta name="apple-mobile-web-app-status-bar-style" content="#0061AA"> <meta name="application-name" content="SLSA Beachsafe"/> <meta name="msapplication-TileColor" content="#2d89ef" /> <link rel="Shortcut Icon" type="image/x-icon" href="/images/favicon/favicon.ico" /> <meta name="apple-itunes-app" content="app-id=397699623"> <title>SLSA Beachsafe</title> <script> window.API_HOST = "https://beachsafe.org.au"; window.APP_NAME = "SLSA Beachsafe"; window.APP_VERSION = "3.2.0-c9bb91c2"; window.APP_ENV = "production"; window.BUGSNAG_NOTIFY_RELEASE_STAGES = "production"; window.BUILDED_AT = "2024-10-18 09:22:47"; window.BUGSNAG_API_KEY = "d292bc90af68f6c87531115afd5d2c62" console.log('%c This is Beachsafe v3!', 'font-size: 14px; color: #ed1c2e;') console.log('%c '+window.APP_VERSION+' @ '+window.BUILDED_AT, 'font-size: 14px; color: #ed1c2e;') console.log('%c Made by Nano Solutions in Fremantle 馃嚘馃嚭 ', 'font-size: 14px; color: #ed1c2e') </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"> </script> <!-- Styles --> <link rel="stylesheet" href="/css/app.css?id=125a68c2dd1dad888e9b8f0dc394c04a"> <style> body { margin: 0; font-weight: 400; color: #393939; text-align: left; background-color: #fff; -webkit-font-smoothing: antialiased; } .main-loading-image { text-align: center; max-width: 60%; animation: heartbeat 8s infinite; z-index: 99999; -webkit-filter: drop-shadow(1px 1px 30px #222); filter: drop-shadow(1px 1px 30px #222); } #main-loading-text { position: fixed; color: #ffffff; top: 20px; text-align: center; max-width: 100%; left: 0; right: 0; z-index: 99999; } #main-loading { position: fixed; left: 0; right: 0; top: 0; bottom: 0; padding: 0; margin: 0; background: #0060a9; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; min-height: 24em; z-index: 99999; background: linear-gradient(-45deg, #EE7752, #ed1c2e, #0060a9, #23D5AB); background-size: 200% 200%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite; } @keyframes heartbeat { 0% { transform: scale(1); } 20% { transform: scale(1.15); } 40% { transform: scale(1.35); } 60% { transform: scale(1.1); } 80% { transform: scale(1.15); } 100% { transform: scale(1); } } @keyframes Gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } </style> </head> <body> <div id="main-loading"> <div id="main-loading-text">Loading App...</div> <img src="https://beachsafe.org.au/images/logo.png" alt="Logo" class="main-loading-image"> </div> <div id="app" class="container-fluid"> </div> <noscript>It may sound funny, but this application requires JavaScript. Please enable it.</noscript> <!-- Scripts --> <script src="/js/manifest.js?id=0ab16ff7dbb54374a083bc5fa1484ba6"></script> <script src="/js/vendor.js?id=f672e473d4d911c284f25d72e68bc8f8"></script> <script src="/js/app.js?id=2d536a8bddf7729520b55bea72008f4e"></script> <script> window.fbAsyncInit = function() { FB.init({ appId: 80408547450, cookie: true, // enable cookies to allow the server to access the session xfbml: true, // parse social plugins on this page version: 'v2.8' // use graph api version 2.8 }); }; // Load the SDK asynchronously (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> </body> </html>