Site Builder

Editing: phone-radiation-safety-information.old.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>Charts: Turning Off Bluetooth and WiFi Radiation Levels</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .header {
            background-color: white;
            padding: 10px 20px;
            border-bottom: 1px solid #ccc;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .header img {
            height: 50px;
        }
        .nav {
            display: flex;
            gap: 20px;
        }
        .nav a {
            text-decoration: none;
            color: #0056b3;
            font-weight: bold;
        }
        .news-flash {
            background-color: red;
            color: white;
            text-align: center;
            padding: 10px 0;
        }
        .compare-sar-container {
            padding: 20px;
        }
        .sar-table {
            font-size: 16px !important;
            font-weight: bold !important;
            border-collapse: collapse !important;
            width: 100% !important;
        }
        .sar-table th,
        .sar-table td {
            text-align: center !important;
            border: 1px solid #ddd !important;
            padding: 15px !important;
            font-weight: bold !important;
        }
        .sar-table tr:nth-child(even) {
            background-color: #f2f2f2 !important;
            font-weight: bold !important;
        }
        .sar-value-higher {
            background-color: red !important;
            color: white !important;
            font-weight: bold !important;
        }
        .sar-value-lower {
            background-color: green !important;
            color: white !important;
            font-weight: bold !important;
        }
        th {
            background-color: black !important;
            color: white !important;
            font-weight: bold !important;
            text-align: center !important;
        }
        .menu-button {
            display: none;
            background-color: #0056b3;
            color: white;
            padding: 5px;
            border: none;
            cursor: pointer;
            position: relative;
            z-index: 2;
        }
        .menu-button:hover {
            background-color: #004494;
        }
        .menu-button div {
            width: 25px;
            height: 3px;
            background-color: white;
            margin: 3px 0;
        }
        .nav-overlay {
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            top: 0;
            left: 0;
            z-index: 1;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .nav-overlay a {
            color: white;
            font-size: 24px;
            margin: 10px 0;
        }
        @media (max-width: 600px) {
            .nav {
                display: none;
            }
            .menu-button {
                display: flex;
                flex-direction: column;
            }
        }
        .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;
        }
        .copy-link-container {
            text-align: center;
            margin-top: 20px;
            display: none;
        }
        .copy-link-container input {
            width: 300px;
            padding: 10px;
            font-size: 16px;
        }
        .copy-link-container button {
            padding: 10px 20px;
            font-size: 16px;
            background-color: #28a745;
            color: white;
            border: none;
            cursor: pointer;
        }
        .hamburger {
            display: none;
            flex-direction: column;
            cursor: pointer;
            position: relative;
            z-index: 3; /* Ensure hamburger icon is above the overlay */
        }
        .bar {
            width: 25px;
            height: 3px;
            background-color: #333;
            margin: 4px 0;
            transition: all 0.3s;
        }
        .hamburger.open .bar {
            background-color: red;
        }
        .hamburger.open .bar1 {
            transform: rotate(-45deg) translate(-5px, 6px);
        }
        .hamburger.open .bar2 {
            opacity: 0;
        }
        .hamburger.open .bar3 {
            transform: rotate(45deg) translate(-5px, -6px);
        }
        .nav-overlay {
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            top: 0;
            left: 0;
            z-index: 2;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: all 0.3s;
        }
        .nav-overlay a {
            color: white;
            font-size: 24px;
            margin: 10px 0;
        }
        @media (max-width: 768px) {
            .nav {
                display: none;
                flex-direction: column;
                width: 100%;
            }
            .nav a {
                padding: 10px;
                text-align: center;
                background-color: #f1f1f1;
                border-bottom: 1px solid #ddd;
            }
            .hamburger {
                display: flex;
            }
        }
    </style>
</head>
<body>

<div class="header">
      <a href="/"><img src="/cache/logo.jpg" alt="Logo"></a> 
    <div class="nav">
        <a href="../">Phones</a>
        <a id="kid-safety-link" href="./cell-phone-radiation-kids.html">Kid Safety</a>
        <a id="sar-safety-link" href="./phone-radiation-safety-information.html">SAR Safety</a>
        <a id="sar-ranks-link" href="#">SAR Ranks</a>
        <a id="compare-phones-link" href="#">Compare Phones</a>
        <a href="../spot-fake-anti-radiation-emf-blocking-phone-cases.html">Fake Protection</a>
        <a id="real-protection-link" href="../quantacase-emf-blocking-anti-radiation-phone-case-rfid-protection.html">Real Protection</a>
    </div>
    <div class="hamburger" onclick="toggleMenu()">
        <div class="bar bar1"></div>
        <div class="bar bar2"></div>
        <div class="bar bar3"></div>
    </div>
    <div class="nav-overlay" id="nav-overlay">
        <a href="../">Phones</a>
        <a id="overlay-kid-safety-link" href="./cell-phone-radiation-kids.html">Kid Safety</a>
        <a id="overlay-sar-safety-link" href="./phone-radiation-safety-information.html">SAR Safety</a>
        <a id="overlay-sar-ranks-link" href="#">SAR Ranks</a>
        <a id="overlay-compare-phones-link" href="#">Compare Phones</a>
        <a href="../spot-fake-anti-radiation-emf-blocking-phone-cases.html">Fake Protection</a>
        <a id="overlay-real-protection-link" href="../quantacase-emf-blocking-anti-radiation-phone-case-rfid-protection.html">Real Protection</a>
    </div>
