first commit

Info/image.php

@@ -25,7 +25,7 @@ function imagewritestring($img, $font_size, $string)
 {
 	$color = imagecolorallocate($img, 180, 180, 180);
 	static $y = 110;
-	$y += $font_size + 12;
+	$y += $font_size + 14;
 	$x = 40;
 	imagettftext($img, $font_size, 0, $x, $y, $color, "fonts/consola.ttf", $string);
 }

Info/image0.php

@@ -0,0 +1,30 @@
+<?php
+
+include "uinfo.class.php";
+
+#array_key_exists('HTTP_USER_AGENT',  $_SERVER) && $_SERVER['HTTP_USER_AGENT'] ? $_SERVER["HTTP_USER_AGENT"] : "undefined" ;
+#$user = new uInfo($_SERVER["HTTP_USER_AGENT"], $_SERVER["REMOTE_ADDR"]) ;
+
+$userAgent = array_key_exists('HTTP_USER_AGENT',  $_SERVER) && $_SERVER['HTTP_USER_AGENT'] ? $_SERVER["HTTP_USER_AGENT"] : "undefined" ;
+
+$user = new uInfo($userAgent, $_SERVER["REMOTE_ADDR"]) ;
+
+header("Content-type: image/jpeg");
+
+$img = imagecreatefromjpeg("img/type0.jpg");
+
+imagewritestring($img, 1, $user->host->ip);
+imagewritestring($img, 2, $user->host->city .  " , " .  $user->os->name . " " . $user->os->version);
+imagewritestring($img, 3, $user->browser->name . " ,  " . $user->browser->version .  " " . 'Pays: ' . $user->host->country);
+imagejpeg($img, NULL, 100);
+imagedestroy($img);
+
+function imagewritestring($img, $font_size, $string)
+{
+	$color = imagecolorallocate($img, 180, 180, 180);
+	static $y = 2;
+	$y += $font_size + 10;
+	$x = 10;
+	imagettftext($img, $font_size, 0, $x, $y, $color, "fonts/consola.ttf", $string);
+}
+

Info/index.php

@@ -30,8 +30,6 @@ $user = new uInfo($userAgent, $_SERVER["REMOTE_ADDR"]) ;
 <div id="info">
 	<span><span data-i18n="app.name">uInfo</span> <?php echo $site['version']; ?></span>
 	<span><a href="https://ip.echosystem.fr">Retour</a></span>
-<!--	<span><a href="https://github.com/ziggi/uInfo" target="_blank" data-i18n="app.github">GitHub</a></span>
-	<span><a href="https://ziggi.org/" target="_blank" data-i18n="app.home">Home</a></span>-->
 </div>
 
 <div id="middle">

index.php

@@ -5,6 +5,7 @@
   <title>Your IP info</title>
   <meta charset="utf-8" />
   <meta name="viewport" content="initial-scale=1, minimal-ui" />
+   <meta name="viewport" content="width=device-width">
   <script src="js/jquery.2.1.3.min.js"></script>
   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
   <link rel="stylesheet" href="css/spectre.min.css">
@@ -446,6 +447,26 @@ text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px
                 text-transform:lowercase;
 }
 
+
+@media only screen and (max-width: 520px) {
+        #middle {
+                width: 100%;
+                height: 70%;
+                margin: 25px 0 25px 0;
+        }
+        #img {
+                max-width: 80%;
+        }
+        #img img {
+                width: 100%;
+        }
+}
+
+#img {
+        width: 520px;
+        margin: 0 auto;
+}
+
 </style>
 
 <?php
@@ -506,7 +527,7 @@ $geoip_longitude = getenv('GEOIP_LONGITUDE');
 </div>
 </section>
 
-<div class="bgimg-2"  style="height: 450px;">
+<div class="bgimg-2">
  <div class="captionIn">
    <span class="border" style="background-color:#000000;font-size:25px;color: #f7f7f7; text-align: center;"> 
    Cette adresse a été localisée dans la belle ville de <b><?php echo '<span style="color:#cc0000;text-shadow: -1px -1px 2px #000;">'.$geoip_city.'</span><br>'; ?>
