Skip to content

Instantly share code, notes, and snippets.

@VTSTech

VTSTech/rpi.php

Last active December 19, 2024 21:27
Download ZIP

Revisions

  1. VTSTech revised this gist Dec 19, 2024. 1 changed file with 4 additions and 2 deletions.
    6 changes: 4 additions & 2 deletions rpi.php
    View file
    Original file line number Diff line number Diff line change
    @@ -157,19 +157,21 @@
    // Y-axis label
    ctx.fillText(tempValue.toFixed(1), margin - 40, y + 5);
    }

    // Draw graph line
    ctx.strokeStyle = "#<?php echo $textColor; ?>";
    ctx.lineWidth = 2;
    ctx.beginPath();
    for (let i = 0; i < tempData.length; i++) {
    const x = margin + ((maxPoints - 1 - i) * (graphWidth / (maxPoints - 1))); // Reverse X scale
    // Reverse X scale for right to left
    const x = margin + (i * (graphWidth / (maxPoints - 1))); // X values increase from left to right
    const y = height - margin - ((tempData[i] - minTemp) * (graphHeight / (maxTemp - minTemp))); // Scale Y
    if (i === 0) ctx.moveTo(x, y);
    else ctx.lineTo(x, y);

    // Add time labels along X-axis
    if (i % Math.ceil(maxPoints / 9) === 0) { // Reduce clutter by labeling every nth point
    const timeLabel = i * <?php echo $refreshRate; ?>;
    const timeLabel = (maxPoints - 1 - i) * <?php echo $refreshRate; ?>; // Adjust time label to reflect reverse direction
    ctx.fillText(timeLabel + 's', x - 10, height - margin + 15); // Time labels
    }

  2. VTSTech revised this gist Dec 19, 2024. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion rpi.php
    View file
    Original file line number Diff line number Diff line change
    @@ -72,7 +72,7 @@
    </label>
    </form>
    <?php
    echo $piModel . '<br>Temp: ' . $temp . '<br>Speed: ' . $speed . 'GHz';
    echo $piModel . '<br>Speed: ' . $speed . 'GHz';
    $uptimeContents = file_get_contents('/proc/uptime');
    if ($uptimeContents !== false) {
    // Extract the uptime in seconds (first value in /proc/uptime)
  3. VTSTech revised this gist Dec 19, 2024. 1 changed file with 121 additions and 32 deletions.
    153 changes: 121 additions & 32 deletions rpi.php
    View file
    Original file line number Diff line number Diff line change
    @@ -16,9 +16,17 @@
    $linkColor = '0000ff';
    }

    // Get temperature data
    echo '<font color="'.$bgColor.'">';
    $tempOutput = shell_exec("vcgencmd measure_temp");
    $temp = (float)substr($tempOutput, 5, -2); // Extract temperature as float
    $output = system("vcgencmd measure_clock arm"); // Retrieve CPU speed
    $speed = substr($output, 13);
    $speed = round($speed / 1000000000, 1);
    // Get Raspberry Pi model using grep
    $modelOutput = shell_exec("grep Model /proc/cpuinfo");
    $piModel = trim(str_replace("Model :", "", $modelOutput));
    echo '</font>';

    // Map detailed model names to simplified $rpi values
    if (strpos($piModel, 'Pi 5') !== false) {
    @@ -41,55 +49,136 @@
    ?>
    <head>
    <meta http-equiv="refresh" content="<?php echo $refreshRate; ?>">
    <?php echo '<title>' . $rpi . ' ' . $temp . ' ' . $speed . 'GHz</title>';?>
    </head>

    <body bgcolor="<?php echo $bgColor; ?>" text="<?php echo $textColor; ?>" link="<?php echo $linkColor; ?>">
    <b><br>Raspberry Pi RPi Temperature Monitor</b>
    <br>Written by <b><a href='https://www.vts-tech.org/' style="color:<?php echo $linkColor; ?>">VTSTech</a>
    <br>Written by <b><a href='https://www.vts-tech.org/' style="color:<?php echo $linkColor; ?>">VTSTech</a>
    (<a href='https://github.com/VTSTech' style="color:<?php echo $linkColor; ?>">GitHub</a></b>)

    <!-- Settings form -->
    <form method="get" style="margin-bottom: 10px;">
    <!-- Refresh rate input -->
    <label for="refresh_rate">Refresh:</label>
    <input type="number" name="refresh_rate" id="refresh_rate"
    value="<?php echo $refreshRate; ?>" min="1" max="999"
    <input type="number" name="refresh_rate" id="refresh_rate"
    value="<?php echo $refreshRate; ?>" min="1" max="999"
    onchange="this.form.submit()">
    <!-- Dark mode toggle -->
    <label for="dark_mode">
    <input type="checkbox" name="dark_mode" id="dark_mode"
    <?php echo $isDarkMode ? 'checked' : ''; ?>
    <input type="checkbox" name="dark_mode" id="dark_mode"
    <?php echo $isDarkMode ? 'checked' : ''; ?>
    onchange="this.form.submit()"> Dark Mode
    </label>
    </form>

    <?php
    echo '<font color="'.$bgColor.'"><pre>';
    $output = shell_exec("vcgencmd measure_temp"); // Retrieve temperature
    $temp = substr($output, 5);
    $output = system("vcgencmd measure_clock arm"); // Retrieve CPU speed
    $speed = substr($output, 13);
    $speed = round($speed / 1000000000, 1);
    echo '</pre></font><font color="'.$textColor.'">';
    echo '<title>' . $rpi . ' ' . $temp . ' ' . $speed . 'GHz</title>';
    echo $piModel . '<br>Temp: ' . $temp . '<br>Speed: ' . $speed . 'GHz';
    $uptimeContents = file_get_contents('/proc/uptime');
    if ($uptimeContents !== false) {
    // Extract the uptime in seconds (first value in /proc/uptime)
    $uptimeSeconds = (float)explode(' ', $uptimeContents)[0];

    // Convert uptime into days, hours, minutes, and seconds
    $days = floor($uptimeSeconds / 86400);
    $hours = floor(($uptimeSeconds % 86400) / 3600);
    $minutes = floor(($uptimeSeconds % 3600) / 60);
    $seconds = $uptimeSeconds % 60;

    // Display the uptime
    printf("<br>Uptime: %d days, %02d:%02d:%02d\n", $days, $hours, $minutes, $seconds);
    } else {
    echo "Unable to read uptime information.";
    }
    //$output = system("neofetch --stdout --disable shell cpu");
    echo $piModel . '<br>Temp: ' . $temp . '<br>Speed: ' . $speed . 'GHz';
    $uptimeContents = file_get_contents('/proc/uptime');
    if ($uptimeContents !== false) {
    // Extract the uptime in seconds (first value in /proc/uptime)
    $uptimeSeconds = (float)explode(' ', $uptimeContents)[0];

    // Convert uptime into days, hours, minutes, and seconds
    $days = floor($uptimeSeconds / 86400);
    $hours = floor(($uptimeSeconds % 86400) / 3600);
    $minutes = floor(($uptimeSeconds % 3600) / 60);
    $seconds = $uptimeSeconds % 60;

    // Display the uptime
    printf("<br>Uptime: %d days, %02d:%02d:%02d\n", $days, $hours, $minutes, $seconds);
    } else {
    echo "Unable to read uptime information.";
    }
    //$output = system("neofetch --stdout --disable shell cpu");
    //<!-- Display temperature -->
    echo '<h3 style="color:' . $textColor . ';">Temperature: ' . $temp . '°C</h3>';
    ?>

    <!-- Graph for temperature -->
    <canvas id="tempGraph" width="600" height="300" style="border:1px solid #<?php echo $textColor; ?>;"></canvas>

    <script>
    // Initialize graph data
    const tempData = JSON.parse(localStorage.getItem('tempData')) || [];
    const maxPoints = 50; // Max points to display on the graph
    const currentTemp = <?php echo $temp; ?>;
    tempData.push(currentTemp);
    if (tempData.length > maxPoints) tempData.shift(); // Remove oldest point if max is reached
    localStorage.setItem('tempData', JSON.stringify(tempData)); // Store data locally

    // Draw graph
    const canvas = document.getElementById('tempGraph');
    const ctx = canvas.getContext('2d');

    // Clear canvas
    ctx.clearRect(0, 0, canvas.width, canvas.height);

    // Set graph style
    ctx.strokeStyle = "#<?php echo $textColor; ?>";
    ctx.lineWidth = 2;

    const width = canvas.width;
    const height = canvas.height;

    // Graph margins and scales
    const margin = 50;
    const graphWidth = width - margin * 2;
    const graphHeight = height - margin * 2;
    const maxTemp = 100; // Adjust based on expected max temperature
    const minTemp = 0;

    // Draw axis
    ctx.beginPath();
    ctx.moveTo(margin, margin);
    ctx.lineTo(margin, height - margin);
    ctx.lineTo(width - margin, height - margin);
    ctx.stroke();

    // Add axis labels
    ctx.fillStyle = "#<?php echo $textColor; ?>";
    ctx.font = "12px Arial";
    ctx.fillText("Temperature (°C)", margin - 40, margin - 10); // Y-axis label
    ctx.fillText("Time (refresh intervals)", width - margin - 100, height - margin + 24); // X-axis label

    // Draw gridlines and Y-axis scale
    ctx.strokeStyle = "#666666";
    ctx.lineWidth = 1;
    const numGridlines = 5;
    for (let i = 0; i <= numGridlines; i++) {
    const y = margin + (i * (graphHeight / numGridlines));
    const tempValue = maxTemp - (i * ((maxTemp - minTemp) / numGridlines));

    // Horizontal gridline
    ctx.beginPath();
    ctx.moveTo(margin, y);
    ctx.lineTo(width - margin, y);
    ctx.stroke();

    // Y-axis label
    ctx.fillText(tempValue.toFixed(1), margin - 40, y + 5);
    }
    // Draw graph line
    ctx.strokeStyle = "#<?php echo $textColor; ?>";
    ctx.lineWidth = 2;
    ctx.beginPath();
    for (let i = 0; i < tempData.length; i++) {
    const x = margin + ((maxPoints - 1 - i) * (graphWidth / (maxPoints - 1))); // Reverse X scale
    const y = height - margin - ((tempData[i] - minTemp) * (graphHeight / (maxTemp - minTemp))); // Scale Y
    if (i === 0) ctx.moveTo(x, y);
    else ctx.lineTo(x, y);

    // Add time labels along X-axis
    if (i % Math.ceil(maxPoints / 9) === 0) { // Reduce clutter by labeling every nth point
    const timeLabel = i * <?php echo $refreshRate; ?>;
    ctx.fillText(timeLabel + 's', x - 10, height - margin + 15); // Time labels
    }

    // Add numerical labels every 10th point (or change 10 to any other interval)
    if (i % 6 === 0) { // Modify this number to adjust the interval of labels
    ctx.fillText(tempData[i].toFixed(1) + '°C', x + 5, y - 5); // Temperature label
    }
    }
    ctx.stroke();
    </script>
    </body>
    </html>
  4. VTSTech revised this gist Dec 18, 2024. 1 changed file with 70 additions and 44 deletions.
    114 changes: 70 additions & 44 deletions rpi.php
    View file
    Original file line number Diff line number Diff line change
    @@ -1,69 +1,95 @@
    <html>
    <!-- If you get /dev/vcio error then 'sudo usermod -aG video www-data' -->
    <!-- Refreshes every 10 seconds -->

    <?php
    // Check for theme selection in GET or default to dark theme
    $theme = isset($_GET['theme']) && $_GET['theme'] === 'light' ? 'light' : 'dark';

    // Check for Raspberry Pi model selection or default to RPi
    $selectedRPi = isset($_GET['rpi']) ? $_GET['rpi'] : 'RPi';
    // Handle theme selection and refresh rate from GET parameters
    $isDarkMode = isset($_GET['dark_mode']) ? ($_GET['dark_mode'] === 'on') : true; // Default to dark mode
    $refreshRate = isset($_GET['refresh_rate']) && is_numeric($_GET['refresh_rate']) ? (int)$_GET['refresh_rate'] : 10; // Default to 10 seconds

    // Define styles for light and dark themes
    if ($theme === 'light') {
    $bgColor = 'ffffff';
    $textColor = '000000';
    $linkColor = '0000ff';
    } else {
    if ($isDarkMode) {
    $bgColor = '000000';
    $textColor = 'ffffff';
    $linkColor = '00ff00';
    } else {
    $bgColor = 'ffffff';
    $textColor = '000000';
    $linkColor = '0000ff';
    }

    // Define Raspberry Pi models for the dropdown
    $rpiModels = ['RPi', 'RPi0', 'RPi0W', 'RPi3', 'RPi4', 'RPi5'];
    // Get Raspberry Pi model using grep
    $modelOutput = shell_exec("grep Model /proc/cpuinfo");
    $piModel = trim(str_replace("Model :", "", $modelOutput));

    // Map detailed model names to simplified $rpi values
    if (strpos($piModel, 'Pi 5') !== false) {
    $rpi = 'RPi5';
    } elseif (strpos($piModel, 'Pi 4') !== false) {
    $rpi = 'RPi4';
    } elseif (strpos($piModel, 'Pi 3') !== false) {
    $rpi = 'RPi3';
    } elseif (strpos($piModel, 'Pi 2') !== false) {
    $rpi = 'RPi2';
    } elseif (strpos($piModel, 'Pi Zero W') !== false) {
    $rpi = 'RPi0W';
    } elseif (strpos($piModel, 'Pi Zero') !== false) {
    $rpi = 'RPi0';
    } elseif (strpos($piModel, 'Pi') !== false) {
    $rpi = 'RPi';
    } else {
    $rpi = 'Unknown Pi';
    }
    ?>
    <head>
    <meta http-equiv="refresh" content="<?php echo $refreshRate; ?>">
    </head>

    <body bgcolor="<?php echo $bgColor; ?>" text="<?php echo $textColor; ?>" link="<?php echo $linkColor; ?>">
    <b><br>Raspberry Pi RPi Temperature Monitor</b>
    <br>Written by <b><a href='https://www.vts-tech.org/' style="color:<?php echo $linkColor; ?>">VTSTech</a>
    <br>Written by <b><a href='https://www.vts-tech.org/' style="color:<?php echo $linkColor; ?>">VTSTech</a>
    (<a href='https://github.com/VTSTech' style="color:<?php echo $linkColor; ?>">GitHub</a></b>)

    <!-- Theme selection form -->
    <!-- Settings form -->
    <form method="get" style="margin-bottom: 10px;">
    <label for="theme">Choose a theme:</label>
    <select name="theme" id="theme" onchange="this.form.submit()">
    <option value="dark" <?php echo $theme === 'dark' ? 'selected' : ''; ?>>Dark</option>
    <option value="light" <?php echo $theme === 'light' ? 'selected' : ''; ?>>Light</option>
    </select>
    </form>

    <!-- Raspberry Pi model selection form -->
    <form method="get">
    <label for="rpi">Choose a Raspberry Pi:</label>
    <select name="rpi" id="rpi" onchange="this.form.submit()">
    <?php foreach ($rpiModels as $model): ?>
    <option value="<?php echo $model; ?>" <?php echo $selectedRPi === $model ? 'selected' : ''; ?>>
    <?php echo $model; ?>
    </option>
    <?php endforeach; ?>
    </select>
    <input type="hidden" name="theme" value="<?php echo $theme; ?>">
    <!-- Refresh rate input -->
    <label for="refresh_rate">Refresh:</label>
    <input type="number" name="refresh_rate" id="refresh_rate"
    value="<?php echo $refreshRate; ?>" min="1" max="999"
    onchange="this.form.submit()">
    <!-- Dark mode toggle -->
    <label for="dark_mode">
    <input type="checkbox" name="dark_mode" id="dark_mode"
    <?php echo $isDarkMode ? 'checked' : ''; ?>
    onchange="this.form.submit()"> Dark Mode
    </label>
    </form>

    <?php
    echo '<font color="'.$bgColor.'"><pre>';
    $output = system("vcgencmd measure_temp");
    $output = shell_exec("vcgencmd measure_temp"); // Retrieve temperature
    $temp = substr($output, 5);
    $output = system("vcgencmd measure_clock arm");
    $output = system("vcgencmd measure_clock arm"); // Retrieve CPU speed
    $speed = substr($output, 13);
    $speed = round($speed/1000000000,1);
    echo '</pre></font>';
    echo '<head>';
    echo ' <meta http-equiv="refresh" content="10">';
    echo '<title>' . $selectedRPi . ' ' . $temp . '</title>';
    echo '</head>';
    echo $selectedRPi . ' ' . $temp . ' ' . $speed . 'GHz';
    $speed = round($speed / 1000000000, 1);
    echo '</pre></font><font color="'.$textColor.'">';
    echo '<title>' . $rpi . ' ' . $temp . ' ' . $speed . 'GHz</title>';
    echo $piModel . '<br>Temp: ' . $temp . '<br>Speed: ' . $speed . 'GHz';
    $uptimeContents = file_get_contents('/proc/uptime');
    if ($uptimeContents !== false) {
    // Extract the uptime in seconds (first value in /proc/uptime)
    $uptimeSeconds = (float)explode(' ', $uptimeContents)[0];

    // Convert uptime into days, hours, minutes, and seconds
    $days = floor($uptimeSeconds / 86400);
    $hours = floor(($uptimeSeconds % 86400) / 3600);
    $minutes = floor(($uptimeSeconds % 3600) / 60);
    $seconds = $uptimeSeconds % 60;

    // Display the uptime
    printf("<br>Uptime: %d days, %02d:%02d:%02d\n", $days, $hours, $minutes, $seconds);
    } else {
    echo "Unable to read uptime information.";
    }
    //$output = system("neofetch --stdout --disable shell cpu");
    ?>
    </body>
    </html>
    </html>
  5. VTSTech revised this gist Dec 18, 2024. 1 changed file with 23 additions and 3 deletions.
    26 changes: 23 additions & 3 deletions rpi.php
    View file
    Original file line number Diff line number Diff line change
    @@ -1,10 +1,14 @@
    <html>
    <!-- If you get /dev/vcio error then 'sudo usermod -aG video www-data' -->
    <!-- Refreshes every 10 seconds -->

    <?php
    // Check for theme selection in GET or default to dark theme
    $theme = isset($_GET['theme']) && $_GET['theme'] === 'light' ? 'light' : 'dark';

    // Check for Raspberry Pi model selection or default to RPi
    $selectedRPi = isset($_GET['rpi']) ? $_GET['rpi'] : 'RPi';

    // Define styles for light and dark themes
    if ($theme === 'light') {
    $bgColor = 'ffffff';
    @@ -15,6 +19,9 @@
    $textColor = 'ffffff';
    $linkColor = '00ff00';
    }

    // Define Raspberry Pi models for the dropdown
    $rpiModels = ['RPi', 'RPi0', 'RPi0W', 'RPi3', 'RPi4', 'RPi5'];
    ?>

    <body bgcolor="<?php echo $bgColor; ?>" text="<?php echo $textColor; ?>" link="<?php echo $linkColor; ?>">
    @@ -23,14 +30,27 @@
    (<a href='https://github.com/VTSTech' style="color:<?php echo $linkColor; ?>">GitHub</a></b>)

    <!-- Theme selection form -->
    <form method="get">
    <form method="get" style="margin-bottom: 10px;">
    <label for="theme">Choose a theme:</label>
    <select name="theme" id="theme" onchange="this.form.submit()">
    <option value="dark" <?php echo $theme === 'dark' ? 'selected' : ''; ?>>Dark</option>
    <option value="light" <?php echo $theme === 'light' ? 'selected' : ''; ?>>Light</option>
    </select>
    </form>

    <!-- Raspberry Pi model selection form -->
    <form method="get">
    <label for="rpi">Choose a Raspberry Pi:</label>
    <select name="rpi" id="rpi" onchange="this.form.submit()">
    <?php foreach ($rpiModels as $model): ?>
    <option value="<?php echo $model; ?>" <?php echo $selectedRPi === $model ? 'selected' : ''; ?>>
    <?php echo $model; ?>
    </option>
    <?php endforeach; ?>
    </select>
    <input type="hidden" name="theme" value="<?php echo $theme; ?>">
    </form>

    <?php
    echo '<font color="'.$bgColor.'"><pre>';
    $output = system("vcgencmd measure_temp");
    @@ -41,9 +61,9 @@
    echo '</pre></font>';
    echo '<head>';
    echo ' <meta http-equiv="refresh" content="10">';
    echo '<title>RPi '.$temp.' '.$speed.'GHz</title>';
    echo '<title>' . $selectedRPi . ' ' . $temp . '</title>';
    echo '</head>';
    echo '<font color="'.$textColor.'">RPi '.$temp.' '.$speed.'GHz</font>';
    echo $selectedRPi . ' ' . $temp . ' ' . $speed . 'GHz';
    ?>
    </body>
    </html>
  6. VTSTech revised this gist Dec 18, 2024. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion rpi.php
    View file
    Original file line number Diff line number Diff line change
    @@ -32,7 +32,7 @@
    </form>

    <?php
    echo '<font color="'.$textColor.'"><pre>';
    echo '<font color="'.$bgColor.'"><pre>';
    $output = system("vcgencmd measure_temp");
    $temp = substr($output, 5);
    $output = system("vcgencmd measure_clock arm");
  7. VTSTech revised this gist Dec 18, 2024. 1 changed file with 10 additions and 8 deletions.
    18 changes: 10 additions & 8 deletions rpi.php
    View file
    Original file line number Diff line number Diff line change
    @@ -1,10 +1,6 @@
    <html>
    <!-- If you get /dev/vcio error then 'sudo usermod -aG video www-data' -->
    <!-- Refreshes every 10 seconds - www.vts-tech.org -->
    <head>
    <meta http-equiv="refresh" content="10">
    </head>

    <!-- Refreshes every 10 seconds -->
    <?php
    // Check for theme selection in GET or default to dark theme
    $theme = isset($_GET['theme']) && $_GET['theme'] === 'light' ? 'light' : 'dark';
    @@ -36,12 +32,18 @@
    </form>

    <?php
    echo '<font color="'.$bgColor.'"><pre>';
    echo '<font color="'.$textColor.'"><pre>';
    $output = system("vcgencmd measure_temp");
    $temp = substr($output, 5);
    $output = system("vcgencmd measure_clock arm");
    $speed = substr($output, 13);
    $speed = round($speed/1000000000,1);
    echo '</pre></font>';
    echo '<title>RPi '.$temp.'</title>';
    echo '<font color="'.$textColor.'">RPi '.$temp;
    echo '<head>';
    echo ' <meta http-equiv="refresh" content="10">';
    echo '<title>RPi '.$temp.' '.$speed.'GHz</title>';
    echo '</head>';
    echo '<font color="'.$textColor.'">RPi '.$temp.' '.$speed.'GHz</font>';
    ?>
    </body>
    </html>
  8. VTSTech created this gist Dec 18, 2024.
    47 changes: 47 additions & 0 deletions rpi.php
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,47 @@
    <html>
    <!-- If you get /dev/vcio error then 'sudo usermod -aG video www-data' -->
    <!-- Refreshes every 10 seconds - www.vts-tech.org -->
    <head>
    <meta http-equiv="refresh" content="10">
    </head>

    <?php
    // Check for theme selection in GET or default to dark theme
    $theme = isset($_GET['theme']) && $_GET['theme'] === 'light' ? 'light' : 'dark';

    // Define styles for light and dark themes
    if ($theme === 'light') {
    $bgColor = 'ffffff';
    $textColor = '000000';
    $linkColor = '0000ff';
    } else {
    $bgColor = '000000';
    $textColor = 'ffffff';
    $linkColor = '00ff00';
    }
    ?>

    <body bgcolor="<?php echo $bgColor; ?>" text="<?php echo $textColor; ?>" link="<?php echo $linkColor; ?>">
    <b><br>Raspberry Pi RPi Temperature Monitor</b>
    <br>Written by <b><a href='https://www.vts-tech.org/' style="color:<?php echo $linkColor; ?>">VTSTech</a>
    (<a href='https://github.com/VTSTech' style="color:<?php echo $linkColor; ?>">GitHub</a></b>)

    <!-- Theme selection form -->
    <form method="get">
    <label for="theme">Choose a theme:</label>
    <select name="theme" id="theme" onchange="this.form.submit()">
    <option value="dark" <?php echo $theme === 'dark' ? 'selected' : ''; ?>>Dark</option>
    <option value="light" <?php echo $theme === 'light' ? 'selected' : ''; ?>>Light</option>
    </select>
    </form>

    <?php
    echo '<font color="'.$bgColor.'"><pre>';
    $output = system("vcgencmd measure_temp");
    $temp = substr($output, 5);
    echo '</pre></font>';
    echo '<title>RPi '.$temp.'</title>';
    echo '<font color="'.$textColor.'">RPi '.$temp;
    ?>
    </body>
    </html>