Site Builder

Editing: indexssx.html

writable 0666

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MAGA MAHA Flyer</title>
    <link rel="stylesheet" href="https://www.rfsafe.com/wp-content/plugins/magamaha-flyer/css/style.css">
</head>
<body>

<div class="logo-container">
    <a href="https://www.rfsafe.com" title="Go to RF Safe Homepage">
        <img src="https://www.rfsafe.com/wp-content/uploads/2024/09/rfsafe-logo-usa.png" alt="RF Safe Logo">
    </a>
</div>
    
    <div class="bg-header">
        <div id="political-action">Political Action Required</div>
        <div id="countdown">Days Until Election</div>
    </div>

<script>
        document.addEventListener("DOMContentLoaded", function() {
            function updateCountdown() {
                const electionDate = new Date("November 5, 2024 00:00:00").getTime();
                const now = new Date().getTime();
                const timeLeft = electionDate - now;

const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
                document.getElementById("countdown").innerHTML = days + " days until Election Day 2024";
            }

updateCountdown(); // Initial call to display immediately
            setInterval(updateCountdown, 1000);
        });
    </script>

<div class="bg-l"></div>
    <div class="bg-r"></div>

<div class="magamaha-container">
        <header class="magamaha-header">
            <h1>Protect Our Future: Key Issues in the 2024 Election</h1>
            <p>Welcome to RF Safe, a movement dedicated to protecting the health and well-being of future generations by addressing critical, nonpartisan issues that have been overlooked for too long.</p>
        </header>

<section class="magamaha-issues">
            <div class="magamaha-issue">
                <h2>FCC Capture</h2>
                <p>The Federal Communications Commission (FCC) has been influenced by powerful industry interests, leading to policies that prioritize corporate profits over public health. We must hold our leaders accountable and demand a government that serves the people, not special interests.</p>
            </div>
            <div class="magamaha-issue">
                <h2>Outdated Safety Guidelines</h2>
                <p>The FCC’s current safety guidelines for wireless radiation are based on outdated science from the 1990s. As new research emerges showing non-thermal effects of electromagnetic radiation, it’s clear that we need modern safety standards to protect our families.</p>
            </div>
            <div class="magamaha-issue">
                <h2>Restarting National Toxicology Program (NTP) Cancer Research</h2>
                <p>The National Toxicology Program’s groundbreaking research on the link between wireless radiation and cancer was abruptly halted. This research was vital for understanding the true risks we face. We demand that funding be restored to continue this critical work.</p>
            </div>
        </section>

<section class="magamaha-action">
            <h2>Take Action</h2>
            <p>These issues aren’t just political—they’re personal. The health of our children, families, and communities depends on addressing these challenges head-on.</p>
            <ul>
                <li>Show your support using hashtags #FCCredwhiteblue and #NTPredwhiteandblue.</li>
                <li>Check if your candidates have responded below and demand action.</li>
            </ul>
        </section>

<section class="magamaha-candidates">
            <h2>Candidate Responses</h2>
            <p>We are tracking responses from candidates across the political spectrum. Has your candidate addressed these issues? Check below to see their stance. If they haven’t, reach out and ask them where they stand.</p>
            
        </section>

<footer class="magamaha-footer">
            <p>Join the movement and ensure a safer, healthier future for all Americans. <a href="#">Sign up</a> to stay informed.</p>
            <p>Contact us at [Your Contact Information].</p>
        </footer>

<div class="news-flash">
    News Flash ⚡ Find Out Your Phone Radiation
</div>

<div class="compare-sar-container">
    <div class="compare-sar-dropdown-container">
        <div class="dropdown-wrapper">
            <label for="sar2-brand-select">Select Brand</label>
            <select id="sar2-brand-select">
                <option value="">Select Brand</option>
            </select>
        </div>
        <div class="dropdown-wrapper" id="model-dropdown-wrapper" style="display: none;">
            <label for="sar2-model-select">Select Model</label>
            <select id="sar2-model-select">
                <option value="">Select Model</option>
            </select>
        </div>
    </div>
    <div id="category-list"></div>
</div>

