Merge pull request #3 from ShaYmez/copilot/improve-html-php-templates

Modernize HTML/PHP to HTML5 and enhance security for v2.0.2 production release
This commit is contained in:
M0VUB 2025-12-13 20:32:15 +00:00 committed by GitHub
commit 7a5c202c12
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
14 changed files with 276 additions and 176 deletions

89
CHANGELOG.md Normal file
View File

@ -0,0 +1,89 @@
# Changelog
All notable changes to HBMonv2 will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
## [2.0.2] - 2024-12-13
### Added
- Comprehensive CHANGELOG.md to document all changes
- Viewport meta tag for improved mobile responsiveness across all pages
- Proper HTML5 semantic structure with centered content containers
### Changed
- **HTML5 Compliance**: Migrated all pages from XHTML 1.0 Transitional to HTML5 DOCTYPE
- **Modern HTML**: Replaced deprecated `<center>` tags with CSS-based centering using `margin: 0 auto`
- **Deprecated Tags Removed**:
- Replaced all `<font>` tags with CSS `<span>` elements with inline styles
- Fixed deprecated `<p>` tags used as containers, replaced with proper `<div>` elements
- Removed obsolete XHTML namespace declarations
- Updated all table tags to lowercase (TR/TH/TD → tr/th/td)
- **Accessibility Improvements**:
- Added descriptive alt text to all logo images ("HBlink Logo")
- Added descriptive alt attributes to system info graphs (CPU Temperature, Disk Usage, Memory Usage, CPU Load, Network Traffic)
- Improved semantic HTML structure
- **Security Enhancements**:
- Added `htmlspecialchars()` escaping to all PHP output variables in log.php to prevent XSS attacks
- Added `htmlspecialchars()` escaping to DASH and REPORT_NAME variables across all pages
- **Code Quality**:
- Standardized CSS border-radius properties (removed redundant vendor prefixes where not needed)
- Consolidated repeated border-radius declarations to single `border-radius` property
- Changed `overflow-y: scroll` to `overflow-y: auto` for better UX (scrollbar only when needed)
- Fixed invalid color values in CSS (removed trailing characters from rgba values)
- Improved code consistency and formatting across all templates
- **Copyright Updates**: Updated copyright years from 2023 to 2025 across all files
- **Version Updates**: Updated version from 1.6.9 to 2.0.2
### Fixed
- Fixed missing closing tags and proper HTML nesting throughout all pages
- Fixed invalid HTML attributes (removed deprecated `align` attributes)
- Fixed duplicate CSS properties in inline styles
- Fixed improperly nested table elements
- Fixed broken link structure in footer (added proper quote marks around href URLs)
- Fixed color styling using modern CSS instead of deprecated HTML attributes
- Corrected CSS syntax errors in template files
### Improved
- Better code organization and readability
- Consistent styling across all pages
- Production-ready HTML/PHP code structure
- Cross-browser compatibility
- Performance optimizations through cleaner HTML
## [1.6.9] - 2024-06-14
### Previous Release
- Last version before 2.0.2 improvements
- Docker version by ShaYmez M0VUB
- Based on SP2ONG's HBMonv2
---
## Version History
- **2.0.2** (2024-12-13): HTML5 compliance, security improvements, code quality enhancements
- **1.6.9** (2024-06-14): Previous stable release
- **Original**: HBMonitor by N0MJS, further developed by KC1AWV, adapted by SP2ONG
---
## Notes
This version maintains **100% backward compatibility** with existing configurations and installations. No breaking changes have been introduced. All improvements are focused on:
1. Code quality and modern standards compliance
2. Security hardening (XSS prevention)
3. Accessibility improvements
4. Performance optimization
5. Future maintainability
---
## Credits
- **Original Author**: Cortney T. Buffington (N0MJS)
- **HBMonitor3**: KC1AWV
- **HBMonv2**: SP2ONG (2019-2025)
- **Docker Version**: ShaYmez M0VUB (2020-2025)

View File