</div>

linksToUpdate.forEach(link => {
        const element = document.getElementById(link.id);
        if (firstPid) {
            element.href = `${link.url}?pid=${firstPid}`;
        } else {
            element.href = link.url;
        }
    });
</script>

<div class="news-flash">
    News Flash ⚡ Spot Fake Anti Radiation Phone Cases
</div>

<div class="blurb">
    <p><strong>W/WO WiFi SAR Comparison Tool!</strong></p>
    <p>This tool allows you to see how turning off Wi-Fi and Bluetooth on your phone can significantly reduce your exposure to radiation. Select your phone’s brand and model from the dropdown menus to compare the Specific Absorption Rate (SAR) levels when your phone is used in cellular-only mode versus simultaneous use with Wi-Fi and Bluetooth. Discover how you can lower RF radiation exposure by optimizing your phone’s settings. Try it now to make your phone usage safer!</p>
</div>

<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">
        <label for="sar2-model-select">Select Model</label>
        <select id="sar2-model-select">
            <option value="">Select Model</option>
        </select>
    </div>
</div>

<div id="sar-comparison-container"></div>
<div class="copy-link-container" id="copy-link-container" style="display:none;">
    <p><a href="#" id="copy-link-url">This phone comparison is saved here:</a></p>
    <input type="text" id="copy-link" readonly>
    <button id="copy-button">Click to Copy Link</button>
</div>

