<!-- 1WireHome.net                                                                                         -->
<!--                                                                                                       -->
<!-- 2015.08.28 RLJ New site,, found some cool code from "ASPXTemplates", took a few days to get right     -->
<!-- 2015.11.09 RLJ Added total records and oldesest record to the screens. Also now can access records    -->
<!--                by three digit account number, like 101 for mom's house.                               -->
<!-- 2016.02.12 RLJ Allowed QueryString input to specify number of decimal places on temperature           -->
<!--                The "d" parameter                                                                      -->
<!-- 2016.02.15 RLJ Allowed QueryString input to specify F or C temperature, the "c" parameter    
<!-- 2019.05.10 RLJ Moved to SmarterASP.net and update web.config         -->
<!-- 2019.11.15 RLJ Very happy with Smarterasp.net hosting services (cloud). Very good dev interface       -->
<!-- 2022.12.10 RLJ Fixed the Hat-A character problem, removed the degree symbol                           -->
<!-- 2022.12.14 RLJ Other refinements include adding link to DS18S20 datasheet and file last update        -->
<!-- 2023.06.09 RLJ Adding message "Sensors stopped responding to requests"                                -->
<!-- 2023.06.10 RLJ Added IF statement to control when message is shown, RED text is working               -->
<!-- 2023.06.16 RLJ Original math used 1 hour, now it uses 6 minutes                                       -->
<!-- 2023.06.19 RLJ Testing "Tab" pages in Bootstrap is working. Scroll to bottom of .aspx test page       -->
<!-- 				Testing "Table" pages in Bootstrap is working. Populating with data from SQL Server    -->
<!-- 2023.06.24 RLJ Show HVAC on/off status by calculating Delta-T temperature difference                  -->
<!-- 2023.06.25 RLJ Added HVACSummer to web.config, removed from code. Initial setting -10                 -->
<!-- 2023.06.26 RLJ Adding real temperature data for graphics, bottom of page                              -->
<!-- 2023.06.27 RLJ Adding dx=numeric day as a query string (command line parameter) &dx=22                -->
<!-- 				Removed "Data Table" to work on at a later date                                        -->
<!-- 2023.07.02 RLJ Changed hours to start at 2A, not 12A                                                  -->
<!-- 2023.07.07 RLJ Data labels are now working, took a while to figure out using Graph.js                 -->
<!-- 				Fill set to "true", helps magnatude and perception. Similar to a mountain range        -->
<!-- 2023.07.15 RLJ	Testing Alert messaging, using the Red, class="alert alert-danger                      -->                                          
<!-- 2023.08.08 RLJ	Found error in query when calling different account number                             --> 
<!-- 2023.08.10 RLJ	Updating chart function to support by account number                                   -->
<!-- 2023.09.01 RLJ	Updating chart function to support current month                                       -->
<!-- 2023.10.26 RLJ	Updating chart function to display proper months (currently shows August)              -->
<!-- 2024.01.08 RLJ	Does not support new year (2024 with graphs) Fixing                                    -->
<!-- 2024.05.29 RLJ	Testing a green color for ROMCode if "nominal"                                         -->
<!-- 2024.07.12 RLJ Turn auto screen refresh "off"                                                         -->
<!-- 2024.07.12 RLJ Centering display data according to smartphone or desktop                              -->
<!-- 2025.01.01 RLJ New year 2025 not supported, hard coded.                                               -->

<!-- 2025.01.20 RLJ Added 2990 Reagan, Dallas new construction. Outside and 1st floor hallway temps        -->
<!-- 				First production installation. Fix driving graph by sensor ID numbers                  -->
<!-- 				Fixed static zip code on graph title                                                   -->
<!-- 2025.01.21 RLJ Dedicating the graph to 2990 Reagan property. First commercial installation            -->
<!-- 				This is production version 1.0 web site. Defined on line 174, this file                -->
<!-- 2025.01.22 RLJ Working great! Added screen information about how often scans are made                 -->
<!-- 2025.01.27 RLJ Fixing graphnics not tied to proper account                                            -->
<!-- 2025.02.27 RLJ Now supports account 100 (original), must be placed in query string                    -->




<!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">
<head>
    <!--[if lt IE 7]>      <html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    <!--[if IE 7]>         <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
    <!--[if IE 8]>         <html lang="en" class="no-js lt-ie9"> <![endif]-->
    <!--[if gt IE 8]><!-->
    <html lang="en" class="no-js">
    <!--<![endif]-->
    <!-- meta character set -->
    <meta charset="utf-8" />
    <!-- Always force latest IE rendering engine or request Chrome Frame -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><title>
	1WireHome.net - Welcome to Home Monitoring!