@ -2,32 +2,32 @@
$progname = basename($_SERVER['SCRIPT_FILENAME'],".php");
include_once 'include/config.php';
include_once 'include/version.php';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Bridges</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2023. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2023 (v20230102) HBlink3 Dashboard " />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<center><div style="width:1100px; text-align: center; margin-top:5px;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo DASH; ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="" />
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo REPORT_NAME;?></span></p>
<p style="text-align:center;"></p>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<div style="width: 1100px;">
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<p id="bridge"></p>
</div>
<div id="bridge"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</center>
</div>
</body>
</html>

View File

@ -1,8 +1,8 @@
<div style="width: 1100px;">
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align: center;"><span style="text-align: center;">
Cortney T. Buffington, N0MJS. <a target="_blank" href="https://github.com/ShaYmez/hblink3">HBlink3.</a> Copyright &copy; 2016-2023<br>The Regents of the <a target="_blank" href=http://k0usy.mystrikingly.com/>K0USY Group</a>. All Rights Reserved.<br><a title="HBMonv2 SP2ONG v20211012" target="_blank" href=https://github.com/sp2ong/HBMonv2>Version SP2ONG 2019-2023</a><br><a title="HBlink Docker by Shaymez" target="_blank" href=https://github.com/shaymez/hblink-docker-installer>Docker Version 1.6.9</a><br></span>
Cortney T. Buffington, N0MJS. <a target="_blank" href="https://github.com/ShaYmez/hblink3">HBlink3.</a> Copyright &copy; 2016-2025<br>The Regents of the <a target="_blank" href="http://k0usy.mystrikingly.com/">K0USY Group</a>. All Rights Reserved.<br><a title="HBMonv2 SP2ONG v20211012" target="_blank" href="https://github.com/sp2ong/HBMonv2">Version SP2ONG 2019-2025</a><br><a title="HBlink Docker by Shaymez" target="_blank" href="https://github.com/shaymez/hblink-docker-installer">Docker Version 2.0.2</a><br></span>
<!-- THIS COPYRIGHT NOTICE MUST BE DISPLAYED AS A CONDITION OF THE LICENCE GRANT FOR THIS SOFTWARE. ALL DERIVATEIVES WORKS MUST CARRY THIS NOTICE -->
<!-- This is version of HBMonitor SP2ONG 2019-2023 -->
<!-- HBlink Docker Installer ShaYmez 2021-2023 -->
<!-- This is version of HBMonitor SP2ONG 2019-2025 -->
<!-- HBlink Docker Installer ShaYmez 2021-2025 -->
</p>
</div>

View File

@ -1,4 +1,4 @@
<?php
define("VERSION", "Ver 1.6.9");
define("DASH", "ShaYmez-14062024");
define("VERSION", "Ver 2.0.2");
define("DASH", "ShaYmez-13122024");
?>

View File

@ -2,39 +2,40 @@
$progname = basename($_SERVER['SCRIPT_FILENAME'],".php");
include_once 'include/config.php';
include_once 'include/version.php';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Dashboard</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2023. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2023 (v20230102) HBlink3 Dashboard " />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<center><div style="width:1100px; text-align: center; margin-top:5px;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo DASH; ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="" />
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo REPORT_NAME;?></span></p>
<p></p>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px;">
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<p id="main"></p>
<div id="main"></div>
</div>
<!-- LOG monitor -->
<div style="width: 1100px; margin-left:0px;">
<fieldset style="width: 1045px; margin-left:0px;margin-right:0px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<legend><b><font color="#000">&nbsp;.: Call Log :.&nbsp;</font></b></legend>
<pre id="log" style="height: 20em; text-align: left; overflow-y: scroll; font-size:12px; background-color: #000000; color:#729fcf;"></pre>
</fieldset></div>
<div style="width: 1100px; margin: 0 auto;">
<fieldset style="width: 1045px; margin-left:0; margin-right:0; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Call Log :.&nbsp;</span></b></legend>
<pre id="log" style="height: 20em; text-align: left; overflow-y: auto; font-size:12px; background-color: #000000; color:#729fcf;"></pre>
</fieldset>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</center>
</div>
</body>
</html>

