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"> <html lang="en">
<head> <head>
<meta charset="utf-8">
<!-- <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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://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 --> <!-- 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 --> <!-- 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:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -24,6 +18,7 @@
<![endif]--> <![endif]-->
<style> <style>
.register { .register {
background: -webkit-linear-gradient(left, #3931af, #00c6ff); background: -webkit-linear-gradient(left, #3931af, #00c6ff);
margin-top: 3%; margin-top: 3%;
@ -181,11 +176,6 @@
background: #1b2d41; background: #1b2d41;
} }
/*=====================================================================================
OK
=======================================================================================
*/
.cursor, .cursor,
.cursor::before { .cursor::before {
background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/953/ok_1.svg) no-repeat center center; 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; text-decoration: none;
} }
/* .btn-circle.btn-xl { .circle-button {
width: 70px;
height: 70px;
padding: 10px 16px;
font-size: 24px;
line-height: 1.33;
border-radius: 35px;
} */
.orange-circle-button {
box-shadow: 2px 4px 0 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 0 2px rgba(0, 0, 0, 0.1);
border: .5em solid #c7d400; border: .5em solid #c7d400;
font-size: 1em; font-size: 1em;
@ -378,7 +359,7 @@
<div> <div>
<div class="container d-flex justify-content-center"> <div class="container d-flex justify-content-center">
<div class="col-md-12"> <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>
</div> </div>
@ -391,10 +372,8 @@
</div> </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://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> </body>
</html> </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; -moz-background-size: cover;
-o-background-size: cover; -o-background-size: cover;
background-size: cover; background-size: cover;
color: blue;
background-color: white; background-color: white;
height: 100% height: 100%
} }
h3{
margin-top: 0px !important;
}
#redes{ #redes{
color:white; color:white;
font-size: 2em; font-size: 2em;
padding: 0.1em; padding: 0.4em;
} }
#logo_cabecera{ #logo_cabecera{
@ -31,6 +34,8 @@ background-image: url("");
#cabezote{ #cabezote{
background: url(../../images/imagen_principal.jpg) fixed center no-repeat; background: url(../../images/imagen_principal.jpg) fixed center no-repeat;
background-size: cover; background-size: cover;
text-shadow: 0px 2px 3px rgb(0, 0, 0);
color: white;
} }
.linea_botones{ .linea_botones{
@ -43,9 +48,9 @@ background-image: url("");
font-size: 2em; font-size: 2em;
} }
.btn-circle.btn-xl { .btn-circle.btn-xl {
width: 5em; width: 4em;
height: 5em; height: 4em;
padding: 2em; padding: 1.5em;
font-size: 2em; font-size: 2em;
line-height: 1.33; line-height: 1.33;
border-radius: 5em; border-radius: 5em;
@ -95,7 +100,6 @@ background-color: #f0eee1 !important;
animation-fill-mode: forwards; animation-fill-mode: forwards;
z-index: 10000; z-index: 10000;
} }
#creditos{ #creditos{
column-count: 4; column-count: 4;
column-gap: 1em; column-gap: 1em;
@ -103,13 +107,44 @@ background-color: #f0eee1 !important;
} }
.img_creditos{ .img_creditos{
background-color: #eee; background-color: white;
display: inline; display: inline-block;
margin: 0 0 1em; margin: 0 0 1em;
width: 100%; 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 { @-webkit-keyframes animatedBackground {
0% { 0% {
-webkit-transform: scale(1, 1); -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/"; // $facebook[0] ="https://www.facebook.com/redinc/";
// $twitter[0] ="@RedINC"; // $twitter[0] ="@RedINC";
$web[0] ="http://redinc.org"; $web[0] ="http://redinc.org";
$slogan[0] ="Red <br />INC-Comunitaria "; $slogan[0] ="RedINC <br/> Buenos Aires - Buenas Ondas ";
function enviar_mail($formulario) {
function enviar_mail($formulario)
{
$respuesta = new xajaxResponse('utf-8'); $respuesta = new xajaxResponse('utf-8');
if($formulario['nombre'] =="") { $error ="Por favor dinos tu nombre";} if ($formulario['nombre'] =="") {
elseif($formulario['email'] =="") { $error ="Por favor escribe un correo electrónico para comunicarnos";} $error ="Por favor dinos tu nombre";
elseif($formulario['telefono'] =="") { $error ="Necesitamos un número telefónico para comunicarnos";} } elseif ($formulario['email'] =="") {
elseif($formulario['mensaje'] =="") { $error ="¿Cual es tu mensaje?";} $error ="Por favor escribe un correo electrónico para comunicarnos";
else { $error ="";} } elseif ($formulario['telefono'] =="") {
$error ="Necesitamos un número telefónico para comunicarnos";
} elseif ($formulario['mensaje'] =="") {
$error ="¿Cual es tu mensaje?";
} else {
$error ="";
}
if ($error !="") { if ($error !="") {
$respuesta->addAlert("$error"); $respuesta->addAlert("$error");
return $respuesta; return $respuesta;
} }
@ -54,13 +58,14 @@ Gracias <strong>$formulario[nombre]</strong> por comunicarse con <a href='Redinc
if (mail("$formulario[email]", "$asunto", "$cuerpo", "$headers")) { if (mail("$formulario[email]", "$asunto", "$cuerpo", "$headers")) {
$mensaje ="$cuerpo"; $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->addAssign("div_contacto", "innerHTML", "$mensaje");
//$respuesta->addAlert("Hola Mundo"); //$respuesta->addAlert("Hola Mundo");
return $respuesta; return $respuesta;
} }
$xajax->registerFunction("enviar_mail"); $xajax->registerFunction("enviar_mail");
$xajax->processRequests(); $xajax->processRequests();
@ -99,7 +104,9 @@ $xajax->processRequests();
<!-- <link rel="points" type="application/json" href="json.php?id=<?php echo $_REQUEST["id"] ?>"> --> <!-- <link rel="points" type="application/json" href="json.php?id=<?php echo $_REQUEST["id"] ?>"> -->
<link href="libs/css/carousel.css" rel="stylesheet"> <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> </head>
<body> <body>
<body><?php echo $onload; ?> <body><?php echo $onload; ?>
@ -152,32 +159,32 @@ $xajax->processRequests();
</div> </div>
<div class='container alert alert-info'> <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>
<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> </div>
<div class="container" > <div class='container' >
<div class="row">
<div class="col-lg-10 col-lg-push-1 text-center"> <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 '> <img src="libs/redinc/images/wikipedia.png" alt="Wikipedia" class='img img-responsive center-block '>
<br> <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-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-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-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-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-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-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-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-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?" ></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://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>
<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'> <form role='form' class='form-horizontal' id='formulario_contacto' name='formulario_contacto'>
<h2>Contacto y sugerencias</h2> <h2>Contacto y sugerencias</h2>
<div class='form-group '> <div class='form-group '>
@ -212,67 +219,50 @@ $xajax->processRequests();
</div> </div>
</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>
<div class='container-fluid franja' ><h1>RedInc.org <div class='lead'>Es un proyecto de Red Comunitaria</div></h1> </div> <div class="container-fluid " >
</div> <div class='col-lg-6 col-lg-push-3' >
<div id="creditos">
<h3>Con el apoyo de:</h3></br>
<div class="container-fluid " id="creditos">
<h3 class="text-center">Con el apoyo de:</h3>
<div class="img_creditos"> <div class="img_creditos">
<a target='new' href='https://www.apc.org/es'> <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"> <img class='img img-responsive' src="images/apc.png" alt="Asociación para el progreso de las comunicaciones">
</a> </a>
</div> </div>
<div class="img_creditos"> <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"> <img class='img img-responsive' src="images/logo_colnodo.png" alt="Colnodo">
</a> </a>
</div> </div>
<div >
<h3 class="text-center">Agradecimientos:</h3>
<div class="img_creditos"> <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'> <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> </a>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Modal --> <!-- Modal -->
<div class="container text-center " >
<div class='modal fade ' id='muestraInfo' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'> <div class='pie'>
<div class='modal-dialog' > <a href=''>Creado con <i class="far fa-grin-hearts"></i> para la Red Comunitaria de Buenos Aires</a>
<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> </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> </div>
<!-- Bootstrap core JavaScript <!-- Bootstrap core JavaScript
================================================== --> ================================================== -->