https://smokelyze.org/about/ Recent content in Abouts on Smokelyze Hugo en-US https://smokelyze.org/about/about_us/ Mon, 01 Jan 0001 00:00:00 +0000 https://smokelyze.org/about/about_us/ <script>document.body.classList.add("page-about");</script> <br> <h1 style="color: white; text-align: center; text-shadow: 0 0.2rem 0.5rem var(--color-black);" > Haebum Lee, PhD. <br> (Developer) </h1> <div class="reveal-on-scroll" style="text-align: center;"> <h3 style="color: white; text-shadow: 0 0.2rem 0.5rem var(--color-black);"> Postdoctoral Scholar </h3> <p style="color: white; text-shadow: 0 0.2rem 0.5rem var(--color-black);"> Jaffe Group, <br> School of STEM, <br> University of Washington (UW), <br> Bothell, WA, United States<br> </p> <div class="social-links"> <a href="https://www.linkedin.com/in/haebum-lee-683731305/" target="_blank" rel="noopener noreferrer"> <img src="https://smokelyze.org/images/linkedin_logo.png" width="30" height="30" alt="LinkedIn"> </a> &nbsp;&nbsp; <a href="https://github.com/haebum1991/" target="_blank" rel="noopener noreferrer"> <img src="https://smokelyze.org/images/github_logo.png" width="30" height="30" alt="GitHub"> </a> &nbsp;&nbsp; <a href="https://orcid.org/0009-0001-2045-8532" target="_blank" rel="noopener noreferrer"> <img src="https://smokelyze.org/images/ORCID_logo.png" width="30" height="30" alt="ORCID"> </a> &nbsp;&nbsp; <a href="https://scholar.google.com/citations?user=98LKhgUAAAAJ&hl" target="_blank" rel="noopener noreferrer"> <img src="https://smokelyze.org/images/ggscholar_logo.png" width="30" height="30" alt="GGS"> </a> </div> <br> </div> <div class="card-about reveal-on-scroll"> <p style="margin-bottom: 1.5rem;">Hello, and Welcome to my Web Application!</p> <p>I am a scientist who focus on the multifaceted study of air quality and atmospheric phenomena, including the analysis of wildfire smoke on ozone, air pollutant monitoring, and the utilization of satellite and remote sensing data to assess atmospheric parameters. I am also deeply engaged in studying the wildfire smoke impacts on air quality, the physicochemical properties of atmospheric aerosols, the dynamics of new particle formation, and the development of predictive models using machine learning.</p> https://smokelyze.org/about/contact/ Mon, 01 Jan 0001 00:00:00 +0000 https://smokelyze.org/about/contact/ <script>document.body.classList.add("page-about");</script> <h1 style="text-align: center;"> Contact Us </h1> <div class="card-about reveal-on-scroll"> <p style="text-align: center; margin-bottom: 2rem;"> Have any questions or feedback? <br> Fill out the form below and we will get back to you as soon as possible. </p> <!-- Netlify Forms: Adding data-netlify="true" tells Netlify to automatically process this form. You can configure email notifications for new submissions in your Netlify Dashboard. --> <form name="contact" id="contactForm" method="POST" data-netlify="true" style="max-width: 100%; margin: 0 auto; display: flex; flex-direction: column; gap: 1.5rem;"> <!-- This hidden field is for Netlify's bot protection (optional but recommended) --> <input type="hidden" name="form-name" value="contact" /> <div style="display: flex; flex-direction: column; gap: 0.5rem;"> <label for="name" style="color: var(--card-shadow); font-weight: bold;">Name</label> <input type="text" id="name" name="name" required placeholder="Your Name" style="padding: 1rem; border-radius: var(--border-radius-0p8rem); border: 0.1rem solid var(--card-shadow); background: var(--color-white); color: var(--color-black); font-size: 1.6rem; outline: none;"> </div> <div style="display: flex; flex-direction: column; gap: 0.5rem;"> <label for="affiliation" style="color: var(--card-shadow); font-weight: bold;">Affiliation (Optional)</label> <input type="text" id="affiliation" name="affiliation" placeholder="University, Company, etc." style="padding: 1rem; border-radius: var(--border-radius-0p8rem); border: 0.1rem solid var(--card-shadow); background: var(--color-white); color: var(--color-black); font-size: 1.6rem; outline: none;"> </div> <div style="display: flex; flex-direction: column; gap: 0.5rem;"> <label for="email" style="color: var(--card-shadow); font-weight: bold;">Email Address</label> <input type="email" id="email" name="email" required placeholder="your.email@example.com" style="padding: 1rem; border-radius: var(--border-radius-0p8rem); border: 0.1rem solid var(--card-shadow); background: var(--color-white); color: var(--color-black); font-size: 1.6rem; outline: none;"> </div> <div style="display: flex; flex-direction: column; gap: 0.5rem;"> <label for="message" style="color: var(--card-shadow); font-weight: bold;">Message</label> <textarea id="message" name="message" rows="6" required placeholder="How can we help you?" style="padding: 1rem; border-radius: var(--border-radius-0p8rem); border: 0.1rem solid var(--card-shadow); background: var(--color-white); color: var(--color-black); font-size: 1.6rem; resize: vertical; outline: none;"></textarea> </div> <div style="text-align: center; margin-top: 1rem;"> <button id="submitBtn" type="submit" style="background-color: var(--card-shadow); color: var(--color-bg); border: none; padding: 1rem 3rem; font-size: 1.6rem; font-weight: bold; border-radius: calc(var(--border-radius-0p8rem) * 2); cursor: pointer; transition: transform 0.3s, background-color 0.3s; box-shadow: 0 0.4rem 1rem rgba(0,0,0,0.2);"> Send Message </button> <div id="submitSuccess" style="display: none; color: #34A853; font-weight: bold; font-size: 1.8rem; margin-top: 1.5rem;"> ✔ Complete! Thank you for your message. </div> <div id="submitError" style="display: none; color: #EA4335; font-weight: bold; font-size: 1.6rem; margin-top: 1.5rem;"> ✖ Something went wrong. Please try again. </div> </div> </form> <br> </div> <script> const contactForm = document.getElementById("contactForm"); const submitBtn = document.getElementById("submitBtn"); const submitSuccess = document.getElementById("submitSuccess"); const submitError = document.getElementById("submitError"); if (contactForm) { contactForm.addEventListener("submit", function (e) { e.preventDefault(); // 기본(화면 넘어감) 방지 submitBtn.innerText = "Sending..."; submitBtn.disabled = true; const formData = new FormData(contactForm); const searchParams = new URLSearchParams(); for (const pair of formData) { searchParams.append(pair[0], pair[1]); } // AJAX로 데이터 전송 fetch("/", { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: searchParams.toString() }) .then(() => { submitBtn.style.display = "none"; submitSuccess.style.display = "block"; submitError.style.display = "none"; contactForm.reset(); }) .catch((error) => { console.error("Form submission error:", error); submitBtn.innerText = "Send Message"; submitBtn.disabled = false; submitSuccess.style.display = "none"; submitError.style.display = "block"; }); }); } </script> <br> <br> <br> https://smokelyze.org/about/privacy-policy/ Mon, 01 Jan 0001 00:00:00 +0000 https://smokelyze.org/about/privacy-policy/ <script>document.body.classList.add("page-about");</script> <h1 style="text-align: center;"> Privacy Policy </h1> <p style="text-align: center;"> <strong>Last Updated:</strong> February 25, 2026 </p> <div class="card-about reveal-on-scroll"> <p>This Privacy Policy explains how Smokelyze ("we," "us," or "our") collects, uses, and discloses information about you when you access or use our web application. By using Smokelyze, you agree to the collection and use of information in accordance with this policy.</p> <br> <h3 style="color: var(--card-shadow);">1. Information We Collect</h3> <p>We only collect information that is necessary to provide and improve our services.</p> https://smokelyze.org/about/smokelyze/ Mon, 01 Jan 0001 00:00:00 +0000 https://smokelyze.org/about/smokelyze/ <h1 style="text-align: center;"> Smokelyze </h1> <h3 style="text-align: center;"> <b style="color: var(--card-shadow);">[Smokelyze]</b>, formerly known as [PMO3smokeTool], <br> is a comprehensive analytical platform for wildfire smoke impact assessment. </h3> <div style="text-align: left;"> <p style="text-align: center;"> <a href="https://smokelyze.org/map/" rel="noopener noreferrer" style="font-size: 1.6rem;"> Smokelyze Map </a> (JavaScript version) <br> <a href="https://westar.shinyapps.io/PMO3smokeTool/" target="_blank" rel="noopener noreferrer" style="font-size: 1.6rem;"> PMO3smokeTool </a> (Legacy: R shiny version) </p> </div> <div class="reveal-on-scroll"> <h2>Purpose of tool</h2> <p>The purpose of this app is to demonstrate the application of a <b style="color: var(--card-shadow);">Generalized Additive Model (GAM)</b> for predicting MDA8 O3 using meteorological data under both smoke and non-smoke conditions. In this app, a GAM is derived using the "<b style="color: var(--card-shadow);">mgcv</b>" package in R. We hope this tool will be useful for state agencies and others in understanding the factors that control O3 production.</p> https://smokelyze.org/about/terms-of-use/ Mon, 01 Jan 0001 00:00:00 +0000 https://smokelyze.org/about/terms-of-use/ <script>document.body.classList.add("page-about");</script> <h1 style="text-align: center;"> Terms of Use & Disclaimer </h1> <p style="text-align: center;"> <strong>Last Updated:</strong> March 3, 2026 </p> <div class="card-about reveal-on-scroll"> <p>Welcome to <strong style="color: var(--card-shadow);">Smokelyze</strong>. By accessing or using this application, you agree to be bound by these Terms of Use. If you do not agree with any part of these terms, please do not use our services.</p> <br> <h3 style="color: var(--card-shadow);">1. Educational and Informational Purposes Only</h3> <p>Smokelyze is an educational and research-oriented web application developed to provide advanced spatiotemporal analytics for wildfire smoke and air quality. The data, metrics, predictive models, and informational content ("Content") provided on this site are for <strong>general informational and research purposes only.</strong></p>