Portal Cautivo / Adaptacion servidor PfSense

This commit is contained in:
kleper 2018-10-18 20:39:46 -05:00
commit bbc7c0cd35
11 changed files with 793 additions and 297 deletions

94
portalcautivo/cutof.html Normal file
View File

@ -0,0 +1,94 @@
<!-- <div class="form-group">
<input type="text" class="form-control" placeholder="First Name *" value="" />
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Last Name *" value="" />
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Password *" value="" />
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Confirm Password *" value="" />
</div>
<div class="form-group">
<div class="maxl">
<label class="radio inline">
<input type="radio" name="gender" value="male" checked>
<span> Male </span>
</label>
<label class="radio inline">
<input type="radio" name="gender" value="female">
<span>Female </span>
</label>
</div>
</div> -->
<!-- <div class="col-md-6">
<div class="form-group">
<input type="email" class="form-control" placeholder="Your Email *" value="" />
</div>
<div class="form-group">
<input type="text" minlength="10" maxlength="10" name="txtEmpPhone" class="form-control" placeholder="Your Phone *" value="" />
</div>
<div class="form-group">
<select class="form-control">
<option class="hidden" selected disabled>Please select your Sequrity Question</option>
<option>What is your Birthdate?</option>
<option>What is Your old Phone Number</option>
<option>What is your Pet Name?</option>
</select>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Enter Your Answer *" value="" />
</div>
<input type="submit" class="btnRegister" value="Register"/>
</div> -->
<!-- <div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="First Name *" value="" />
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Last Name *" value="" />
</div>
<div class="form-group">
<input type="email" class="form-control" placeholder="Email *" value="" />
</div>
<div class="form-group">
<input type="text" maxlength="10" minlength="10" class="form-control" placeholder="Phone *" value="" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="password" class="form-control" placeholder="Password *" value="" />
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Confirm Password *" value="" />
</div>
<div class="form-group">
<select class="form-control">
<option class="hidden" selected disabled>Please select your Sequrity Question</option>
<option>What is your Birthdate?</option>
<option>What is Your old Phone Number</option>
<option>What is your Pet Name?</option>
</select>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="`Answer *" value="" />
</div>
<input type="submit" class="btnRegister" value="Register"/>
</div>
</div> -->
<!-- <button type="button" class="btn btn-default btn-circle btn-xl"><i class="glyphicon glyphicon-ok"></i></button>
<button type="button" class="btn btn-primary btn-circle btn-xl"><i class="glyphicon glyphicon-list"></i></button>
<button type="button" class="btn btn-success btn-circle btn-xl"><i class="fas fa-images"></i></i></button>
<button type="button" class="btn btn-info btn-circle btn-xl"><i class="fab fa-wikipedia-w"></i></i></button>
<button type="button" class="btn btn-warning btn-circle btn-xl"><i class="glyphicon glyphicon-remove"></i></button>
<button type="button" class="btn btn-danger btn-circle btn-xl"><i class="fab fa-youtube"></i></button> -->

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 KiB

379
portalcautivo/prueba.html Normal file
View File

