<commit_before><html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<style>

#garage {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#foodstorage {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;
}

#porchdoor {
    position:relative;
    top:55;
    right:12;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}

#kitchengaragedoor {
    position:relative;
    top:90;
    right:30;
    width:30px;
    height:20px;
    float:left;
    border: 1px solid black;
}


#porch {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#office {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;
}


#livingkitch {
    width:320px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#sub_basement  {
    width:122px;
    height:200px;
    float:left;
}

#furnace {
    width:100px;
    height:150px;
    float:left;
    padding:10px;
    border: 1px solid black;
}

#basementbath {
    width:100px;
    height:128px;
    float:left;
    padding:10px;
    border: 1px solid black;
}


#frontdoor {
    position:relative;
    top:-12;
    right:-311;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}

#garagedoor {
    position:relative;
    top:-10;
    right:-90;
    width:15px;
    height:120px;
    float:left;
    border: 1px solid black;
}


#frontdoormotion {
    width:20px;
    height:100px;
    float:left;
    border: 1px solid black;
}

#master {
    width:140px;
    height:300px;
    float:left;
    padding:10px;

    border: 1px solid black;	 	 
}

#basementgeneral {
    width:150px;
    height:300px;
    float:left;
    padding:10px;

    border: 1px solid black;
}

#hall {
    width:20px;
    height:300px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#basementhall {
    width:28px;
    height:300px;
    float:left;
    padding:10px;
    border: 1px solid black;
}


#bed {
    width:119px;
    height:138px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}
#bath {
    width:119px;
    height:138px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#skyroom {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;
}
#stairs {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;
}


#container {
    width:370px;
    height:560px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#basement {
    width:370px;
    height:560px;
    float:left;
    padding:10px;
    border: 1px solid black;
}

#officedoor {
    position:relative;
    top:90;
    right:-120;
    width:30px;
    height:20px;
    float:left;
    border: 1px solid black;
}

#storagedoor {
    position:relative;
    top:90;
    right:-60;
    width:30px;
    height:20px;
    float:left;
    border: 1px solid black;
}

#basementbathdoor {
    position:relative;
    top:106;
    right:-90;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}

#basementdoor {
    position:relative;
    top:290;
    right:-120;
    width:30px;
    height:20px;
    float:left;
    border: 1px solid black;
}

#skyroomdoor {
    position:relative;
    top:-11;
    right:-120;
    width:30px;
    height:20px;
    float:left;
    border: 1px solid black;
}

#masterdoor {
    position:relative;
    top:131;
    right:-130;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}

#beddoor {
    position:relative;
    top:115;
    right:11;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}

#bathdoor {
    position:relative;
    top:-5;
    right:11;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}
</style>

</head>
<body>

<script>

function callHome() {
   $.ajax({
      url: "http://api.vengersonline.com:/api/nodes/",
      dataType: 'text',
      success: function(data) {
         //alert(data);
         var nodeObj = JSON.parse(data);
         //document.getElementById("nodes").innerHTML = data;
         //console.log(nodeObj.nodes["192.168.1.100"].lastupdate);
         var gd_down = nodeObj.nodes["192.168.1.100"]["gpio"]["12"].active; //Garage Door Down
         var gd_up = nodeObj.nodes["192.168.1.100"]["gpio"]["16"].active; //Garage Door up
         var kitchen_door = nodeObj.nodes["192.168.1.100"]["gpio"]["18"].active; //Door Kitchen
         var porch_door = nodeObj.nodes["192.168.1.100"]["gpio"]["15"].active; //Door Porch
         var garage_sensor = nodeObj.nodes["192.168.1.100"]["gpio"]["7"].active;  //Garage Sensor 
         var fd_sensor = nodeObj.nodes["192.168.1.100"]["gpio"]["23"].active; //Front Door motion sensor
         var fd_closed = nodeObj.nodes["192.168.1.100"]["gpio"]["21"].active; //Fron door door sensor
         var living_sensor = nodeObj.nodes["192.168.1.100"]["gpio"]["24"].active; //Living room motion sensor
         //console.log(living_sensor);
         if(living_sensor) {
            //$("#div1").fadeIn(500);
            document.getElementById("livingkitch").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("livingkitch").style.backgroundColor = "#00CC00";
         }
         if(garage_sensor) {
            //$("#div1").fadeIn(500);
            document.getElementById("garage").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("garage").style.backgroundColor = "#00CC00";
         }
         if(!fd_closed) {
            //$("#div1").fadeIn(500);
            document.getElementById("frontdoor").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("frontdoor").style.backgroundColor = "#00CC00";
         }
         if(fd_sensor) {
            //$("#div1").fadeIn(500);
            document.getElementById("frontdoormotion").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("frontdoormotion").style.backgroundColor = "#00CC00";
         }
         if(!porch_door) {
            //$("#div1").fadeIn(500);
            document.getElementById("porchdoor").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("porchdoor").style.backgroundColor = "#00CC00";
         }
         if(!kitchen_door) {
            //$("#div1").fadeIn(500);
            document.getElementById("kitchengaragedoor").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("kitchengaragedoor").style.backgroundColor = "#00CC00";
         }
         if(gd_down) {
            //$("#div1").fadeIn(500);
            document.getElementById("garagedoor").style.backgroundColor = "#00CC00";
         }
         else if(gd_up){
            //$("#div1").fadeOut(1000);
            document.getElementById("garagedoor").style.backgroundColor = "#FF0000";
         }
         else if(!gd_down && !gd_up) {
            document.getElementById("garagedoor").style.backgroundColor = "#ab82ff";
         }
     }
   });
}