@@ -519,9 +540,12 @@ echo 'Latitude:  <span style="color:#cc0000;text-shadow: -1px -1px 2px #000;">'.
 echo 'Longitude:  <span style="color:#cc0000;text-shadow: -1px -1px 2px #000;">'.$geoip_longitude.'</span><br>';
 ?>
    </span>
-   <section id="section03" class="demo"> <br/><br/><br/><br/>
+ <br/><br/><br/><br/><br/><br/>
-      <a href="#sectionMAP"><span></span>Map<br><i class="icon icon-location" style="color:#7FFF00;"></i></a>
+   <section id="section03" class="demo">
+     <a href="#sectionMAP"><span></span><br><br>Map<br><i class="icon icon-location" style="color:#7FFF00;"></i></a>
+<!--<a href="#sectionMAP"><br><i class="icon icon-location" style="color:#7FFF00;"></i></a>-->
    </section>
+	<br/><br/>
   </div>
 </div>
 
@@ -537,6 +561,8 @@ echo 'Longitude:  <span style="color:#cc0000;text-shadow: -1px -1px 2px #000;">'
  
 <div class="bgimg-3" style="height: 450px;">
   <div class="captionMap">
+	<span></span>Map<br>
+    <!--   <i class="icon icon-location" style="color:#7FFF00;"></i>-->
       <i class="icon icon-location" style="color:#777;"></i> 
    <h2><span style="text-shadow: -1px -1px 1px #000;"><?php echo "$geoip_city"; ?></span></h2> 
    <iframe  style="height: 35%; width: 60%" scrolling="no" frameborder="0" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCRTD-ARSWquI_i1P0AlZrRPxnzmtIntd4&q=<?php echo "$geoip_latitude"?>,<?php echo "$geoip_longitude"?>&zoom=12" allowfullscreen></iframe>
@@ -544,11 +570,24 @@ echo 'Longitude:  <span style="color:#cc0000;text-shadow: -1px -1px 2px #000;">'
      <span class="label label-rounded label-error"> NEW </span>
      <a href="Info">   <h2>Your IP image.</h2> </a>
    <br>
-   <a href="Info/"><img src="Info/image.php"></a>
+     <a href="Info/">
-        <!--<br /> <a href="https://git.echosystem.fr/Erreur32/NIWPI">NIWPI Page</a> by <a href="https://erreur32.echosystem.fr">   erreur32 </a>-->
+ 	<div id="img">
+                       <a href="<?php echo $site['uri']; ?>Info/image.php"><img src="<?php echo $site['uri']; ?>Info/image.php"></a>
+         </div>
+     </a>
+<!--
+<picture>
+   <source srcset="Info/image.php" media="(min-width: 768px)">
+   <source srcset="Info/image0.php" media="(max-width: 767px)">
+   <img srcset="Info/image.php" alt="Your-ip-image">
+</picture>
+-->
+<!--   <a href="Info/"><img src="Info/image.php"  alt="Your-ip-image">-->
+<!--<br /> <a href="https://git.echosystem.fr/Erreur32/NIWPI">NIWPI Page</a> by <a href="https://erreur32.echosystem.fr">   erreur32 </a>-->
   </div>
 </div>
 
+
 <div style="position:relative; bottom: 0px;  margin-top: 0px;">
  <div  class="captionEnd" style="color:#ddd;background-color:#282E34;text-align:center;text-decoration: none; transition: opacity .3s;">
   <section id="sectionbas" class="demo2" style="color:#ddd;background-color:#282E34;text-align:center;text-decoration: none; transition: opacity .3s;"> </section>
@@ -563,6 +602,8 @@ echo 'Longitude:  <span style="color:#cc0000;text-shadow: -1px -1px 2px #000;">'
 </div>
 
 
+
+
 </body>
 
 <SCRIPT type="text/javascript">