View File

@ -2,32 +2,32 @@
$progname = basename($_SERVER['SCRIPT_FILENAME'],".php");
include_once 'include/config.php';
include_once 'include/version.php';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Talkgroup Info</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2023. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2023 (v20230102) HBlink3 Dashboard " />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<center><div style="width:1100px; text-align: center; margin-top:5px;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo DASH; ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="" />
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo REPORT_NAME;?></span></p>
<p></p>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<!-- TG table -->
<div style="width: 1100px; margin-left:0px;">
<fieldset style="box-shadow:0 0 10px #999;background-color:#e0e0e0e0; width:1050px;margin-left:15px;margin-right:15px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<legend><b><font color="#000">&nbsp;.: Talk Groups :.&nbsp;</font></b></legend>
<table style="margin-top:5px; table-layout:fixed; font: 10pt arial, sans-serif;background-color: #f9f9f9f9;">
<tr class="theme_color" style=" height: 32px;font: 10pt arial, sans-serif;border:0;">
<div style="width: 1100px; margin: 0 auto;">
<fieldset style="box-shadow:0 0 10px #999; background-color:#e0e0e0; width:1050px; margin-left:15px; margin-right:15px; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Talk Groups :.&nbsp;</span></b></legend>
<table style="margin-top:5px; table-layout:fixed; font: 10pt arial, sans-serif; background-color: #f9f9f9;">
<tr class="theme_color" style="height: 32px; font: 10pt arial, sans-serif; border:0;">
<th style='width: 150px;'>TG#</th>
<th style='width: 80px;'>TS 1</th>
<th style='width: 80px;'>TS 2</th>
@ -48,10 +48,12 @@ include_once 'include/version.php';?>
</table>
<br>
<span style="text-align: center;">Hotspot: D - duplex | S - simplex</span>
</fieldset></div><br>
</fieldset>
</div>
<br>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</center>
</div>
</body>
</html>

View File

