Site Builder

Editing: indexod.html

writable 0666

<!DOCTYPE html>
<html lang="en">
<head>

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

<div class="magamaha-container">
        <header class="magamaha-header">
            <h1>Smartphone Specs and Radiation Levels</h1>
            <p>Explore our comprehensive list of smartphones and their Specific Absorption Rate (SAR) levels to make informed choices about your mobile device. Each link provides detailed SAR information, highlighting how much radiofrequency (RF) radiation each phone model emits at the head, body, and hotspot levels. Our listings also include device specifications, reviews, and protective accessory options to help you reduce exposure. Click on any phone to dive into in-depth data, safety tips, and comparisons that empower you to choose technology that aligns with your health and safety goals. You can also <a href="https://www.rfsafe.com/phones/compare-sar-rank.html">Compare SAR Rankings</a> 
<p>Learn <a href="https://www.rfsafe.com/fake-anti-radiation-phone-cases-the-red-flags/">How to Identify Genuine vs. Fake Anti-Radiation Phone Cases</a></p> Also see: <a href="https://www.rfsafe.com/laptop-radiation-shields-protecting-legs-while-endangering-babies/">Laptop Radiation Shields: Protecting Legs While Endangering Babies</a>

</p>
        </header>

<div class="news-flash">
    News Flash ⚡ Be RF Safe To Be Sure!

</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);
            }

<a href="https://www.rfsafe.com/will-the-word-safe-or-shield-in-a-name-protect-you-no/">Will the Word “Safe” or “Shield” in a Name Protect You? No.</a>

</div>

<div class="bg-footer">

<div class="category-container">
    <div class="category-block">
        <h3>Health Risks of Wireless Radiation</h3>
        <ul>
            <li><strong>Cancer Risks</strong>: Explore studies linking RF radiation to various cancers (e.g., brain, thyroid, etc.)</li>
            <li><strong>Neurological Effects</strong>: Effects on cognitive functions, memory, and potential links to ADHD and autism</li>
            <li><strong>Reproductive Health</strong>: Impacts on fertility, pregnancy outcomes, and risks for children</li>
            <li><strong>Non-Thermal Effects</strong>: Explanation of biological effects beyond heating, including oxidative stress and DNA damage</li>
            <li><strong>Oxidative Stress and DNA Damage</strong>: Breakdown of studies showing the impact of wireless radiation on DNA integrity</li>
        </ul>
    </div>
    
    <div class="category-block">
        <h3>Protective Measures and Safe Use</h3>
        <ul>
            <li><strong>Shielding Products</strong>: Information on RF Safe products like QuantaCase and Air-tube Headsets</li>
            <li><strong>Reducing Exposure</strong>: Practical tips to limit RF exposure in daily life</li>
            <li><strong>Safe Usage Guidelines</strong>: Best practices for using cell phones and wireless devices safely</li>
            <li><strong>SAR Comparison</strong>: Access to SAR ratings for different phone models and their implications</li>
            <li><strong>Children’s Safety</strong>: Advice for parents on minimizing risks for children</li>
        </ul>
    </div>
    
    <div class="category-block">
        <h3>Scientific Research and Advocacy</h3>
        <ul>
            <li><strong>Landmark Studies</strong>: Summaries of key studies (NTP, Ramazzini, Henry Lai) that link RFR to health effects</li>
            <li><strong>Research and Updates</strong>: Latest findings on EMFs and health from scientific communities</li>
            <li><strong>Court Rulings and FCC</strong>: Information on court orders for FCC to update safety guidelines</li>
            <li><strong>Regulatory Standards</strong>: Overview of current regulations and the push for non-thermal considerations</li>
            <li><strong>Public Awareness Initiatives</strong>: RF Safe’s advocacy work and campaigns to raise public awareness</li>
        </ul>
    </div>
    
    <div class="category-block">
        <h3>RF Safe Mission and Policy Change</h3>
        <ul>
            <li><strong>Our Story and Mission</strong>: The journey of RF Safe and its commitment to public health</li>
            <li><strong>Policy Goals</strong>: The need for reclassifying RF radiation risks and updating safety guidelines</li>
            <li><strong>Corporate Influence on Policy</strong>: Discussion on how wireless industry interests shape regulations</li>
            <li><strong>Call to Action</strong>: How visitors can support RF Safe’s mission and demand policy changes</li>
            <li><strong>Stay Informed</strong>: Encouragement to sign up for the newsletter for the latest updates and research</li>
        </ul>
    </div>
</div>

.category-block {
    flex: 0 0 48%;
    box-sizing: border-box;
    background-color: #f8f8f8;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
}

.category-block h3 {
    margin-bottom: 10px;
}

.category-block ul {
    padding-left: 20px;
}

.category-block ul li {
    list-style-type: disc;
}

@media (max-width: 768px) {
    .category-block {
        flex: 0 0 100%;
    }
}
</style>

<div class="newsletter-container">
    <p>Together, we can create a safer future. Join our newsletter to stay informed and take action.</p>
    <form method="post" action="https://www.rfsafe.com/wp-admin/admin-ajax.php?action=tnp&amp;na=s">
        <input type="hidden" name="nr" value="posts_bottom">
        <input type="hidden" name="nlang" value="">
        <div class="tnp-field tnp-field-firstname">
            <label for="tnp-4">Name</label>
            <input class="tnp-name" type="text" name="nn" id="tnp-4" value="" placeholder="Your Name">
        </div>
        <div class="tnp-field tnp-field-email">
            <label for="tnp-5">Email</label>
            <input class="tnp-email" type="email" name="ne" id="tnp-5" value="" placeholder="Your Email" required>
        </div>
        <div class="tnp-field tnp-field-button">
            <input class="tnp-submit" type="submit" value="Subscribe">
        </div>
    </form>
</div>

<style>

/* Newsletter Container Styles */
.newsletter-container {
    background-color: #f8f8f8;
    border-radius: 15px;
    padding: 30px;
    margin: 20px auto;
    max-width: 600px; /* Adjusted width */
    box-sizing: border-box;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.newsletter-container p {
    font-size: 18px;
    margin-bottom: 20px;
}

.newsletter-container form {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.newsletter-container .tnp-field {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
}

.newsletter-container .tnp-field label {
    flex: 0 0 auto;
    margin-right: 10px;
    font-weight: bold;
    text-align: right;
    width: 80px; /* Adjust label width as needed */
}

.newsletter-container .tnp-field input[type="text"],
.newsletter-container .tnp-field input[type="email"] {
    flex: 1 1 auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    width: calc(100% - 90px); /* Adjust input width */
    box-sizing: border-box;
}

.newsletter-container .tnp-field-button {
    width: 100%;
    max-width: 200px;
    margin-top: 10px;
}

.newsletter-container .tnp-field-button input[type="submit"] {
    width: 100%;
    padding: 14px;
    background-color: #0073aa; /* Adjust color to match your branding */
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.newsletter-container .tnp-field-button input[type="submit"]:hover {
    background-color: #005f8d;
}

/* Adjustments for small screens */
@media (max-width: 480px) {
    .newsletter-container {
        padding: 20px;
    }
    .newsletter-container .tnp-field {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 15px;
    }
    .newsletter-container .tnp-field label {
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
    }
    .newsletter-container .tnp-field input[type="text"],
    .newsletter-container .tnp-field input[type="email"] {
        width: 100%;
    }
    .newsletter-container .tnp-field-button {
        max-width: 100%;
    }
}
</style>

<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: indexod.html

Site Builder