document.addEventListener("DOMContentLoaded", function() {
        const urlParams = new URLSearchParams(window.location.search);
        const pid = urlParams.get('pid');

fetch('/cache/sar2_cache.json')
            .then(response => response.json())
            .then(phoneData => {
                initializePage(phoneData);

// Print the variables and information being matched
                console.log('Phone data:', phoneData);

if (pid) {
                    const phone = phoneData.find(p => p.post_id == pid);
                    if (phone) {
                        autoSelectPhone(phone, phoneData);
                        displayPhoneComparison(phone);
                        updateCopyLink(phone.post_id);
                    } else {
                        document.getElementById('sar-comparison-container').innerHTML += '<p>Invalid phone ID.</p>';
                    }
                } else {
                    const currentPath = window.location.pathname.split('/');
                    const slug = currentPath[currentPath.length - 2];
                    const matchedPhone = phoneData.find(p => (p.brand + ' ' + p.model).toLowerCase().replace(/ /g, '-') === slug);

console.log('Current path:', currentPath);
                    console.log('Slug:', slug);
                    console.log('Matched phone:', matchedPhone);

if (matchedPhone) {
                        autoSelectPhone(matchedPhone, phoneData);
                        displayPhoneComparison(matchedPhone);
                    } else {
                        document.getElementById('sar-comparison-container').innerHTML += '<p>No matching phone model found in the directory name.</p>';
                    }
                }

const brandSelect = document.getElementById('sar2-brand-select');
                    const modelSelect = document.getElementById('sar2-model-select');

for (const brand in brands) {
                        const option = document.createElement('option');
                        option.value = brand;
                        option.text = capitalize(brand);
                        brandSelect.appendChild(option);
                    }

brandSelect.addEventListener('change', (event) => {
                        const selectedBrand = event.target.value;
                        modelSelect.innerHTML = '<option value="">Select Model</option>';

if (selectedBrand) {
                            const models = brands[selectedBrand];
                            models.forEach(phone => {
                                const option = document.createElement('option');
                                option.value = phone.post_id;
                                option.text = phone.model;
                                modelSelect.appendChild(option);
                            });
                        }
                    });

modelSelect.addEventListener('change', (event) => {
                        const selectedModel = event.target.value;
                        if (selectedModel) {
                            const phone = phoneData.find(p => p.post_id == selectedModel);
                            displayPhoneComparison(phone);
                            updateCopyLink(selectedModel);
                        }
                    });

document.getElementById('copy-button').addEventListener('click', () => {
                        const copyLinkInput = document.getElementById('copy-link');
                        copyLinkInput.select();
                        document.execCommand('copy');
                    });
                }

function autoSelectPhone(phone, phoneData) {
                    const brandSelect = document.getElementById('sar2-brand-select');
                    const modelSelect = document.getElementById('sar2-model-select');

brandSelect.value = phone.brand;
                    modelSelect.innerHTML = '<option value="">Select Model</option>';

const models = phoneData.filter(p => p.brand === phone.brand);
                    models.forEach(p => {
                        const option = document.createElement('option');
                        option.value = p.post_id;
                        option.text = p.model;
                        modelSelect.appendChild(option);
                    });

modelSelect.value = phone.post_id;
                    displayPhoneComparison(phone);
                    updateCopyLink(phone.post_id);
                    document.getElementById('copy-link-container').style.display = 'block';
                }

function displayPhoneComparison(phone) {
                    const {
                        brand,
                        model,
                        fccid,
                        fccurl,
                        ushead,
                        usbody,
                        productspecific,
                        simulheadus,
                        simulbodyus,
                        hotspot
                    } = phone;

const percentHead = calcPercentDifference(ushead, simulheadus);
                    const percentBody = calcPercentDifference(usbody, simulbodyus);
                    const percentHotspot = calcPercentDifference(productspecific, hotspot);

const content = `
                        <div class="aps-group">
                            <br><br>
                            <h2>${brand} ${model} Safety Tip:</h2>
                            <h3>How Much Will Turning Off Wi-Fi and Bluetooth Reduce Radiation?</h3>
                            <p>This SAR chart reveals how turning off Wi-Fi and Bluetooth on your ${brand} ${model} can significantly reduce your exposure to radiation. Our SAR comparison chart shows that by simply turning off Wi-Fi and Bluetooth transmitters, you can <strong>lower the RF radiation exposure to your head by ${percentHead}%</strong>, and you can <strong>lower exposure to the body by ${percentBody}%</strong>, when considering these differences between <strong>cellular-only (Wi-Fi/Bluetooth OFF)</strong> and <strong>simultaneous use exposure (Wi-Fi/Bluetooth ON)</strong>, a wise way to reduce excessive phone radiation is to tap off unnecessary transmitters when not in use! Additionally, when using your phone as a hotspot, <strong>turning off Bluetooth can reduce your exposure by up to ${percentHotspot}%</strong> according to the FCC SAR report for device number ${fccid}.</p>
                            <div class="aps-group">
                                <h3 class="aps-group-title">
                                    <a href="../${brand.toLowerCase().replace(/\s+/g, '-')}-${model.toLowerCase().replace(/\s+/g, '-')}/" title="${brand} ${model}">${brand} ${model}</a> SAR Levels
                                    <span class="alignright aps-icon-wifi"></span>
                                </h3>
                                <table class="sar-table">
                                    <caption>Comparison of SAR levels between cellular-only and simultaneous exposure</caption>
                                    <tr><th>Cellular Only</th><th>(% DIFF)</th><th>Wi-Fi + Cellular</th></tr>
                                    <tr>
                                        <td class="${ushead > simulheadus ? 'sar-value-higher' : 'sar-value-lower'}">${ushead} W/kg</td>
                                        <th>HEAD<br>${percentHead}%</th>
                                        <td class="${simulheadus > ushead ? 'sar-value-higher' : 'sar-value-lower'}">${simulheadus} W/kg</td>
                                    </tr>
                                    <tr>
                                        <td class="${usbody > simulbodyus ? 'sar-value-higher' : 'sar-value-lower'}">${usbody} W/kg</td>
                                        <th>BODY<br>${percentBody}%</th>
                                        <td class="${simulbodyus > usbody ? 'sar-value-higher' : 'sar-value-lower'}">${simulbodyus} W/kg</td>
                                    </tr>
                                    <tr>
                                        <td class="${productspecific > hotspot ? 'sar-value-higher' : 'sar-value-lower'}">${productspecific} W/kg</td>
                                        <th>HOTSPOT<br>${percentHotspot}%</th>
                                        <td class="${hotspot > productspecific ? 'sar-value-higher' : 'sar-value-lower'}">${hotspot} W/kg</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    `;

const sarComparisonContainer = document.getElementById('sar-comparison-container');
                    sarComparisonContainer.innerHTML = content;

document.getElementById('copy-link-container').style.display = 'block';
                }

function calcPercentDifference(value1, value2) {
                    if (value1 && value2) {
                        return Math.abs(((value1 - value2) / value2) * 100).toFixed(1);
                    }
                    return 'N/A';
                }

Site Builder

Editing: phone-radiation-safety-information.old.html

Site Builder