setInterval(callHome, 3000);
</script>

<!-- <div id="div1" style="width:80px;height:80px"> </div><br> -->
<!-- <div id="div1" style="width:80px;height:80px;background-color:white;"></div><br> -->

<!-- First floor -->
<div id=container>
   <div id="porch">
      Porch
   </div>
   <div id="garage">
      <div id="porchdoor">
         D
      </div>
      Garage
      <div id="kitchengaragedoor">
         D
      </div>
      <div id="garagedoor">
      </div>
   </div>
   <div id="livingkitch">
      Kitchen & livingroom
      <div id="frontdoor">
         D
      </div>
   </div><commit_msg>one more door<commit_after><html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<style>

#garage {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#foodstorage {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;
}

#porchdoor {
    position:relative;
    top:55;
    right:12;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}

#kitchengaragedoor {
    position:relative;
    top:90;
    right:30;
    width:30px;
    height:20px;
    float:left;
    border: 1px solid black;
}


#porch {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#office {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;
}


#livingkitch {
    width:320px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#sub_basement  {
    width:122px;
    height:200px;
    float:left;
}

#furnace {
    width:100px;
    height:150px;
    float:left;
    padding:10px;
    border: 1px solid black;
}

#basementbath {
    width:100px;
    height:128px;
    float:left;
    padding:10px;
    border: 1px solid black;
}


#frontdoor {
    position:relative;
    top:-12;
    right:-311;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}

#garagedoor {
    position:relative;
    top:-10;
    right:-90;
    width:15px;
    height:120px;
    float:left;
    border: 1px solid black;
}


#frontdoormotion {
    width:20px;
    height:100px;
    float:left;
    border: 1px solid black;
}

#master {
    width:140px;
    height:300px;
    float:left;
    padding:10px;

    border: 1px solid black;	 	 
}

#basementgeneral {
    width:150px;
    height:300px;
    float:left;
    padding:10px;

    border: 1px solid black;
}

#hall {
    width:20px;
    height:300px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#basementhall {
    width:28px;
    height:300px;
    float:left;
    padding:10px;
    border: 1px solid black;
}


#bed {
    width:119px;
    height:138px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}
#bath {
    width:119px;
    height:138px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#skyroom {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;
}
#stairs {
    width:150px;
    height:100px;
    float:left;
    padding:10px;
    border: 1px solid black;
}


#container {
    width:370px;
    height:560px;
    float:left;
    padding:10px;
    border: 1px solid black;	 	 
}

#basement {
    width:370px;
    height:560px;
    float:left;
    padding:10px;
    border: 1px solid black;
}

#officedoor {
    position:relative;
    top:90;
    right:-120;
    width:30px;
    height:20px;
    float:left;
    border: 1px solid black;
}

#storagedoor {
    position:relative;
    top:90;
    right:-60;
    width:30px;
    height:20px;
    float:left;
    border: 1px solid black;
}

#basementbathdoor {
    position:relative;
    top:106;
    right:-90;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}

#basementdoor {
    position:relative;
    top:290;
    right:-120;
    width:30px;
    height:20px;
    float:left;
    border: 1px solid black;
}

#skyroomdoor {
    position:relative;
    top:-11;
    right:-120;
    width:30px;
    height:20px;
    float:left;
    border: 1px solid black;
}