</title>
    <!-- Meta Description -->
    <meta name="description" content="Information about 1-Wire devices, custom boards and control software." /><meta name="keywords" content="1-Wire, 1-Wire Boards, DS2408, DS2450, DS18S20, DS18B20, 1-Wire software, controlling 1-Wire devices" />
    
	<!-- Auto-Refresh command for browser 120 seconds -->
	<!-- <meta http-equiv="refresh" content="120" />    -->

    <!-- Mobile Specific Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- CSS
		================================================== -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700" rel="stylesheet" type="text/css" />
    <!-- Fontawesome Icon font -->
    <link rel="stylesheet" href="css/font-awesome.min.css" /><link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/jquery.fancybox.css" />
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/owl.carousel.css" />
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/slit-slider.css" />
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/animate.css" />
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="css/main.css" />
    <!-- Modernizer Script for old Browsers -->
    <script src="js/modernizr-2.6.2.min.js"></script>
</head>
<body id="body">

    <form id="form1">

    <main class="site-content" role="main">
		
			
			<!-- Service section **************************************************************************** -->
			<section id="service">
				<div class="container">
					<div class="row">
						<!-- following is left justified  -->
						<!-- <div class="sec-title"> -->
						<div class="sec-title text-center">
							<h2 class="wow animated bounceInLeft">
							<p class="service-icon">
								<i class="fa fa-home fa-2x"></i>
								<br>
							</p>							
                            1WireBoards.net Lab
                            <br>
							Tuesday
							
							</h2>
                            <p>Cloud-based live data using<br>
							Maxim 1-Wire 
							<a target=_blank href=https://www.analog.com/media/en/technical-documentation/data-sheets/ds18s20.pdf>DS18S20</a> sensor(s)
							and <a target=_blank href=https://www.mouser.com/datasheet/2/609/DS9490_DS9490R-3468143.pdf> DS9490R Controller</a>
							</p>

							<h1>December 9, 2025</h1>
							<p>Sensors are scanned every 60 seconds. </p>
							<p>
							Last temperature scan: <b>11:30:31A</b><br>
							Server time: 11:31A Central US<br>
							
							<!-- Last reading: <b>11:30A CST</b> -->
							For Zip Code <b>75056</b></p>
							<p style='color:red'>Manual page refresh required!</p>
							
							
							<!-- Testing Alert Messages
							<div class="alert alert-success">
  								<strong>Success!</strong> Indicates a successful or positive action.
							</div>

							<div class="alert alert-info">
  								<strong>Info!</strong> Indicates a neutral informative change or action.
							</div>

							<div class="alert alert-warning">
  								<strong>Warning!</strong> Indicates a warning that might need attention.
							</div>
							 -->
							 
							 
							<!-- end testing alerts -->
							
							<!-- Message sensors not working IF statement
							<p class="text-danger">
							
							-->
							<!-- End IF -->
							</p>
							
						</div>
						
						
						<!-- Define Screen Behavior                                                                                              -->
						<!-- <div class="col-md-2 col-sm-4 col-xs-8 text-center wow animated zoomIn" data-wow-delay="0s">          -->
						<!-- <div class="col-md-4 col-sm-8 col-xs-12 text-center wow animated zoomIn" data-wow-delay="0s">		 -->
						<!-- <div class="col-md-3 col-sm-6 col-xs-12 text-center wow animated zoomIn" data-wow-delay="0s">	     -->
						
						<div class="col-sm-6 text-center wow animated zoomIn" data-wow-delay="0s">	
							<div class="service-item">
								<h3>Outside - South</h3><h1>58.1F</h1><p><b>High</b> 58.7F at 11:27a<br><b>Low</b> 42.6F at 3:23a<br> <p><a target=_self href=http://1wirehome.net/highlow30days.aspx?rcid=127&d=1&rc=160008032478D910>Show last 30 days</a></p><p>Device ID is <b>127</b></p><p>Scan Order <b>1</b><br><p style='color:green'><b>160008032478D910</b></p>
							</div>
						</div>
					    
					    
						<!-- Define Screen Behavior                                                                                              -->
						<!-- <div class="col-md-2 col-sm-4 col-xs-8 text-center wow animated zoomIn" data-wow-delay="0.3s">          -->
						<!-- <div class="col-md-4 col-sm-8 col-xs-12 text-center wow animated zoomIn" data-wow-delay="0.3s">		 -->
						<!-- <div class="col-md-3 col-sm-6 col-xs-12 text-center wow animated zoomIn" data-wow-delay="0.3s">	     -->
						
						<div class="col-sm-6 text-center wow animated zoomIn" data-wow-delay="0.3s">	
							<div class="service-item">
								<h3>Guest Bedroom</h3><h1>65.4F</h1><p><b>High</b> 67.3F at 7:12a<br><b>Low</b> 65.3F at 2:28a<br> <p><a target=_self href=http://1wirehome.net/highlow30days.aspx?rcid=144&d=1&rc=C7000801CB50A710>Show last 30 days</a></p><p>Device ID is <b>144</b></p><p>Scan Order <b>2</b><br><p style='color:green'><b>C7000801CB50A710</b></p>
							</div>
						</div>
					    
					    
						<!-- Define Screen Behavior                                                                                              -->
						<!-- <div class="col-md-2 col-sm-4 col-xs-8 text-center wow animated zoomIn" data-wow-delay="0.6s">          -->
						<!-- <div class="col-md-4 col-sm-8 col-xs-12 text-center wow animated zoomIn" data-wow-delay="0.6s">		 -->
						<!-- <div class="col-md-3 col-sm-6 col-xs-12 text-center wow animated zoomIn" data-wow-delay="0.6s">	     -->
						
						<div class="col-sm-6 text-center wow animated zoomIn" data-wow-delay="0.6s">	
							<div class="service-item">
								<h3>Guest Bedroom 2</h3><h1>65.3F</h1><p><b>High</b> 66.7F at 7:14a<br><b>Low</b> 65.2F at 4:37a<br> <p><a target=_self href=http://1wirehome.net/highlow30days.aspx?rcid=118&d=1&rc=EA000801CB3B9F10>Show last 30 days</a></p><p>Device ID is <b>118</b></p><p>Scan Order <b>6</b><br><p style='color:green'><b>EA000801CB3B9F10</b></p>
							</div>
						</div>
					    
					    
					    
					</div>
					<br>
					
					
						
						</div>
						<div>
					</div>
							
					<div class="sec-title text-center">
					<p class="wow animated bounceInRight">
					<br><br>
							
					</p>
							<p class="wow animated bounceInRight">
							<br>Ver 1.0 (Production)
							<br>Running on the <a target=_blank href=https://www.smarterasp.net>SmarterASP.net Cloud </a></b>
							<br>Last Site Update: 12/31/1600 RLJ Server: WIN8071
							</p>
					</div>
					<!-- Testing Bootstrap Tab pages -->
									
					<!-- If Statement goes here, show graph or not -->