document.addEventListener("DOMContentLoaded", function() {
    const urlPathArray = window.location.pathname.split('/');
    const folderPath = urlPathArray.slice(1, urlPathArray.length - 1).join('/');
    const basePath = `${window.location.origin}/${folderPath}/`;
    const cacheFile = '/cache/sar2_cache.json';  // Update with your actual path

fetch(cacheFile)
        .then(response => response.json())
        .then(phoneData => {
            const brands = {};

// Create brand and model structure
            phoneData.forEach(phone => {
                const brand = phone.brand.toLowerCase().replace(/\s+/g, '-');
                const model = phone.model.toLowerCase().replace(/\s+/g, '-');
                if (!brands[brand]) {
                    brands[brand] = [];
                }
                brands[brand].push(model);
            });

const brandSelect = document.getElementById('sar2-brand-select');
            const modelSelect = document.getElementById('sar2-model-select');
            const modelDropdownWrapper = document.getElementById('model-dropdown-wrapper');
            const categoryList = document.getElementById('category-list');

// Populate brand dropdown and ensure Apple is first
            const sortedBrands = Object.keys(brands).sort((a, b) => a === 'apple' ? -1 : b === 'apple' ? 1 : a.localeCompare(b));
            sortedBrands.forEach(brand => {
                const option = document.createElement('option');
                option.value = brand;
                option.text = capitalize(brand.replace(/-/g, ' '));
                brandSelect.appendChild(option);
            });

// Update models when brand changes
            brandSelect.addEventListener('change', function() {
                const selectedBrand = brandSelect.value;
                modelSelect.innerHTML = '<option value="">Select Model</option>';
                if (selectedBrand && brands[selectedBrand]) {
                    naturalSort(brands[selectedBrand]).forEach(function(model) {
                        const option = document.createElement('option');
                        option.value = `${selectedBrand}-${model}`;
                        option.textContent = model.replace(/-/g, ' ');
                        modelSelect.appendChild(option);
                    });
                    modelDropdownWrapper.style.display = 'block';
                } else {
                    modelDropdownWrapper.style.display = 'none';
                }
            });

// Redirect to the selected model's page when model changes
            modelSelect.addEventListener('change', function() {
                const selectedOption = modelSelect.value;
                if (selectedOption) {
                    window.location.href = basePath + selectedOption + '/';
                }
            });

// Generate category list
            let htmlContent = '';
            sortedBrands.forEach(brand => {
                htmlContent += `<div class="brand-category">
                    <h2>${capitalize(brand.replace(/-/g, ' '))}</h2>
                    <ul>`;
                naturalSort(brands[brand]).forEach(model => {
                    htmlContent += `<li><a href="${basePath + brand + '-' + model}/">${capitalize(model.replace(/-/g, ' '))} Phone Specs</a></li>`;
                });
                htmlContent += '</ul></div>';
            });
            categoryList.innerHTML = htmlContent;

function capitalize(string) {
                return string.charAt(0).toUpperCase() + string.slice(1);
            }

<div class="bg-footer">
        

<div class="navbar">
    <div class="nav-container">
        <div class="nav-left">
            <a href="index.html">Home</a>
            <a href="aboutus.html">About Us</a>
            <a href="takeaction.html">Take Action</a>
            <a href="ntp-wireless-research.html">NTP Wireless Research</a>
            <a href="fccsafetyguidelines.html">FCC Safety Guidelines</a>
            <a href="fcc-captured.html">FCC Capture</a>
            <a href="update-fcc-sar-rules.html">Update FCC SAR Rules</a>
        </div>
        <div class="nav-right">
            <span class="hamburger-icon" onclick="openNav()">&#9776;</span>
        </div>
    </div>
</div>

<div id="overlayNav" class="overlay">
    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
    <div class="overlay-content">
        <a href="index.html">Home</a>
        <a href="aboutus.html">About Us</a>
        <a href="takeaction.html">Take Action</a>
        <a href="ntp-wireless-research.html">NTP Wireless Research</a>
        <a href="fccsafetyguidelines.html">FCC Safety Guidelines</a>
        <a href="fcc-captured.html">FCC Capture</a>
        <a href="update-fcc-sar-rules.html">Update FCC SAR Rules</a>
    </div>
</div>

<style>
    .navbar {
        width: 100%;
        background-color: transparent;
        overflow: hidden;
    }

.nav-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.nav-left a {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 14px 20px;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
    }

.nav-left a:hover, .nav-left a:focus {
        color: yellow; /* Change to desired highlight color */
    }

.nav-right .hamburger-icon {
        display: none;
        font-size: 30px;
        cursor: pointer;
        color: white;
        padding: 14px 16px;
    }

/* Overlay for small screens */
    .overlay {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.9);
        overflow-x: hidden;
        transition: 0.5s;
    }

.overlay-content {
        position: relative;
        top: 25%;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

.overlay-content a {
        padding: 8px;
        text-decoration: none;
        font-size: 36px;
        color: #f1f1f1;
        display: block;
        transition: 0.3s;
    }

.overlay-content a:hover, .overlay-content a:focus {
        color: yellow;
    }

.closebtn {
        position: absolute;
        top: 20px;
        right: 45px;
        font-size: 60px;
    }

@media screen and (max-width: 600px) {
        .nav-left {
            display: none;
        }
        .nav-right .hamburger-icon {
            display: block;
        }
    }
       .news-flash {
            background-color: red;
            color: white;
            text-align: center;
            padding: 10px 0;
        }
        .compare-sar-container {
            padding: 20px;
        }
        .compare-sar-dropdown-container {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }
        .compare-sar-dropdown-container .dropdown-wrapper {
            width: 48%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .compare-sar-dropdown-container select {
            width: 100%;
            background-color: #f7f7f7;
            text-transform: capitalize;
            font-size: 16px;
            padding: 10px;
        }
        .category-list {
            margin: 20px;
        }
        .brand-category {
            margin-bottom: 20px;
        }
        .brand-category h2 {
            color: #0056b3;
        }
        .brand-category ul {
            list-style-type: none;
            padding: 0;
        }
        .brand-category ul li {
            margin: 5px 0;
        }
        .brand-category ul li a {
            text-decoration: none;
            color: #000;
        }

</style>

<script>
    function openNav() {
        document.getElementById("overlayNav").style.width = "100%";
    }

function closeNav() {
        document.getElementById("overlayNav").style.width = "0%";
    }
</script>

</div>

</body>
</html>

Site Builder

Editing: indexssx.html

Site Builder