@ -2,34 +2,33 @@
$progname = basename($_SERVER['SCRIPT_FILENAME'],".php");
include_once 'include/config.php';
include_once 'include/version.php';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="30">
<title>HBlink3 DMR Server - Lastheard</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2023. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2023 (v20230102) HBlink3 Dashboard " />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<center><div style="width:1100px; text-align: center; margin-top:5px;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo DASH; ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="" />
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1150px;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo REPORT_NAME;?></span></p>
<p></p>
<div style="width: 1150px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px;">
<p align="middle">
<div style="width: 1100px; margin: 0 auto;">
<div style="overflow-x:auto;">
<center><fieldset style="background-color:#e0e0e0e0;margin-left:15px;margin-right:15px;margin-top:15px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<table style="border-collapse: collapse; border: 1px solid #C1DAD7; width: 100%;background-color:#f0f0f0;">
<thead><tr><th colspan=9 style="height: 30px;font-size:18px;font-weight:bold;">LastHeard</th></tr></thead>
<tr class="theme_color" style="height:35px; text-align: center;font-weight:bold;"><TH>&nbsp;&nbsp;Date<TH>&nbsp;Time<TH>&nbsp;Callsign (DMR-Id)<TH>&nbsp;&nbsp;Name<TH>&nbsp;TG#<TH>&nbsp;&nbsp;TG Name<TH>TX (s)&nbsp;<TH>Source
<fieldset style="background-color:#e0e0e0; margin:15px; font-size:14px; border-radius: 10px;">
<table style="border-collapse: collapse; border: 1px solid #C1DAD7; width: 100%; background-color:#f0f0f0;">
<thead><tr><th colspan="9" style="height: 30px; font-size:18px; font-weight:bold;">LastHeard</th></tr></thead>
<tr class="theme_color" style="height:35px; text-align: center; font-weight:bold;"><th>&nbsp;&nbsp;Date</th><th>&nbsp;Time</th><th>&nbsp;Callsign (DMR-Id)</th><th>&nbsp;&nbsp;Name</th><th>&nbsp;TG#</th><th>&nbsp;&nbsp;TG Name</th><th>TX (s)&nbsp;</th><th>Source</th>
</tr>
<?php
@ -99,10 +98,20 @@ $log_time[$i]=substr($log_time[$i],0,19);
if ($user_id[$i]=="1234567") {$user_call[$i] = "*NoCallsign*"; $user_id[$i]="-";}
// output table
echo "<TR class=\"log\" style=\"height:25px; text-align: center;\">".$s.'&nbsp;'.$date_eu[2].".".$date_eu[1].".".$date_eu[0].$s.'&nbsp;'.substr($log_time[$i],11,5).$s.'<font color=#0066ff><b>&nbsp;'.$user_call[$i]."</b></font><font size=\"-1\"> (".$user_id[$i].")</font>".$s.'<font color=#002d62><b>'.TRIM($user_name[$i]).'</b></font>'.$s.'<font color=#b5651d><b>'.$tg[$i].'</b></font>'.$s.'<font color=green><b>&nbsp;'.$tgname[$i].'</b></font>'.$s."<center>".round($transmit_timer[$i])."</center>".$s.$system[$i]."</TR>\n";
echo "<tr class=\"log\" style=\"height:25px; text-align: center;\">";
echo "<td class=\"log\">&nbsp;".$date_eu[2].".".$date_eu[1].".".$date_eu[0]."</td>";
echo "<td class=\"log\">&nbsp;".substr($log_time[$i],11,5)."</td>";
echo "<td class=\"log\"><span style=\"color:#0066ff;\"><b>&nbsp;".htmlspecialchars($user_call[$i])."</b></span>";
echo "<span style=\"font-size:smaller;\"> (".htmlspecialchars($user_id[$i]).")</span></td>";
echo "<td class=\"log\"><span style=\"color:#002d62;\"><b>".htmlspecialchars(trim($user_name[$i]))."</b></span></td>";
echo "<td class=\"log\"><span style=\"color:#b5651d;\"><b>".htmlspecialchars($tg[$i])."</b></span></td>";
echo "<td class=\"log\"><span style=\"color:green;\"><b>&nbsp;".htmlspecialchars($tgname[$i])."</b></span></td>";
echo "<td class=\"log\" style=\"text-align:center;\">".htmlspecialchars(round($transmit_timer[$i]))."</td>";
echo "<td class=\"log\">".htmlspecialchars($system[$i])."</td>";
echo "</tr>\n";
}
echo "\n</table></fieldset></div>";
echo "\n</table></fieldset></div></div>";
// close logfile after parsing
fclose ($handle);
@ -110,6 +119,6 @@ fclose ($handle);
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</center>
</div>
</body>
</html>

View File

@ -2,33 +2,33 @@
$progname = basename($_SERVER['SCRIPT_FILENAME'],".php");
include_once 'include/config.php';
include_once 'include/version.php';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Masters</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2023. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2023 (v20230102) HBlink3 Dashboard " />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<center><div style="width:1100px; text-align: center; margin-top:5px;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo DASH; ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="" />
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo REPORT_NAME;?></span></p>
<p style="text-align:center;"></p>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
<?php include_once 'buttons.html'; ?>
</div>
<div style="width: 1100px;">
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<p id="masters"></p>
<div id="masters"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</center>
</div>
</body>
</html>

View File