<div class="container">

	<!-- Dynamic Tabs *************************************************** -->
  <h2>Zip 75056 - 24 Hour Graph of Structure Temperatures</h2>
  <p>Tabbed screens below, only "Home" is provided. Programming to to add date tabs for the last 7 days.</p>

  <ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
	<!-- Not Used 
	<li><a data-toggle="tab" href="#menu1"><not used</a></li>
	-->
  </ul>

  <div class="tab-content">
    <div id="home" class="tab-pane fade in active">
	
	
      <h3>December 9 - &deg;F - Central Time, USA</h3><br>
	  
	    <!-- Temperature Graph ********************************************** -->

      <p>  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<!-- <body> -->
<canvas id="myChart" style="width:100%;max-width:1250px"></canvas>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<!-- <body> -->
<!-- <canvas id="myChart" style="width:100%;max-width:1000px"></canvas> -->
<!-- **************************************************************************************** -->

<script>
const xValues = ["2A","3A","4A","5A","6A","7A","8A","9A","10A","11A","12P","1P","2P","3P","4P","5P","6P","7P","8P","9P","10P","11P","12A","1A"];

new Chart("myChart", {
  type: "line",
  data: {
    labels: xValues, 

    datasets: [{ 
      data: [43.6,42.8,42.7,43.0,43.3,43.4,43.6,47.2,49.7,56.3],
      borderColor: "gray",
	  	  label: "Outside - South",	
      fill: true
    }, { 
      data: [65.5,65.4,65.4,65.5,65.8,67.1,66.5,66.3,65.8,65.4],
      borderColor: "green",
	  	  label: "Guest Bedroom 1",	
      fill: true
    }, { 
      data: [65.4,65.3,65.3,65.4,65.5,66.4,66.3,66.0,65.5,65.4],
      borderColor: "black",
	  	  label: "Guest Bedroom 2",	
      fill: true
    }]
  },
  options: {
    legend: {display: true}
  }
});
</script>
<!-- **************************************************************************************** -->

</p>
    </div>
    <div id="menu1" class="tab-pane fade">
      <h3>Sunday June 25</h3>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div id="menu2" class="tab-pane fade">
      <h3>Saturday June 24</h3>
      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
    </div>
    <div id="menu3" class="tab-pane fade">
      <h3>Friday June 23</h3>
      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
    </div>
  </div>
  <!-- End Dynamic Tabs *********************************************** -->
  
  
</div>
				</div>
			</section>
			<!-- end Service section -->
	
    <!-- Essential jQuery Plugins
		================================================== -->
    <!-- Main jQuery -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <!-- Twitter Bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Single Page Nav -->
    <script src="js/jquery.singlePageNav.min.js"></script>
    <!-- jquery.fancybox.pack -->
    <script src="js/jquery.fancybox.pack.js"></script>
    <!-- Google Map API -->
    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <!-- Owl Carousel -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- jquery easing -->
    <script src="js/jquery.easing.min.js"></script>
    <!-- Fullscreen slider -->
    <script src="js/jquery.slitslider.js"></script>
    <script src="js/jquery.ba-cond.min.js"></script>
    <!-- onscroll animation -->
    <script src="js/wow.min.js"></script>
    <!-- Custom Functions -->
    <script src="js/main.js"></script>
    </form>
</body>
</html>