ultimos cambios

This commit is contained in:
Hacky Purple 2018-10-18 19:18:23 -05:00
parent 24126bdd41
commit 3c372e9107
5 changed files with 140 additions and 131 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 KiB

View File

@ -2,19 +2,13 @@
<html lang="en">
<head>
<!-- <meta charset="utf-8">
<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"> -->
<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>Bootstrap 101 Template</title>
<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:// -->
@ -24,6 +18,7 @@
<![endif]-->
<style>
.register {
background: -webkit-linear-gradient(left, #3931af, #00c6ff);
margin-top: 3%;
@ -181,11 +176,6 @@
background: #1b2d41;
}
/*=====================================================================================
OK
=======================================================================================
*/
.cursor,
.cursor::before {
background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/953/ok_1.svg) no-repeat center center;
@ -293,16 +283,7 @@
text-decoration: none;
}
/* .btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
font-size: 24px;
line-height: 1.33;
border-radius: 35px;
} */
.orange-circle-button {
.circle-button {
box-shadow: 2px 4px 0 2px rgba(0, 0, 0, 0.1);
border: .5em solid #c7d400;
font-size: 1em;
@ -378,7 +359,7 @@
<div>
<div class="container d-flex justify-content-center">
<div class="col-md-12">
<button class="btn btn-default orange-circle-button" href="">Entrar /><span class="orange-circle-greater-than">></span></button>
<button class="btn btn-default circle-button" href="">Entrar /><span class="orange-circle-greater-than">></span></button>
</div>
</div>
@ -391,10 +372,8 @@
</div>
<!-- Estos enlaces son para que funcione local
<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> -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
</body>
</html>

View File

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -7,15 +7,18 @@ body {
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: blue;
background-color: white;
height: 100%
}
h3{
margin-top: 0px !important;
}
#redes{
color:white;
font-size: 2em;
padding: 0.1em;
padding: 0.4em;
}
#logo_cabecera{
@ -31,6 +34,8 @@ 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{
@ -43,9 +48,9 @@ background-image: url("");
font-size: 2em;
}
.btn-circle.btn-xl {
width: 5em;
height: 5em;
padding: 2em;
width: 4em;
height: 4em;
padding: 1.5em;
font-size: 2em;
line-height: 1.33;
border-radius: 5em;
@ -95,7 +100,6 @@ background-color: #f0eee1 !important;
animation-fill-mode: forwards;
z-index: 10000;
}
#creditos{
column-count: 4;
column-gap: 1em;
@ -103,13 +107,44 @@ background-color: #f0eee1 !important;
}
.img_creditos{
background-color: #eee;
display: inline;
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);
@ -163,3 +198,8 @@ background-color: #f0eee1 !important;
}
}
.pie{
padding-bottom: 1em;
padding-top: 2em;
font-size: 1.5em;
}

View File

@ -12,22 +12,26 @@ $email[0] ="correo@redinc.org";
// $facebook[0] ="https://www.facebook.com/redinc/";
// $twitter[0] ="@RedINC";
$web[0] ="http://redinc.org";
$slogan[0] ="Red <br />INC-Comunitaria ";
function enviar_mail($formulario) {
$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;
}
@ -54,13 +58,14 @@ Gracias <strong>$formulario[nombre]</strong> por comunicarse con <a href='Redinc
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();
@ -99,7 +104,9 @@ $xajax->processRequests();
<!-- <link rel="points" type="application/json" href="json.php?id=<?php echo $_REQUEST["id"] ?>"> -->
<link href="libs/css/carousel.css" rel="stylesheet">
<?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; ?>
@ -152,32 +159,32 @@ $xajax->processRequests();
</div>
<div class='container alert alert-info'>
<h4>RedINC.org ofrece acceso a los contenidos que puedes encontrar navegando esta página, son contenidos locales que no necesitan internet<strong> Si quieres acceso a Internet Sigue este enlace para conocer más</strong> Somos una Red Comunitaria </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='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>
<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-font"></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-book"></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-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?" ></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-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?"></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?" ></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-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>
<div class="col-lg-10 col-lg-push-1 alert alert-info text-center" >
<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 '>
@ -212,67 +219,50 @@ $xajax->processRequests();
</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-fluid franja' ><h1>RedInc.org <div class='lead'>Es un proyecto de Red Comunitaria</div></h1> </div>
</div>
<div class="container-fluid " id="creditos">
<h3 class="text-center">Con el apoyo de:</h3>
<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="img_creditos">
<a target='new' href='http://colnodo.org'>
<a target='new' href='https://colnodo.apc.org/'>
<img class='img img-responsive' src="images/logo_colnodo.png" alt="Colnodo">
</a>
</div>
<div >
<h3 class="text-center">Agradecimientos:</h3>
<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>
<div id="agradecimientos" class="text-center">
<h4>Agradecimientos:</h4></br>
<div class="img_grad">
<a target='new' href='http://nuestrared.org'>
<img style='height:100px;' class='img img-responsive center-block' src="images/logoNR.png" alt="QMP ">
<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=''>Creado con para la Red Comunitaria de Buenos Aires</a>
</div>
<!-- Bootstrap core JavaScript
================================================== -->