@ -0,0 +1,379 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Portal Cautivo Red Comunitaria</title>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.register {
background: -webkit-linear-gradient(left, #3931af, #00c6ff);
margin-top: 3%;
padding: 3%;
}
.register-left {
text-align: center;
color: #fff;
margin-top: 4%;
}
.register-left input {
border: none;
border-radius: 1.5rem;
padding: 2%;
width: 60%;
background: #f8f9fa;
font-weight: bold;
color: #383d41;
margin-top: 30%;
margin-bottom: 3%;
cursor: pointer;
}
.register-right {
background: #f8f9fa;
border-top-left-radius: 10% 50%;
border-bottom-left-radius: 10% 50%;
}
.register-left img {
margin-top: 15%;
margin-bottom: 5%;
width: 25%;
-webkit-animation: mover 2s infinite alternate;
animation: mover 1s infinite alternate;
}
@-webkit-keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-20px);
}
}
@keyframes mover {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-20px);
}
}
.register-left p {
font-weight: lighter;
padding: 12%;
margin-top: -9%;
}
.register .register-form {
padding: 10%;
margin-top: 10%;
}
.btnRegister {
float: right;
margin-top: 10%;
border: none;
border-radius: 1.5rem;
padding: 2%;
background: #0062cc;
color: #fff;
font-weight: 600;
width: 50%;
cursor: pointer;
}
.register .nav-tabs {
margin-top: 3%;
border: none;
background: #0062cc;
border-radius: 1.5rem;
width: 28%;
float: right;
}
.register .nav-tabs .nav-link {
padding: 2%;
height: 34px;
font-weight: 600;
color: #fff;
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
}
.register .nav-tabs .nav-link:hover {
border: none;
}
.register .nav-tabs .nav-link.active {
width: 100%;
color: #0062cc;
border: 2px solid #0062cc;
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
}
.register-heading {
text-align: center;
margin-top: 8%;
margin-bottom: -15%;
color: #495057;
}
/* images sprites
*/
.circle {
cursor: pointer;
width: 215px;
height: 215px;
position: absolute;
top: 50%;
left: 50%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mask-a,
.mask-b {
border-radius: 100%;
position: relative;
width: 100%;
height: 100%;
}
.mask-a {
background: #1b2d41;
overflow: hidden;
-webkit-mask-position: 0 0;
-webkit-mask-size: 215px 215px;
-webkit-mask-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/953/mask_svg.svg);
z-index: 10;
}
.mask-b {
background: #1b2d41;
}
.cursor,
.cursor::before {
background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/953/ok_1.svg) no-repeat center center;
position: absolute;
width: 44px;
height: 44px;
}
.cursor {
background-position: 0px -31px;
top: 7em;
left: 9em;
will-change: transform;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform 550ms ease;
transition: transform 550ms ease;
transition: transform 550ms ease, -webkit-transform 550ms ease;
}
.cursor::before {
background-position: -43px -30px;
content: "";
top: -0.3em;
left: 0.3em;
will-change: transform;
-webkit-transform: translateX(0px) translateZ(0px);
transform: translateX(0px) translateZ(0px);
transition: -webkit-transform 550ms ease;
transition: transform 550ms ease;
transition: transform 550ms ease, -webkit-transform 550ms ease;
}
.ok-btn {
background: #1aaf5d;
border-radius: 0.7em;
box-shadow: 0 5px 0 #0a7237;
color: #fff;
font-size: 2em;
font-weight: 500;
text-shadow: 0 2px 0 #0a7237;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
width: 148px;
height: 70px;
margin-left: -74px;
margin-top: -35px;
will-change: transform;
-webkit-transform: translateY(0px) translateZ(0px);
transform: translateY(0px) translateZ(0px);
line-height: 70px;
transition: all 550ms ease;
}
.circle:hover>.mask-b>.ok-btn {
background: #179951;
box-shadow: 0 0 0 1px #064320, inset 0 1px 0 0 #0a7237;
-webkit-transform: translateY(5px) translateZ(0px);
transform: translateY(5px) translateZ(0px);
transition: all 450ms 100ms cubic-bezier(0.68, -0.55, 0.265, 1.65);
}
.circle:hover>.mask-b>.cursor {
-webkit-transform: translate3d(-0.3em, 0.5em, 0);
transform: translate3d(-0.3em, 0.5em, 0);
transition: -webkit-transform 450ms cubic-bezier(0.68, -0.55, 0.265, 1.65);
transition: transform 450ms cubic-bezier(0.68, -0.55, 0.265, 1.65);
transition: transform 450ms cubic-bezier(0.68, -0.55, 0.265, 1.65), -webkit-transform 450ms cubic-bezier(0.68, -0.55, 0.265, 1.65);
}
.circle:hover>.mask-b>.cursor::before {
-webkit-transform: translateX(-4px) translateZ(0px);
transform: translateX(-4px) translateZ(0px);
transition: -webkit-transform 450ms cubic-bezier(0.68, -0.55, 0.265, 1.65);
transition: transform 450ms cubic-bezier(0.68, -0.55, 0.265, 1.65);
transition: transform 450ms cubic-bezier(0.68, -0.55, 0.265, 1.65), -webkit-transform 450ms cubic-bezier(0.68, -0.55, 0.265, 1.65);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
figure {
margin: 0;
}
.credit-design {
color: #315277;
font-weight: 400;
position: absolute;
width: 100%;
left: 0;
bottom: 20px;
font-size: 0.8rem;
text-align: center;
}
.credit-design a {
color: #395f89;
text-decoration: none;
}
.circle-button {
box-shadow: 2px 4px 0 2px rgba(0, 0, 0, 0.1);
border: .5em solid #c7d400;
font-size: 1em;
line-height: 1.1em;
color: #ffffff;
background-color: #76be4e;
margin: auto;
border-radius: 50%;
height: 7em;
width: 7em;
position: relative;
}
.orange-circle-button:hover {
color: #ffffff;
background-color: #226093;
text-decoration: none;
border-color: #c7d400;
}
.orange-circle-button:visited {
color: #ffffff;
background-color: #c7d400;
text-decoration: none;
}
.orange-circle-link-greater-than {
font-size: 1em;
}
</style>
</head>
<body>
<div class="container register">
<div class="row">
<div class="col-md-3 register-left">
<img src="https://image.ibb.co/n7oTvU/logo_white.png" alt="" />
<h3>¡Bienvenido!</h3>
<p>Estás muy cerca de entrar al mundo Web!</p>
</div>
<div class="col-md-9 register-right">
<ul class="nav nav-tabs nav-justified" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link " id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="false">Con Internet</a>
</li>
<li class="nav-item">
<a class="nav-link active" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="true">Sin Internet</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show" id="home" role="tabpanel" aria-labelledby="home-tab">
<h3 class="register-heading">Entrar con Internet</h3>
<div class="row register-form">
<div class="col-md-12">
<form method="post" action="$PORTAL_ACTION$">
<input class="form-control" name="auth_user" type="text" placeholder="Usuario" id="auth_user">
<input class="form-control" name="auth_pass" type="password" placeholder="Contraseña" id="auth_pass">
<legend>Si tienes un codigo de acceso, ingresalo aquí:</legend>
<input class="form-control" name="auth_voucher" type="text" placeholder="Codigo Voucher">
<input class="form-control" name="redirurl" type="hidden" value="$PORTAL_REDIRURL$">
<input name="zone" type="hidden" value="$PORTAL_ZONE$">
<input class="btn register nav-tabs register-left" name="accept" type="submit" value="Entrar">
</form>
</div>
</div>
</div>
<div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<h3 class="register-heading">Ver contenidos sin Internet</h3>
<div class="row register-form">
<div>
<div class="container d-flex justify-content-center">
<div class="col-md-12">
<button class="btn btn-default circle-button" href="">Entrar /><span class="orange-circle-greater-than">></span></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 MiB

View File

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -0,0 +1,205 @@
html {
height: 100%
}
body {
background: url("") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: white;
height: 100%
}
h3{
margin-top: 0px !important;
}
#redes{
color:white;
font-size: 2em;
padding: 0.4em;
}
#logo_cabecera{
width:100%;
left:40px;
background-color: white;
}
.alert-info{
color: #341208;
background-image: url("");
}
#cabezote{
background: url(../../images/imagen_principal.jpg) fixed center no-repeat;
background-size: cover;
text-shadow: 0px 2px 3px rgb(0, 0, 0);
color: white;
}
.linea_botones{
display: inline-block;
text-align: center;
margin: 1em;
}
.texto_botones{
font-size: 2em;
}
.btn-circle.btn-xl {
width: 4em;
height: 4em;
padding: 1.5em;
font-size: 2em;
line-height: 1.33;
border-radius: 5em;
display: inline-flex;
}
.franja{
color: white;
background: -webkit-linear-gradient(left, #3931af, #00c6ff);
margin-bottom: 2em;
}
.navbar{
background: -webkit-linear-gradient(left, #3931af, #00c6ff);
color: white;
margin-bottom: 0px !important;
}
.navbar-header > p {
font-size:20px;
color: white;
font-family: "Open Sans",sans-serif;
font-weight: normal;
display:inline
}
.navbar-header > a {
font-size:20px;
color: white;
font-family: "Open Sans",sans-serif;
font-weight: normal;display:inline
}
.navbar-header > strong{
font-size:20px;
color:white;
font-weight: normal;
font-family: "Open Sans",sans-serif;
display:inline
}
/*.navbar-header {width: 50%;}*/
.div_aplicacion {
background-color: #f0eee1 !important;
}
.div_aplicacion:hover {
-webkit-animation: animatedBackground 1s ease-out 1;
-moz-animation: animatedBackground 1s ease-out 1;
animation: animatedBackground 1s ease-out 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
z-index: 10000;
}
#creditos{
column-count: 4;
column-gap: 1em;
}
.img_creditos{
background-color: white;
display: inline-block;
margin: 0 0 1em;
width: 100%;
}
.img_grad{
max-width: 15em;
}
/* Masonry on large screens */
@media only screen and (min-width: 1024px) {
#creditos{
column-count: 4;
}
}
/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
#creditos {
column-count: 3;
}
}
/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 540px) {
#creditos {
column-count: 2;
}
}
@media max-width: 540px{
#creditos {
column-count: 1;
}
}
@-webkit-keyframes animatedBackground {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
}
@-moz-keyframes animatedBackground {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
}
@keyframes animatedBackground {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
}
.pie{
padding-bottom: 1em;
padding-top: 2em;
font-size: 1.5em;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

View File

@ -6,41 +6,45 @@ ini_set('display_errors', 'On');
}
require('libs/xajax/xajax.inc.php');
$xajax = new xajax();
$razon_social[0] ="NuestraRed.org";
$razon_social[0] ="RedINC.org";
$telefono[0] ="317 8946799";
$email[0] ="correo@nuestrared.org";
$facebook[0] ="https://www.facebook.com/vivirenlafinca/";
$twitter[0] ="@NuestraRedOrg";
$web[0] ="http://NuestraRed.Org";
$slogan[0] ="Red Comunitaria Colaborativa";
function enviar_mail($formulario) {
$email[0] ="correo@redinc.org";
// $facebook[0] ="https://www.facebook.com/redinc/";
// $twitter[0] ="@RedINC";
$web[0] ="http://redinc.org";
$slogan[0] ="RedINC <br/> Buenos Aires - Buenas Ondas ";
function enviar_mail($formulario)
{
$respuesta = new xajaxResponse('utf-8');
if($formulario['nombre'] =="") { $error ="Por favor dinos tu nombre";}
elseif($formulario['email'] =="") { $error ="Por favor escribe un correo electrónico para comunicarnos";}
elseif($formulario['telefono'] =="") { $error ="Necesitamos un número telefónico para comunicarnos";}
elseif($formulario['mensaje'] =="") { $error ="Cual es tu mensaje ?";}
else { $error ="";}
if ($formulario['nombre'] =="") {
$error ="Por favor dinos tu nombre";
} elseif ($formulario['email'] =="") {
$error ="Por favor escribe un correo electrónico para comunicarnos";
} elseif ($formulario['telefono'] =="") {
$error ="Necesitamos un número telefónico para comunicarnos";
} elseif ($formulario['mensaje'] =="") {
$error ="¿Cual es tu mensaje?";
} else {
$error ="";
}
if ($error !="") {
$respuesta->addAlert("$error");
return $respuesta;
}
$headers = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
$headers .= "From: NuestraRed.org <correo@nuestrared.org>\r\n";
$headers .= "Reply-To: correo@nuestrared.org\r\n";
$headers .= "Return-path: correo@nuestrared.org\r\n";
$headers .= "Cc: correo@nuestrared.org" . "\r\n";
$asunto ="Mensaje de Nuestra Red ";
$headers .= "From: RedInc.org <correo@redinc.org>\r\n";
$headers .= "Reply-To: correo@redinc.org\r\n";
$headers .= "Return-path: correo@redinc.org\r\n";
$headers .= "Cc: correo@redinc.org" . "\r\n";
$asunto ="Mensaje de RedINC";
$cuerpo ="
<img src='http://infolocal.nuestrared.org/images/logo.png' style='width:100%'>
Gracias <strong>$formulario[nombre]</strong> por comunicarse con <a href='NuestraRed.org'>NuestraRed.org</a>
<img src='https://es.123rf.com/photo_76488764_icono-de-l%C3%ADnea-de-red-comunitaria.html' style='width:100%'>
Gracias <strong>$formulario[nombre]</strong> por comunicarse con <a href='Redinc.org'>RedINC.org</a>
<div>
<h3>$asunto</h3>
<li><strong>Nombre</strong> $formulario[nombre]</li>
@ -48,19 +52,20 @@ Gracias <strong>$formulario[nombre]</strong> por comunicarse con <a href='Nuestr
<li><strong>Teléfono</strong> $formulario[telefono]</li>
<li><strong>Mensaje</strong> $formulario[mensaje]</li>
</div>
<p>Sigue en contacto con <a href='NuestraRed.org'>NuestraRed.org</a></p>
<p>Sigue en contacto con <a href='Redinc.org'>RedINC.org</a></p>
";
if (mail("$formulario[email]", "$asunto", "$cuerpo", "$headers")) {
$mensaje ="$cuerpo";
}else {$mensaje ="<div class='alert alert-danger'><h2>Error enviando correo </h2>";}
} else {
$mensaje ="<div class='alert alert-danger'><h2>Error enviando correo</h2>";
}
$respuesta->addAssign("div_contacto", "innerHTML", "$mensaje");
//$respuesta->addAlert("Hola Mundo");
return $respuesta;
}
$xajax->registerFunction("enviar_mail");
$xajax->processRequests();
@ -84,6 +89,7 @@ $xajax->processRequests();
<?php $xajax->printJavascript("libs/xajax/"); ?>
<link rel="shortcut icon" href="favicon-152.png">
<link rel="apple-touch-icon-precomposed" href="favicon-152.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<link href="libs/css/font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- <link href="http://getbootstrap.com/examples/sticky-footer-navbar/sticky-footer-navbar.css" rel="stylesheet"> -->
@ -91,122 +97,30 @@ $xajax->processRequests();
<!-- <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" /> -->
<link href="libs/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="libs/css/master.css">
<link href="libs/css/estilos.php" rel="stylesheet">
<!-- <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> -->
<!-- <link rel="points" type="application/json" href="json.php?id=<?php echo $_REQUEST["id"] ?>"> -->
<link href="libs/css/carousel.css" rel="stylesheet">
<style type="text/css">
body {
background: url("") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: green;
background-color: white;}
.alert-info{
color: #341208;
border-color: #341208;
background-image: url("");
}
.jumbotron {
/*background-image: url("libs/nuestrared/images/logoNR.png");*/
background-size: cover;
/*background-position: center;*/
/* text-shadow: 1px 1px 1px rgba(255,255,255,0.8) ; */
background-color: white;
}
.navbar{background-color: green; color: white;}
.navbar-header > p { font-size:20px; color: white; font-family: "Open Sans",sans-serif; font-weight: normal;display:inline }
.navbar-header > a { font-size:20px; color: white; font-family: "Open Sans",sans-serif; font-weight: normal;display:inline }
.navbar-header > strong{ font-size:20px; color:white; font-weight: normal; font-family: "Open Sans",sans-serif; ;display:inline}
/*.navbar-header {width: 50%;}*/
.div_aplicacion {
background-color: #f0eee1 !important;
}
.div_aplicacion:hover {
-webkit-animation: animatedBackground 1s ease-out 1;
-moz-animation: animatedBackground 1s ease-out 1;
animation: animatedBackground 1s ease-out 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
z-index: 10000;
}
@-webkit-keyframes animatedBackground {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
}
@-moz-keyframes animatedBackground {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
}
@keyframes animatedBackground {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
}
</style>
<?php if($_REQUEST[id] !='' AND $_REQUEST[c]){$onload ="<script type=\"text/javascript\"> xajax_formulario_modal('$_REQUEST[id]','','$_REQUEST[c]','$_REQUEST[t]')</script>";} ?>
<?php if ($_REQUEST[id] !='' and $_REQUEST[c]) {
$onload ="<script type=\"text/javascript\"> xajax_formulario_modal('$_REQUEST[id]','','$_REQUEST[c]','$_REQUEST[t]')</script>";
} ?>
</head>
<body>
<body><?php echo $onload; ?>
<nav class="navbar navbar" role="navigation">
<div class="container-fluid">
<div class='col-sx-12 ' id='logo_cabecera' style='width:100%;left:40px; background-color: white; '>
<div class='col-sx-12 ' id='logo_cabecera' >
<div class='pull-right' >
<div style="">
<a title="Email" target="_redes" href="mailto:<?php echo $email[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-envelope'></i></span></a>
<a title="Facebook" target="_redes" href="<?php echo $facebook[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-facebook-square'></i></span></a>
<a title="Twitter" target="_redes" href="https://twitter.com/<?php echo $twitter[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-twitter'></i></span></a>
<a title="Mapa" target="_redes" href="http://mapas.nuestrared.org/es/map/nuestrared-nodos_1#15/4.7162/-75.7063"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-map-marker'></i></span></a>
<div >
<a id='redes' title="Email" target="_redes" href="mailto:<?php echo $email[0];?>"><span><i class='fa fa-envelope'></i></span></a>
<a id='redes' title="Facebook" target="_redes" href="<?php echo $facebook[0];?>"><span><i class='fa fa-facebook-square'></i></span></a>
<a id='redes' title="Twitter" target="_redes" href="https://twitter.com/<?php echo $twitter[0];?>"><span><i class='fa fa-twitter'></i></span></a>
<a id='redes' title="Mapa" target="_redes" href="http://mapas.nuestrared.org/es/map/nuestrared-nodos_1#15/4.7162/-75.7063"><span><i class='fa fa-map-marker'></i></span></a>
</div>
@ -219,7 +133,7 @@ background-color: #f0eee1 !important;
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a title="Inicio" target="" href="?"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-home'></i></span></a>
<a id='redes' title="Inicio" target="" href="?"><span><i class='fa fa-home'></i></span></a>
<p>|
<?php echo $razon_social[0];?> | </p> <?php if ($_SESSION[usuario_libs]) {
$accion = "<p>$_SESSION[nombre_usuario_libs]</p> <a href='#' class='' onclick=\"xajax_libs_session('','','','salir') \"><i class='fa fa-sign-out fa-fw'></i> SALIR</a>";
@ -239,98 +153,38 @@ background-color: #f0eee1 !important;
</div>
</nav>
<div class="jumbotron text-center">
<div class="jumbotron text-center" id="cabezote">
<h1><?php echo $slogan[0];?></h1>
<img src="libs/nuestrared/images/logoNR.png" alt="NuestraRed.org" class='img img-responsive center-block' style="width:60%">
<img src="libs/redinc/images/logoRedINC.png" alt="Logo RedIINC" class='img img-responsive center-block'>
</div>
<!--
<a href='https://titanes.noticiascaracol.com/nominado/fredy-rivera' >
<img src="images/promo_banner.jpg" style='width:100%' class='img img-responsive' alt="">
<h2 class='text-center'>Todos los días puedes votar por nuestro titán </h2>
</a> -->
<!-- <br>
<img src="images/razonero_banner_small.jpg" style='width:100%' class='img img-responsive' alt="">
<br> -->
<div class='container alert alert-success'>
<h4>NuestraRed.org solo ofrece acceso a los contenidos que puedes encontrar navegando esta página, por diferentes razones <strong> no ofrecemos acceso a Internet. Somos una Red Local de acceso abierto. </strong> </h4>
</div>
<div class='container alert alert-info'>
<h4>NuestraRed.org es un proyecto libre y colaborativo de naturaleza comunitaria que utiliza el espectro electromagnético en las frecuencias 2.4 y 5.2 Mhz
y por lo tanto no requiere permisos adicionales para su operación según Resolución 0689 / 2004 mintic. </h4>
<div class='container-fluid franja text-center'>
<h1>RedInc.org <div class='lead'>ofrece acceso gratuito a los contenidos que puedes encontrar navegando esta página, son contenidos de la red local que no necesitan internet <strong> <a style="color:black;" href="#">Si quieres comprar internet conoce más en este enlace</a> </strong></div></h1>
</div>
<div class="container" >
<div class="row">
<div class="col-md-4 ">
<img src="libs/nuestrared/images/wikipedia.png" alt="Wikipedia" class='img img-responsive center-block '>
<div class='container' >
<div class="col-lg-10 col-lg-push-1 text-center">
<img src="libs/redinc/images/wikipedia.png" alt="Wikipedia" class='img img-responsive center-block '>
<br>
<a class='btn btn-block btn-success link' href="http://wikipedia.nuestrared.org/wikipedia_es_all_novid_2017-08/A/Colombia.html">Wikipedia</a>
<a class='btn btn-block btn-success' href= "http://wikipedia.nuestrared.org/wiktionary_es_all_novid_2017-08/?">Diccionario</a>
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikibooks_es_all_novid_2017-07/?" >Biblioteca</a>
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikivoyage_es_all_novid_2017-07/?">Lugares / Viajes</a>
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikiquote_es_all_novid_2017-07/?" >Frases</a>
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikisource_es_all_novid_2017-07/?" >Documentos</a>
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikiversity_es_all_novid_2017-07/?" >Libros Universitarios</a>
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikinews_es_all_novid_2017-11/?" >Archivo de Prensa </a>
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/gutenberg_es_all_10_2014/?" >Libreria Gutenberg</a>
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/vikidia_es_all_novid_2017-12/?" >Enciclopedia para niños</a>
<span class="linea_botones"> <a class='btn btn-block btn-default btn-circle btn-xl' href="http://wikipedia.redinc.org/wikipedia_es_all_novid.html"><i class="fab fa-wikipedia-w"></i></a> <br><a class="texto_botones" href="http://wikipedia.redinc.org/wikipedia_es_all_novid.html">Wikipedia</a></span>
<span class="linea_botones"><a class='btn btn-block btn-primary btn-circle btn-xl' href= "http://wikipedia.redinc.org/wiktionary_es_all_novid?"><i class="fas fa-sort-alpha-down"></i></a><br><a class="texto_botones" href= "http://wikipedia.redinc.org/wiktionary_es_all_novid?">Diccionario</a></span>
<span class="linea_botones"><a class='btn btn-block btn-success btn-circle btn-xl' href="http://wikipedia.redinc.org/wikibooks_es_all_novid?"><i class="fas fa-atlas"></i></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikibooks_es_all_novid?">Biblioteca</a></span>
<span class="linea_botones"><a class='btn btn-block btn-warning btn-circle btn-xl' href="http://wikipedia.redinc.org/wikivoyage_es_all_novid?"><i class="fas fa-globe"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikivoyage_es_all_novid?" >Viajar</a></span>
<span class="linea_botones"><a class='btn btn-block btn-danger btn-circle btn-xl' href="http://wikipedia.redinc.org/vikidia_es_all_novid?"><i class="fas fa-child"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/vikidia_es_all_novid?" >Niños</a></span>
<span class="linea_botones"><a class='btn btn-block btn-default btn-circle btn-xl' href="http://wikipedia.redinc.org/wikiquote_es_all_novid?"><i class="fas fa-broadcast-tower"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikiquote_es_all_novid?">Frases</a></span>
<span class="linea_botones"><a class='btn btn-block btn-info btn-circle btn-xl' href="http://wikipedia.redinc.org/wikisource_es_all_novid?"><i class="fas fa-book-reader"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikisource_es_all_novid?">Documentos</a></span>
<span class="linea_botones"><a class='btn btn-block btn-success btn-circle btn-xl' href="http://wikipedia.redinc.org/wikiversity_es_all_novid?"><i class="fas fa-user-graduate"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikiversity_es_all_novid?">Universidad</a></span>
<span class="linea_botones"><a class='btn btn-block btn-warning btn-circle btn-xl' href="http://wikipedia.redinc.org/wikinews_es_all_novid?"><i class="fab fa-readme"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikinews_es_all_novid?">Prensa</a></span>
<span class="linea_botones"><a class='btn btn-block btn-warning btn-circle btn-xl' href="http://redinc.org/es.stackoverflow.com_es_all/?"><i class="fab fa-stack-overflow"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikinews_es_all_novid?">Stack Overflow</a></span>
</div>
<div class="col-md-4 " >
<div class='col-md-12 container alert alert-success' >
<h2>Nuestra emisora</h2>
<p >Esta emisora es experimental, toca solo música en discos de acetato y vinilo.</p>
<strong>Escucha ahora</strong>
<audio controls style="width: 98%" >
<source src="http://infolocal.nuestrared.org:8000/radiosucia.mp3" type="audio/mp3" />
<source src="http://infolocal.nuestrared.org:8000/radiosucia.ogg" type="audio/ogg" />
<source src="http://infolocal.nuestrared.org:8000/radiosucia-pregrabado.ogg" type="audio/ogg" />
<em>Su navegador no soporta audio HTML5</em>
</audio>
</div>
<!-- <div class="col-md-6">
<img src="http://radiosucia.nuestrared.org/motion/caratula.jpg" class="img img-responsive" style ="width:100%" alt="Portada">
</div> -->
<div class='form-group'>
<label>Enlaces para escuchar desde otros dispositivos</label>
<input class='form-control' value="http://radiosucia.nuestrared.org:8000/radiosucia.ogg" size="50" onclick="select()" style="text-align:center" />
</div>
<div class='form-group'>
<input class='form-control' value="http://radiosucia.nuestrared.org:8000/radiosucia.mp3" size="50" onclick="select()" style="text-align:center" />
</div>
<div class='form-group'>
<input class='form-control' value="http://radiosucia.nuestrared.org:8000/radiosucia-pregrabado.ogg" size="50" onclick="select()" style="text-align:center" />
</div>
<!--
<div class='col-md-12 container alert alert-info' >
<h2>Emisora de Ulloa</h2>
<p >Emisora del Municipio de Ulloa - Retransmitida en NuestraRED.Org</p>
<strong>Escucha ahora</strong>
<audio controls style="width: 98%" >
<source src="http://infolocal.nuestrared.org:8000/ulloafm.mp3" type="audio/mp3" />
em>Su navegador no soporta audio HTML5</em>
</audio>
</div>
-->
<h2>Contenido Multimedia</h2>
<a class='btn btn-block btn-success' href="http://media.nuestrared.org/tag/cortometraje/">Cortos</a>
<a class='btn btn-block btn-success' href="http://media.nuestrared.org/tag/largometrajes/">Películas y Documentales</a>
<a class='btn btn-block btn-success' href="http://media.nuestrared.org/tag/casi-creativo/">No veas estos videos</a>
<a class='btn btn-block btn-success' href="http://media.nuestrared.org/tag/podcast/">Audios</a>
<a class='btn btn-block btn-success' href="http://mapas.nuestrared.org">Mapas</a>
<br>
</div>
<div class="col-md-4 alert alert-success" >
<div id='div_contacto' class="container-fluid">
<div id='div_contacto' class='container-fluid'>
<div class='col-lg-6 col-lg-push-3 alert alert-info text-center' >
<form role='form' class='form-horizontal' id='formulario_contacto' name='formulario_contacto'>
<h2>Contacto y sugerencias</h2>
<div class='form-group '>
@ -359,92 +213,56 @@ background-color: #f0eee1 !important;
<textarea class='form-control' id='mensaje' name='mensaje' ></textarea>
</div>
<br>
<div class='btn btn-block btn-success' onclick="xajax_enviar_mail(xajax.getFormValues('formulario_contacto'))">Enviar</div>
<div class='btn btn-block btn-primary' onclick="xajax_enviar_mail(xajax.getFormValues('formulario_contacto'))">Enviar</div>
</form>
</div>
</div>
<div class='container-fluid franja text-center' >
<h1>RedINC.org <div class='lead'>Es un proyecto de Red Comunitaria</div></h1>
</div>
<div class='container alert alert-danger' ><h1>Nuestrared.org <div class='lead'>Es un proyecto independiente de cualquier grupo político y financiado por autogestión.</div></h1> </div>
</div>
<div class="center-block" style=" z-index:10000; bottom:10px; background-color: white; color :green; padding: 10px;">
Con el apoyo de:<p>
<div class='row'>
<div class="col-sm-4">
<a target='new' href='https://www.apc.org/es/projects/premio-chris-nicol-de-software-libre-de-apc'>
<img style='height:150px;' class='img img-responsive center-block' src="images/apc.png" alt="Asociación para el progreso de las comunicaciones">
<div class="container-fluid " >
<div class='col-lg-6 col-lg-push-3' >
<div id="creditos">
<h3>Con el apoyo de:</h3></br>
<div class="img_creditos">
<a target='new' href='https://www.apc.org/es'>
<img class='img img-responsive' src="images/apc.png" alt="Asociación para el progreso de las comunicaciones">
</a>
</div>
<div class="col-sm-4">
<a target='new' href='http://vivirenlafinca.org'>
<img style='height:150px;' class='img img-responsive center-block' src="images/logovivirenlafinca.png" alt="Fundación vivirenlafinca">
<div class="img_creditos">
<a target='new' href='https://colnodo.apc.org/'>
<img class='img img-responsive' src="images/logo_colnodo.png" alt="Colnodo">
</a>
</div>
<div class="col-sm-4">
<a target='new' href='https://comunidadconvergentes.wordpress.com/'>
<img style='height:150px;' class='img img-responsive center-block' src="images/convergentes.jpg" alt="Comunidad de practica convergentes">
</a>
</div>
</div>
Agradecimientos:
<div class='row '>
<div class="col-sm-4">
<a target='new' href='http://qmp.cat'>
<img style='height:100px;' class='img img-responsive center-block' src="images/qmp.png" alt="QMP ">
</a>
</div>
<div class="col-sm-4">
<a target='new' href='#'>
<img style='height:100px;' class='img img-responsive center-block' src="images/unloquer.png" alt="Un/Loquer ">
</a>
</div><div class="col-sm-4 center-block">
<a target='new' href='platohedro.org'>
<img style='height:100px;' class='img img-responsive center-block' src="images/platohedro.jpg" alt="Platohedro ">
<div class="img_creditos">
<a target='new' href='https://www.internetsociety.org/es/'>
<img class='img img-responsive' src="images/logo_isoc.png" alt="Internet Society">
</a>
</div>
</div>
<br>
<div id="agradecimientos" class="text-center">
<h4>Agradecimientos:</h4></br>
<div class="img_grad">
<a target='new' href='http://nuestrared.org'>
<img class='img img-responsive center-block' src="images/logoNR.png" alt="QMP ">
</a>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class='modal fade ' id='muestraInfo' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
<div class='modal-dialog' >
<div class='modal-content'>
<div class='modal-header' >
<button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
<h4 class='modal-title' id='myModalLabel_info'><div id='titulo_modal'></div></h4>
<div class="container text-center " >
<div class='pie'>
<a href=''>Creado con <i class="far fa-grin-hearts"></i> para la Red Comunitaria de Buenos Aires</a>
</div>
<div class='modal-body'>
<div id='muestra_form'></div>
</div>
<div class='modal-footer' id='pie_modal'>
</div>
</div>
</div>
</div>
<div class='pie' style="
position: fixed; z-index: 10000;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 20px;
/* background-color: white;*/
background-image: url('');
">
<a class='pull-right' href='http://QWERTY.co/libs'>Powered by: &copy; libs </a>
</div>
<!-- Bootstrap core JavaScript
================================================== -->