<?php
session_start();

        if(isset($_REQUEST['debug'])) {ini_set('display_errors', 'On');}
require ('../milfs/xajax/xajax.inc.php');
$xajax = new xajax();
//$xajax = new xajax("https://tupale.co/milfs/index.php");
require ('funciones/funciones.php');
require ('../milfs/funciones/funciones.php');
require ("../milfs/funciones/conex.php");

$xajax->processRequests(); 
$color_frente= random_color();
$color_fondo= random_color();

?>
<!DOCTYPE html>
<html lang="en">
   <head >
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=no, width=device-width,  maximum-scale=1,  initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    
     <?php 
     $xajax->printJavascript("../milfs/xajax/"); 
     //	$xajax->debugOn();
		//$xajax->statusMessagesOn();
      ?>
	<link rel="shortcut icon" href="favicon-152.png">
	<link rel="apple-touch-icon-precomposed" href="favicon-152.png">


		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous" >



<style>
@font-face {
    font-family: 'AlfphabetIV';
    src: url('fuentes/Alfphabet-IV.ttf');
}
</style>


<title>Iconoclasta</title>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>
<script src="../milfs/js/scripts.js"></script>
<script type='text/javascript'>
function iniciaCanvas(idCanvas){
var elemento = document.getElementById(idCanvas);
if (elemento &&  elemento.getContext){
    var contexto = elemento.getContext('2d');
    if (contexto) {
       return contexto;
       }
    }
    return false;
}
</script>
</head>
<body  >
<div class='container'>
<h1>Iconoclasta</h1>
<form id='formulario_iconifica' name='formulario_iconifica' class="form ">


<div class='form-group '>
<div class='col-md-8'>
	
<label for='color_front' >Titulo</label>
	<input class='form-control input-lg' id='frase'  name='frase' placeholder='Escribe una frase o palabra' onkeyup="xajax_iconifica(xajax.getFormValues('formulario_iconifica'))" />

	</div>
	</div>
	<div class='form-group'>
	<div class='col-md-2'>
	
				<label for='color_front' >Frente</label>

		<input onchange="xajax_iconifica(xajax.getFormValues('formulario_iconifica'))" class='form-control input-lg' id='color_front' name='color_front' type='color' value='#<?php echo $color_frente; ?>'/>
	</div>
	</div>
	<div class='form-group '>
	<div class='col-md-2'>
	
			<label for='color_back' >Fondo</label>
	<input  onchange="xajax_iconifica(xajax.getFormValues('formulario_iconifica'))"  class='form-control input-lg' id='color_back' name='color_back' type='color' value="#<?php echo $color_fondo; ?>" />
	</div>
	</div>

</form>
<div id="div_icono"></div>
<canvas id='ejemplo1' width='150px' height='150px' >
</canvas>

<?php echo galleria("359"); ?>
</div>

</body>
</html>