#masterdoor {
    position:relative;
    top:131;
    right:-130;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}

#beddoor {
    position:relative;
    top:115;
    right:11;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}

#bathdoor {
    position:relative;
    top:-5;
    right:11;
    width:20px;
    height:30px;
    float:left;
    border: 1px solid black;
}

#slidingdoor {
    position:relative;
    top:-11;
    right:0;
    width:60px;
    height:20px;
    float:left;
    border: 1px solid black;
}

</style>

</head>
<body>

<script>

function callHome() {
   $.ajax({
      url: "http://api.vengersonline.com:/api/nodes/",
      dataType: 'text',
      success: function(data) {
         //alert(data);
         var nodeObj = JSON.parse(data);
         //document.getElementById("nodes").innerHTML = data;
         //console.log(nodeObj.nodes["192.168.1.100"].lastupdate);
         var gd_down = nodeObj.nodes["192.168.1.100"]["gpio"]["12"].active; //Garage Door Down
         var gd_up = nodeObj.nodes["192.168.1.100"]["gpio"]["16"].active; //Garage Door up
         var kitchen_door = nodeObj.nodes["192.168.1.100"]["gpio"]["18"].active; //Door Kitchen
         var porch_door = nodeObj.nodes["192.168.1.100"]["gpio"]["15"].active; //Door Porch
         var garage_sensor = nodeObj.nodes["192.168.1.100"]["gpio"]["7"].active;  //Garage Sensor 
         var fd_sensor = nodeObj.nodes["192.168.1.100"]["gpio"]["23"].active; //Front Door motion sensor
         var fd_closed = nodeObj.nodes["192.168.1.100"]["gpio"]["21"].active; //Fron door door sensor
         var living_sensor = nodeObj.nodes["192.168.1.100"]["gpio"]["24"].active; //Living room motion sensor
         //console.log(living_sensor);
         if(living_sensor) {
            //$("#div1").fadeIn(500);
            document.getElementById("livingkitch").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("livingkitch").style.backgroundColor = "#00CC00";
         }
         if(garage_sensor) {
            //$("#div1").fadeIn(500);
            document.getElementById("garage").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("garage").style.backgroundColor = "#00CC00";
         }
         if(!fd_closed) {
            //$("#div1").fadeIn(500);
            document.getElementById("frontdoor").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("frontdoor").style.backgroundColor = "#00CC00";
         }
         if(fd_sensor) {
            //$("#div1").fadeIn(500);
            document.getElementById("frontdoormotion").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("frontdoormotion").style.backgroundColor = "#00CC00";
         }
         if(!porch_door) {
            //$("#div1").fadeIn(500);
            document.getElementById("porchdoor").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("porchdoor").style.backgroundColor = "#00CC00";
         }
         if(!kitchen_door) {
            //$("#div1").fadeIn(500);
            document.getElementById("kitchengaragedoor").style.backgroundColor = "#FF0000";
         }
         else {
            //$("#div1").fadeOut(1000);
            document.getElementById("kitchengaragedoor").style.backgroundColor = "#00CC00";
         }
         if(gd_down) {
            //$("#div1").fadeIn(500);
            document.getElementById("garagedoor").style.backgroundColor = "#00CC00";
         }
         else if(gd_up){
            //$("#div1").fadeOut(1000);
            document.getElementById("garagedoor").style.backgroundColor = "#FF0000";
         }
         else if(!gd_down && !gd_up) {
            document.getElementById("garagedoor").style.backgroundColor = "#ab82ff";
         }
     }
   });
}

setInterval(callHome, 3000);
</script>

<!-- <div id="div1" style="width:80px;height:80px"> </div><br> -->
<!-- <div id="div1" style="width:80px;height:80px;background-color:white;"></div><br> -->

<!-- First floor -->
<div id=container>
   <div id="porch">
      Porch
   </div>
   <div id="garage">
      <div id="porchdoor">
         D
      </div>
      Garage
      <div id="kitchengaragedoor">
         D
      </div>
      <div id="garagedoor">
      </div>
   </div>
   <div id="livingkitch">
      Kitchen & livingroom
      <div id="frontdoor">
         D
      </div>
      <div id=slidingdoor>
         D
      </div>
   </div>
{'fraction_non_alphanumeric': 0.1545152521896708, 'fraction_numerical': 0.06378737541528239, 'mean_word_length': 2.289489370156964, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 73, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 18, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '326851', 'n_tokens_mistral': 6397, 'n_tokens_neox': 5760, 'n_words': 966}