1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>OceanGuard â Protect our oceans, one wave at a time</title> 7 <meta name="description" content="OceanGuard visualizes ocean pollution, maps the world's worst hotspots, and connects you to clean-up events near you."> 8 <meta name="author" content="OceanGuard" /> 9 10 <link rel="preconnect" href="https://fonts.googleapis.com" /> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 12 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" /> 13 14 15 16 <meta property="og:type" content="website" /> 17 <meta property="og:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/attachments/og-images/84dd6950-5605-4af4-a936-76f8312c24b0"> 18 <meta name="twitter:card" content="summary_large_image" /> 19 <meta property="og:title" content="OceanGuard â Protect our oceans, one wave at a time"> 20 <meta name="twitter:title" content="OceanGuard â Protect our oceans, one wave at a time"> 21 <meta property="og:description" content="OceanGuard visualizes ocean pollution, maps the world's worst hotspots, and connects you to clean-up events near you."> 22 <meta name="twitter:description" content="OceanGuard visualizes ocean pollution, maps the world's worst hotspots, and connects you to clean-up events near you."> 23 <meta name="twitter:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/attachments/og-images/84dd6950-5605-4af4-a936-76f8312c24b0"> 24
24<script type="module" crossorigin src="/assets/index-DbLJFFJA.js"></script>
24 25 <link rel="stylesheet" crossorigin href="/assets/index-D_lvIwBg.css"> 26 27<style> 28 #lovable-badge { 29 --badge-bg: #1b1b1b; 30 --badge-text: #c5c1b9; 31 --badge-text-hover: #dcdad5; 32 --badge-radius: 6px; 33 --badge-padding: 8px; 34 --badge-gap: 6px; 35 --badge-shadow: 36 0 0 0 1px rgba(0, 0, 0, 0.88), 37 0 1px 0 0 rgba(0, 0, 0, 0.04), 38 0 2px 2px -1px rgba(0, 0, 0, 0.08), 39 0 4px 4px -2px rgba(0, 0, 0, 0.08), 40 0 8px 8px -4px rgba(0, 0, 0, 0.08), 41 0 16px 16px -8px rgba(0, 0, 0, 0.08); 42 --badge-transition-duration: 0.2s; 43 --badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1); 44 --focus-color: #575ECF; 45 --focus-offset: 2px; 46 --focus-width: 2px; 47 48 position: fixed; 49 bottom: 12px; 50 right: 12px; 51 height: 24px; 52 display: flex; 53 align-items: center; 54 z-index: 1000000; 55 background-color: var(--badge-bg) !important; 56 color: var(--badge-text) !important; 57 border-radius: var(--badge-radius); 58 box-shadow: var(--badge-shadow) !important; 59 font-size: 12px; 60 font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 61 font-weight: 400 !important; 62 text-transform: none !important; 63 font-feature-settings: normal !important; 64 transform: translateZ(0); 65 will-change: transform, opacity; 66 transition: opacity var(--badge-transition-duration) var(--badge-transition-easing); 67 } 68 69 #lovable-badge.closing { 70 opacity: 0; 71 pointer-events: none; 72 } 73 74 #lovable-badge-cta { 75 display: flex; 76 align-items: baseline; 77 gap: var(--badge-gap); 78 box-sizing: border-box; 79 padding: 4px var(--badge-padding) 0; 80 height: 100%; 81 color: inherit; 82 text-decoration: none; 83 white-space: nowrap; 84 border-radius: var(--badge-radius) 0 0 var(--badge-radius); 85 transition: 86 background-color var(--badge-transition-duration) ease, 87 color var(--badge-transition-duration) ease, 88 transform 0.1s ease; 89 } 90 91 #lovable-badge-cta:hover { 92 background: rgba(255, 255, 255, 0.04); 93 color: var(--badge-text-hover); 94 } 95 96 #lovable-badge-cta:active { 97 transform: scale(0.98); 98 } 99 100 #lovable-badge-cta:focus { 101 outline: none; 102 } 103 104 #lovable-badge-cta:focus-visible { 105 outline: var(--focus-width) solid var(--focus-color); 106 outline-offset: var(--focus-offset); 107 z-index: 1; 108 } 109 110 #lovable-badge-text { 111 line-height: 1; 112 } 113 114 /* The wordmark baseline sits at y=12 of the 16px logo; an empty 12px box 115 makes that the flex baseline so the text aligns to it on any system font. */ 116 #lovable-badge-logo { 117 position: relative; 118 display: block; 119 width: 52px; 120 height: 12px; 121 } 122 123 #lovable-badge-logo svg { 124 position: absolute; 125 top: 0; 126 left: 0; 127 } 128 129 #lovable-badge-divider { 130 width: 1px; 131 height: 24px; 132 background-color: rgba(255, 255, 255, 0.04); 133 flex-shrink: 0; 134 } 135 136 #lovable-badge-close { 137 width: 24px; 138 height: 24px; 139 min-width: 24px; 140 min-height: 24px; 141 cursor: pointer; 142 background: none; 143 border: none; 144 padding: 0; 145 display: flex; 146 align-items: center; 147 justify-content: center; 148 border-radius: 0 var(--badge-radius) var(--badge-radius) 0; 149 flex-shrink: 0; 150 transition: 151 background-color var(--badge-transition-duration) ease, 152 transform 0.1s ease; 153 } 154 155 #lovable-badge-close:hover { 156 background: rgba(255, 255, 255, 0.04); 157 } 158 159 #lovable-badge-close:active { 160 transform: scale(0.92); 161 } 162 163 #lovable-badge-close:focus { 164 outline: none; 165 } 166 167 #lovable-badge-close:focus-visible { 168 outline: var(--focus-width) solid var(--focus-color); 169 outline-offset: calc(var(--focus-offset) * -1); 170 z-index: 1; 171 } 172 173 #lovable-badge-close svg path { 174 fill: var(--badge-text); 175 transition: fill var(--badge-transition-duration) ease; 176 } 177 178 #lovable-badge-close:hover svg path { 179 fill: var(--badge-text-hover); 180 } 181 182 @media (prefers-reduced-motion: reduce) { 183 #lovable-badge, 184 #lovable-badge-cta, 185 #lovable-badge-close, 186 #lovable-badge-close svg path { 187 transition: none; 188 } 189 190 #lovable-badge-cta:active, 191 #lovable-badge-close:active { 192 transform: none; 193 } 194 } 195 196 @media (prefers-contrast: high) { 197 #lovable-badge { 198 --badge-bg: #000; 199 --badge-text: #fff; 200 --badge-text-hover: #fff; 201 border: 2px solid currentColor; 202 } 203 204 #lovable-badge-cta:focus-visible, 205 #lovable-badge-close:focus-visible { 206 outline-width: 3px; 207 } 208 } 209</style>
210<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
210</head> 211 <body> 212 <div id="root"></div> 213 214<aside 215 id="lovable-badge" 216 role="complementary" 217 dir="ltr" 218 lang="en" 219 aria-label="Edit with Lovable"> 220 <a 221 id="lovable-badge-cta" 222 target="_blank" 223 href="https://lovable.dev/projects/lovp_5rqgkhfb3n8cmaakans5mdzpv7?utm_source=lovable-badge" 224 rel="noopener nofollow" 225 aria-label="Edit with Lovable"> 226 <span id="lovable-badge-text">Edit with</span> 227 <span id="lovable-badge-logo"><svg xmlns="http://www.w3.org/2000/svg" width="52" height="16" fill="none" viewBox="0 0 52 16"> 228 <path fill="#FCFBF8" fill-rule="evenodd" d="M20.318 5.25c.643 0 1.206.14 1.69.418a2.81 2.81 0 0 1 1.118 1.191c.266.513.4 1.115.4 1.807s-.134 1.296-.4 1.812a2.81 2.81 0 0 1-1.118 1.193c-.484.278-1.047.418-1.69.418s-1.208-.14-1.695-.418a2.85 2.85 0 0 1-1.125-1.193c-.262-.516-.393-1.12-.393-1.812s.131-1.294.393-1.807a2.848 2.848 0 0 1 1.125-1.191c.487-.279 1.052-.418 1.695-.418Zm0 1.425c-.27 0-.504.076-.7.228-.193.147-.34.37-.443.67-.102.295-.153.66-.153 1.093 0 .435.05.801.153 1.1.102.3.25.524.443.676.196.147.43.22.7.22.27 0 .502-.073.694-.22.193-.152.341-.375.443-.67.103-.299.153-.667.153-1.106 0-.65-.112-1.145-.337-1.481a1.08 1.08 0 0 0-.953-.51ZM32.7 5.25c.61 0 1.127.1 1.549.3.422.197.74.48.953.849.217.368.325.809.325 1.32v2.704c0 .29.02.562.062.812.044.245.108.4.19.466V12h-1.935a5.895 5.895 0 0 1-.105-.684 7.745 7.745 0 0 1-.02-.228 2.293 2.293 0 0 1-.151.203c-.205.242-.47.437-.793.584-.32.143-.685.215-1.094.215-.406 0-.77-.08-1.094-.24a1.845 1.845 0 0 1-.756-.682 1.984 1.984 0 0 1-.27-1.045c0-.606.178-1.069.535-1.388.356-.324.87-.534 1.542-.633l1.125-.16c.225-.032.403-.074.534-.123a.622.622 0 0 0 .288-.196.549.549 0 0 0 .093-.327.65.65 0 0 0-.11-.367.702.702 0 0 0-.32-.27c-.14-.07-.31-.105-.51-.105-.32 0-.576.083-.768.251-.193.164-.298.39-.314.676h-1.923c.016-.434.147-.82.393-1.155.25-.34.596-.604 1.039-.792.442-.189.954-.283 1.535-.283Zm.99 3.498a.98.98 0 0 1-.215.14 2.49 2.49 0 0 1-.584.178l-.473.092c-.315.061-.553.156-.713.283-.155.127-.233.305-.233.534 0 .23.084.412.252.547.168.135.383.203.645.203s.494-.058.694-.173c.201-.118.355-.282.461-.49.11-.21.166-.448.166-.714v-.6Zm4.526-2.375c.065-.125.138-.243.221-.349.197-.25.437-.44.719-.571.282-.135.6-.203.952-.203.528 0 .988.138 1.377.412.389.275.688.67.896 1.186.21.512.314 1.12.314 1.824 0 .7-.107 1.309-.32 1.825-.213.512-.518.906-.915 1.18-.393.275-.854.412-1.383.412-.352 0-.667-.062-.946-.184a1.832 1.832 0 0 1-.7-.554 2.2 2.2 0 0 1-.234-.383V12h-1.843V3h1.862v3.373Zm1.284.296c-.274 0-.51.085-.707.253-.192.163-.338.397-.436.7a3.376 3.376 0 0 0-.148 1.05c0 .406.05.759.148 1.058.098.299.243.53.436.694.197.164.433.246.707.246.279 0 .512-.082.7-.246.193-.164.336-.395.43-.694.099-.3.148-.652.148-1.058 0-.405-.05-.757-.147-1.056-.095-.299-.238-.53-.43-.694a1.015 1.015 0 0 0-.7-.253Zm9.416-1.419c.602 0 1.136.131 1.604.393.466.262.829.643 1.086 1.143.263.5.394 1.097.394 1.794 0 .25-.002.449-.006.596H47.51c.018.288.071.538.164.75a1.3 1.3 0 0 0 .491.596c.214.13.465.196.757.196.319 0 .583-.082.792-.246.209-.167.34-.403.393-.706h1.862a2.48 2.48 0 0 1-.485 1.235 2.54 2.54 0 0 1-1.051.805c-.439.188-.949.283-1.53.283-.655 0-1.225-.125-1.708-.375a2.672 2.672 0 0 1-1.13-1.143c-.267-.508-.4-1.137-.4-1.887 0-.712.14-1.327.418-1.843a2.86 2.86 0 0 1 1.155-1.186c.491-.27 1.051-.405 1.678-.405Zm-.044 1.345c-.274 0-.516.068-.725.203a1.29 1.29 0 0 0-.479.59 2.045 2.045 0 0 0-.132.498h2.562a1.873 1.873 0 0 0-.138-.602 1.061 1.061 0 0 0-.418-.516 1.243 1.243 0 0 0-.67-.173Z" clip-rule="evenodd"/> 229 <path fill="#FCFBF8" d="m26.605 9.995 1.342-4.566h1.924L27.628 12h-2.07l-2.33-6.57h1.98l1.397 4.565Zm-13.013.143h2.256c1.632 0 1.421 1.837 1.418 1.861h-5.603V3h1.93v7.138Zm31.516 1.861h-1.862V3h1.862v8.999Z"/> 230 <path fill="url(#a)" fill-rule="evenodd" d="M2.7 3c1.492 0 2.7 1.192 2.7 2.663v1.012h.9c1.49 0 2.7 1.192 2.7 2.662S7.791 12 6.3 12H0V5.663C0 4.193 1.209 3 2.7 3Z" clip-rule="evenodd"/> 231 <defs> 232 <radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(-1.54236 7.07838 -10.231 -2.15602 4.627 5.022)" gradientUnits="userSpaceOnUse"> 233 <stop offset=".106" stop-color="#FE7B02"/> 234 <stop offset=".394" stop-color="#FE3F21"/> 235 <stop offset=".608" stop-color="#F858BC"/> 236 <stop offset=".929" stop-color="#575ECF"/> 237 </radialGradient> 238 </defs> 239</svg> 240 241</span> 242 </a> 243 244 <span id="lovable-badge-divider" aria-hidden="true"></span> 245 246 <button 247 id="lovable-badge-close" 248 aria-label="Dismiss" 249 title="Dismiss"
250 type="button"> 251 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" aria-hidden="true"> 252 <path d="M10.646 4.646a.5.5 0 1 1 .707.708L8.707 8l2.646 2.646a.5.5 0 1 1-.707.707L8 8.707l-2.646 2.646a.5.5 0 1 1-.708-.707L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708L8 7.293l2.646-2.647Z"/> 253 </svg> 254 </button> 255</aside>
256<script> 257 (() => { 258 if (window.self !== window.top || navigator.userAgent.includes('puppeteer')) { 259 const badge = document.querySelector('#lovable-badge'); 260 if (badge) { 261 badge.style.display = 'none'; 262 } 263 return; 264 } 265 266 const closeButton = document.querySelector('#lovable-badge-close'); 267 if (closeButton) { 268 closeButton.addEventListener('click', function(event) { 269 event.preventDefault(); 270 event.stopPropagation(); 271 const badge = document.querySelector('#lovable-badge'); 272 if (badge) { 273 badge.classList.add('closing'); 274 setTimeout(function() { 275 if (badge) { 276 badge.style.display = 'none'; 277 } 278 }, 240); 279 } 280 }); 281 } 282 })(); 283</script>
283 284</body> 285</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.