{"success":true,"warnings":[],"lastUpdated":"2026-06-04T17:14:35-05:00","source":"National Weather Service","count":0}<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-BPKNSY4NF9"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-BPKNSY4NF9');
    </script>
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Weather Warnings & Alerts - LaPorte Signal Weather</title>
    <meta name="description" content="Current and recent weather warnings and alerts for LaPorte County, Indiana from the National Weather Service.">
    <meta name="keywords" content="weather, LaPorte County, Indiana, forecasts, warnings, alerts, community">
    <meta name="author" content="Signal Media">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://weather.signalmedia.live/warnings/">
    <meta property="og:title" content="Weather Warnings & Alerts - LaPorte Signal Weather">
    <meta property="og:description" content="Current and recent weather warnings and alerts for LaPorte County, Indiana from the National Weather Service.">
    <meta property="og:image" content="https://weather.signalmedia.live/images/og-image.jpg">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://weather.signalmedia.live/warnings/">
    <meta property="twitter:title" content="Weather Warnings & Alerts - LaPorte Signal Weather">
    <meta property="twitter:description" content="Current and recent weather warnings and alerts for LaPorte County, Indiana from the National Weather Service.">
    <meta property="twitter:image" content="https://weather.signalmedia.live/images/og-image.jpg">
    
    <link rel="stylesheet" href="/css/styles.css?v=1755747089">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Favicon -->
    <link rel="icon" type="image/png" href="/images/favicon.png">
    <link rel="apple-touch-icon" href="/images/favicon.png">
</head>
<body>
    
    <header>
        <div class="container">
            <div class="logo">
                <h1><a href="/">LaPorte Signal Weather</a></h1>
                <p>Community Weather Reports</p>
            </div>
            <nav id="main-nav">
                <button id="menu-toggle" class="menu-button">
                    <i class="fas fa-bars"></i>
                </button>
                <ul id="nav-menu">
                                            <li>
                            <a href="/" >
                                Home                            </a>
                        </li>
                                            <li>
                            <a href="/forecast.php" >
                                Forecast                            </a>
                        </li>
                                            <li>
                            <a href="/warnings/" class="active">
                                Weather Warnings                            </a>
                        </li>
                                            <li>
                            <a href="/cameras.php" >
                                Weather Cameras                            </a>
                        </li>
                                            <li>
                            <a href="/about.php" >
                                About Us                            </a>
                        </li>
                                            <li>
                            <a href="/contact.php" >
                                Contact                            </a>
                        </li>
                                        <li>
                        <a href="https://ko-fi.com/signalmedialive" class="donate-btn" target="_blank">
                            <i class="fas fa-heart"></i> Donate
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </header>

<section class="page-header">
    <div class="container">
        <h1>Weather Warnings & Alerts</h1>
        <p>Current and recent weather warnings for LaPorte County and surrounding areas</p>
        <div class="alert info-alert" style="margin-top: 15px; background-color: #e8f5e8; color: #2e7d32; padding: 15px; border-radius: 5px; border-left: 5px solid #4caf50;">
            <i class="fas fa-check-circle" style="margin-right: 10px;"></i>
            <strong>Live Data:</strong> This page displays real-time weather alerts from the National Weather Service for LaPorte County.
        </div>
    </div>
</section>