@ -2,40 +2,40 @@
$progname = basename($_SERVER['SCRIPT_FILENAME'],".php");
include_once 'include/config.php';
include_once 'include/version.php';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Log Monitor</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2023. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2023 (v20230102) HBlink3 Dashboard " />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<center><div style="width:1100px; text-align: center; margin-top:5px;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo DASH; ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="" />
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo REPORT_NAME;?></span></p>
<p></p>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px;">
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<p id="moni"></p>
<div id="moni"></div>
</div>
<p></p>
<!-- LOG monitor -->
<div style="width: 1100px; margin-left:0px;">
<fieldset style="width: 1045px; margin-left:0px;margin-right:0px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<legend><b><font color="#000">&nbsp;.: Call Log :.&nbsp;</font></b></legend>
<pre id="log" style="height: 40em; text-align: left; overflow-y: scroll; font-size:12px; background-color: #000000; color:#729fcf;"></pre>
</fieldset></div>
<div style="width: 1100px; margin: 0 auto;">
<fieldset style="width: 1045px; margin-left:0; margin-right:0; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Call Log :.&nbsp;</span></b></legend>
<pre id="log" style="height: 40em; text-align: left; overflow-y: auto; font-size:12px; background-color: #000000; color:#729fcf;"></pre>
</fieldset>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</center>
</div>
</body>
</html>

View File

@ -2,33 +2,33 @@
$progname = basename($_SERVER['SCRIPT_FILENAME'],".php");
include_once 'include/config.php';
include_once 'include/version.php';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - OpenBridge Systems</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2023. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2023 (v20230102) HBlink3 Dashboard " />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<center><div style="width:1100px; text-align: center; margin-top:5px;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo DASH; ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="" />
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo REPORT_NAME;?></span></p>
<p></p>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px;">
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<p id="opb"></p>
<div id="opb"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</center>
</div>
</body>
</html>

View File

@ -2,33 +2,33 @@
$progname = basename($_SERVER['SCRIPT_FILENAME'],".php");
include_once 'include/config.php';
include_once 'include/version.php';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Peer Systems</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2023. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2023 (v20230102) HBlink3 Dashboard " />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<center><div style="width:1100px; text-align: center; margin-top:5px;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo DASH; ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="" />
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo REPORT_NAME;?></span></p>
<p></p>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px;">
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<p id="peers"></p>
<div id="peers"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</center>
</div>
</body>
</html>

View File

@ -2,25 +2,25 @@
$progname = basename($_SERVER['SCRIPT_FILENAME'],".php");
include_once 'include/config.php';
include_once 'include/version.php';?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="300">
<title>HBlink3 DMR Server - System Info</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2023. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2023 (v20230102) HBlink3 Dashboard " />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<center><div style="width:1100px; text-align: center; margin-top:5px;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo DASH; ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="" />
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo REPORT_NAME;?></span></p>
<p></p>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<!--
@ -28,27 +28,26 @@ include_once 'include/version.php';?>
<a target="_blank" href="esm/"><button class="button link">&nbsp;eZ Server Monitor&nbsp;</button></a>
</div>
-->
<fieldset style="background-color:#e0e0e0;display:inline-block;margin-left:20px;margin-right:20px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<legend><b><font color="#000">&nbsp;.: System Info :.&nbsp;</font></b></legend>
<center>
<fieldset style="background-color:#e0e0e0; display:inline-block; margin-left:20px; margin-right:20px; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: System Info :.&nbsp;</span></b></legend>
<div style="text-align: center;">
<!-- Temp CPU -->
<p><img alt="" src="img/tempC.png" /><p>
<p><img alt="CPU Temperature" src="img/tempC.png" /></p>
<!-- Disk usage -->
<p><img alt="" src="img/hdd.png" /><p>
<p><img alt="Disk Usage" src="img/hdd.png" /></p>
<!-- Memory usage -->
<p><img alt="" src="img/mem.png" /><p>
<p><img alt="Memory Usage" src="img/mem.png" /></p>
<!-- CPU loads -->
<p><img alt="" src="img/cpu.png" /><p>
<p><img alt="CPU Load" src="img/cpu.png" /></p>
<!-- Network traffic -->
<p><img alt="" src="img/mrtg/localhost_2-day.png" /><p>
</p></center>
<font color=blue><b>BLUE</b></font> Outgoing Traffic in Bits per Second | <font color=green><b>GREEN</b></font> Incoming Traffic in Bits per Second
</br>
<p><img alt="Network Traffic" src="img/mrtg/localhost_2-day.png" /></p>
</div>
<p><span style="color:blue;"><b>BLUE</b></span> Outgoing Traffic in Bits per Second | <span style="color:green;"><b>GREEN</b></span> Incoming Traffic in Bits per Second</p>
</fieldset>
<br>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</center>
</div>
</body>
</html>