<section class="warnings-section">
    <div class="container">
        <div class="warnings-header">
            <h2>Current Active Warnings</h2>
            <p id="last-updated" class="last-updated">
                                    Last updated: Jun 4, 2026 5:14 PM CDT                            </p>
        </div>
        
        <div class="current-warnings">
                            <p id="no-active-warnings">
                                            There are currently no active weather warnings for LaPorte County.
                                    </p>
                <div id="active-warnings" class="warnings-container" style="display: none;"></div>
                    </div>
        
        <h2>Recent Warnings</h2>
        <div class="notice-box" style="background-color: #e3f2fd; border: 1px solid #bbdefb; padding: 15px; border-radius: 4px; margin-bottom: 20px;">
            <p><strong>Historical Data:</strong> Recent warnings will be displayed here as they occur. The system maintains a record of past alerts for reference.</p>
        </div>
        
        <!-- Sample warning cards for demonstration -->
        <div class="warnings-container">
            <div class="warning-card severe">
                <div class="warning-header">
                    <h3>Severe Thunderstorm Warning</h3>
                    <i class="fas fa-bolt"></i>
                </div>
                <div class="warning-content">
                    <div class="warning-meta">
                        <span class="warning-date">Sample Data</span>
                        <span class="warning-time">Example Format</span>
                    </div>
                    <p class="warning-description">
                        This is an example of how severe thunderstorm warnings will appear when issued by the National Weather Service.
                    </p>
                    <div class="warning-areas">
                        <strong>Areas Affected:</strong>
                        LaPorte, Michigan City, Westville
                    </div>
                </div>
            </div>
            
            <div class="warning-card watch">
                <div class="warning-header">
                    <h3>Flood Watch</h3>
                    <i class="fas fa-water"></i>
                </div>
                <div class="warning-content">
                    <div class="warning-meta">
                        <span class="warning-date">Sample Data</span>
                        <span class="warning-time">Example Format</span>
                    </div>
                    <p class="warning-description">
                        Example of how flood watches and warnings will be displayed with full details and affected areas.
                    </p>
                    <div class="warning-areas">
                        <strong>Areas Affected:</strong>
                        All of LaPorte County
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="educational-section">
    <div class="container">
        <h2>Understanding Weather Warnings</h2>
        <div class="warning-types">
            <div class="warning-type">
                <i class="fas fa-exclamation-circle"></i>
                <h3>Warning</h3>
                <p>A warning is issued when a hazardous weather event is occurring, imminent, or likely. A warning means weather conditions pose a threat to life or property. People in the path of the storm need to take protective action immediately.</p>
            </div>
            <div class="warning-type">
                <i class="fas fa-eye"></i>
                <h3>Watch</h3>
                <p>A watch is issued when the risk of hazardous weather has increased significantly, but its occurrence, location, or timing is still uncertain. A watch means that hazardous weather is possible. People should have a plan of action in case a storm threatens and listen for later information and possible warnings.</p>
            </div>
            <div class="warning-type">
                <i class="fas fa-info-circle"></i>
                <h3>Advisory</h3>
                <p>An advisory is issued when a hazardous weather event is occurring, imminent, or likely. Advisories are for less serious conditions than warnings that cause significant inconvenience and if caution is not exercised, could lead to situations that may threaten life or property.</p>
            </div>
        </div>
    </div>
</section>

<section class="cta-section">
    <div class="container">
        <h2>Stay Weather-Ready</h2>
        <p>Subscribe to our alerts and never miss important weather information for LaPorte County.</p>
        <form id="subscribe-form" class="subscribe-form">
            <input type="email" placeholder="Your Email" required>
            <button type="submit" class="button primary-button">Subscribe</button>
        </form>
        <div class="social-links">
            <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
            <a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
            <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
            <a href="https://ko-fi.com/signalmedialive" class="social-icon"><i class="fas fa-mug-hot"></i></a>
        </div>
    </div>
</section>

    <footer>
        <div class="container">
            <div class="footer-sections">
                <div class="footer-section">
                    <h3>LaPorte Signal Weather</h3>
                    <p>Your community weather source, focused on LaPorte County, Indiana.</p>
                </div>
                <div class="footer-section">
                    <h3>Quick Links</h3>
                    <ul>
                                                    <li><a href="/">Home</a></li>
                                                    <li><a href="/forecast.php">Forecast</a></li>
                                                    <li><a href="/warnings/">Weather Warnings</a></li>
                                                    <li><a href="/cameras.php">Weather Cameras</a></li>
                                                    <li><a href="/about.php">About Us</a></li>
                                                    <li><a href="/contact.php">Contact</a></li>
                                            </ul>
                </div>
                <div class="footer-section">
                    <h3>Resources</h3>
                    <ul>
                        <li><a href="https://www.weather.gov/iwx/" target="_blank">National Weather Service (Northern Indiana)</a></li>
                        <li><a href="https://www.weather.gov/lot/" target="_blank">National Weather Service (Chicago)</a></li>
                        <li><a href="https://ko-fi.com/signalmedialive" target="_blank">Support Us</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>Contact</h3>
                    <p>Email: <a href="mailto:info@signalmedia.live">info@signalmedia.live</a></p>
                    <p>For weather emergencies: Call 911</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 Signal Media. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <script src="/js/main.js?v=1755747089"></script>
        <script src="/js/warnings.js?v=1755747089"></script>
        
    </body>
</html>