View File

@ -1,5 +1,5 @@
<br><fieldset style="border-radius: 8px; background-color:#f0f0f0f0;margin-left:15px;margin-right:15px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<legend><b><font color="#000">&nbsp;.: Lastheard :.&nbsp;</font></b></legend>
<br><fieldset style="border-radius: 8px; background-color:#f0f0f0; margin-left:15px; margin-right:15px; font-size:14px;">
<legend><b><span style="color:#000;">&nbsp;.: Lastheard :.&nbsp;</span></b></legend>
<table style="width:100%; font: 10pt arial, sans-serif">
<TR class="theme_color" style=" height: 32px;font: 10pt arial, sans-serif;"><TH>Date</TH><TH>Time</TH><TH>Callsign (DMR-Id)</TH><TH>Name</TH><TH>TG#</TH><TH>TG Name</TH><TH>TX (s)</TH><TH>System</TH></TR>
<tr class="theme_color" style="height: 32px; font: 10pt arial, sans-serif;"><th>Date</th><th>Time</th><th>Callsign (DMR-Id)</th><th>Name</th><th>TG#</th><th>TG Name</th><th>TX (s)</th><th>System</th></tr>
</table></fieldset><br>

View File

@ -1,12 +1,12 @@
<fieldset style="width:1045px;background-color:#f1f1f1;margin-left:5px;margin-right:5px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<legend><b><font color="#000">&nbsp;.: Server Activity :.&nbsp;</font></b></legend>
<fieldset style="width:1045px; background-color:#f1f1f1; margin-left:5px; margin-right:5px; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Server Activity :.&nbsp;</span></b></legend>
{% if _table['MASTERS']|length >0 %}
<table width=100% style="background-color:#f0f0f0;border:none !important;border-collapse:collapse;border:none;">
<tr style="height:30px;border-collapse:collapse; border:none;">
<td width=100% style="border-collapse:collapse;border:none;"><div id="rcornerh">Active QSO's</div></td>
<table style="width:100%; background-color:#f0f0f0; border:none !important; border-collapse:collapse;">
<tr style="height:30px; border-collapse:collapse; border:none;">
<td style="width:100%; border-collapse:collapse; border:none;"><div id="rcornerh">Active QSO's</div></td>
</tr>
<tr style="border-collapse:collapse;border:none;">
<tr style="border-collapse:collapse; border:none;">
<td id="lact">
<div id="rcorner"><div>
{% for _master in _table['MASTERS'] %}
@ -14,19 +14,19 @@
{% if _cdata[1]['TS'] == True or _cdata[2]['TS'] == True %}
{% if _cdata[1]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _cdata[1]['CALL']|safe }}</span>
&nbsp;<font color=red>>></font>&nbsp;<span style="color:#b5651d;">{{ _cdata[1]['TG']|safe }}</span>]&nbsp;
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{ _cdata[1]['TG']|safe }}</span>]&nbsp;
{% endif %}
{% if _cdata[2]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _cdata[2]['CALL']|safe}}</span>
&nbsp;<font color=red>>></font>&nbsp;<span style="color:#b5651d;">{{_cdata[2]['TG']|safe}}</span>]&nbsp;
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{_cdata[2]['TG']|safe}}</span>]&nbsp;
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}
{% else %}
<table width=100%; style='background-color:#f9f9f9;font: 13pt arial, sans-serif; margin-top:4px;margin-bottom:4px;'>
<tr style='border:none; background-color:#f0f0f0;'>
<td style='border:none;height:60px;'><font color=brown><b><center>Waiting for data from the Server ...</center></b></td>
<table style="width:100%; background-color:#f9f9f9; font: 13pt arial, sans-serif; margin-top:4px; margin-bottom:4px;">
<tr style="border:none; background-color:#f0f0f0;">
<td style="border:none; height:60px; text-align:center;"><span style="color:brown;"><b>Waiting for data from the Server ...</b></span></td>
</tr>
</table>
{% endif %}
@ -34,11 +34,11 @@
{% if _pdata[1]['TS'] == True or _pdata[2]['TS'] == True %}
{% if _pdata[1]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _pdata[1]['CALL']|safe }}</span>
&nbsp;<font color=red>>></font>&nbsp;<span style="color:#b5651d;">{{ _pdata[1]['TG']|safe }}</span>]&nbsp;
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{ _pdata[1]['TG']|safe }}</span>]&nbsp;
{% endif %}
{% if _pdata[2]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _pdata[2]['CALL']|safe }}</span>
&nbsp;<font color=red>>></font>&nbsp;<span style="color:#b5651d;">{{ _pdata[2]['TG']|safe }}</span>]&nbsp;
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{ _pdata[2]['TG']|safe }}</span>]&nbsp;
{% endif %}
{% endif %}
{% endfor %}
@ -50,7 +50,7 @@
{% set rx.value=1 %}
{% endfor %}
{% if rx.value == 1 %}
{% for entry in _table['OPENBRIDGES'][_openbridge]['STREAMS'] if _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][0] == 'RX' %}&#32;[<span style="color:#008000;">O</span>:&nbsp;<font color=#0065ff>{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][1]}}</font>&nbsp;<font color=red>>></font>&nbsp;<font color=#b5651d>TG&nbsp;{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][2]|safe}}</font>]&nbsp;{% endfor %}
{% for entry in _table['OPENBRIDGES'][_openbridge]['STREAMS'] if _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][0] == 'RX' %}&#32;[<span style="color:#008000;">O</span>:&nbsp;<span style="color:#0065ff;">{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][1]}}</span>&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">TG&nbsp;{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][2]|safe}}</span>]&nbsp;{% endfor %}
{% endif %}
{% endif %}
{% endfor %}
@ -62,12 +62,12 @@
{% if _table['SETUP']['LASTHEARD'] == True %}
{% include 'lastheard.html' ignore missing %}
{% endif %}
<fieldset style="background-color:#f0f0f0f0;margin-left:15px;margin-right:15px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<legend><b><font color="#000">&nbsp;.: Connected to Server :.&nbsp;</font></b></legend>
<table style="table-layout:fixed;width:100%; font: 10pt arial, sans-serif;font-weight:600;margin-top:5px;margin-bottom:5px;border:none !important;border-collapse:collapse;border:none;" width=100%>
<fieldset style="background-color:#f0f0f0; margin-left:15px; margin-right:15px; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Connected to Server :.&nbsp;</span></b></legend>
<table style="table-layout:fixed; width:100%; font: 10pt arial, sans-serif; font-weight:600; margin-top:5px; margin-bottom:5px; border:none !important; border-collapse:collapse;">
{% if _table['MASTERS']|length >0 %}
<tr style="border-collapse:collapse;border:none;"><td style="border-collapse:collapse;border:none;">
<div style="background-color:#f9f9f9f9;background-image: linear-gradient(to bottom, #e9e9e9 50%, #bcbaba 100%);border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius:10px;border: 1px solid LightGrey;">
<tr style="border-collapse:collapse; border:none;"><td style="border-collapse:collapse; border:none;">
<div style="background-color:#f9f9f9; background-image: linear-gradient(to bottom, #e9e9e9 50%, #bcbaba 100%); border-radius: 10px; border: 1px solid LightGrey;">
<br>
<div style="text-align:left;"><span style="color:#464646;font-weight:600;line-height:1.4;">&nbsp;&nbsp;USERS:</span></div>
<div style="text-align:left;font:9.5pt arial, sans-serif;font-weight:bold;margin-left:25px; margin-right:25px;line-height:1.4;white-space:normal;">