Portal Cautivo / Adaptacion servidor PfSense
94
portalcautivo/cutof.html
Normal 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> -->
|
BIN
portalcautivo/imagen_central.jpg
Normal file
After Width: | Height: | Size: 173 KiB |
379
portalcautivo/prueba.html
Normal 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>
|
BIN
weblocal/images/imagen_principal.jpg
Normal file
After Width: | Height: | Size: 4.1 MiB |
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 74 KiB |
BIN
weblocal/images/logo_colnodo.png
Normal file
After Width: | Height: | Size: 57 KiB |
BIN
weblocal/images/logo_isoc.png
Normal file
After Width: | Height: | Size: 4.7 KiB |
205
weblocal/libs/css/master.css
Normal 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;
|
||||||
|
}
|
BIN
weblocal/libs/redinc/images/logoRedINC.png
Normal file
After Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
@ -1,46 +1,50 @@
|
|||||||
<?php
|
<?php
|
||||||
/// ESTE ARCHIVO DEBE ESTAR UN NIVEL POR ENCIMA DEL DIRECTORIO libs
|
/// ESTE ARCHIVO DEBE ESTAR UN NIVEL POR ENCIMA DEL DIRECTORIO libs
|
||||||
session_start();
|
session_start();
|
||||||
if(isset($_REQUEST[debug])) {
|
if (isset($_REQUEST[debug])) {
|
||||||
ini_set('display_errors', 'On');
|
ini_set('display_errors', 'On');
|
||||||
}
|
}
|
||||||
require ('libs/xajax/xajax.inc.php');
|
require('libs/xajax/xajax.inc.php');
|
||||||
$xajax = new xajax();
|
$xajax = new xajax();
|
||||||
$razon_social[0] ="NuestraRed.org";
|
$razon_social[0] ="RedINC.org";
|
||||||
$telefono[0] ="317 8946799";
|
$telefono[0] ="317 8946799";
|
||||||
$email[0] ="correo@nuestrared.org";
|
$email[0] ="correo@redinc.org";
|
||||||
$facebook[0] ="https://www.facebook.com/vivirenlafinca/";
|
// $facebook[0] ="https://www.facebook.com/redinc/";
|
||||||
$twitter[0] ="@NuestraRedOrg";
|
// $twitter[0] ="@RedINC";
|
||||||
$web[0] ="http://NuestraRed.Org";
|
$web[0] ="http://redinc.org";
|
||||||
$slogan[0] ="Red Comunitaria Colaborativa";
|
$slogan[0] ="RedINC <br/> Buenos Aires - Buenas Ondas ";
|
||||||
|
|
||||||
function enviar_mail($formulario) {
|
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 ="";
|
||||||
|
}
|
||||||
|
|
||||||
$respuesta = new xajaxResponse('utf-8');
|
if ($error !="") {
|
||||||
if($formulario['nombre'] =="") { $error ="Por favor dinos tu nombre";}
|
$respuesta->addAlert("$error");
|
||||||
elseif($formulario['email'] =="") { $error ="Por favor escribe un correo electrónico para comunicarnos";}
|
return $respuesta;
|
||||||
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: RedInc.org <correo@redinc.org>\r\n";
|
||||||
$headers = "MIME-Version: 1.0\r\n";
|
$headers .= "Reply-To: correo@redinc.org\r\n";
|
||||||
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
|
$headers .= "Return-path: correo@redinc.org\r\n";
|
||||||
$headers .= "From: NuestraRed.org <correo@nuestrared.org>\r\n";
|
$headers .= "Cc: correo@redinc.org" . "\r\n";
|
||||||
$headers .= "Reply-To: correo@nuestrared.org\r\n";
|
$asunto ="Mensaje de RedINC";
|
||||||
$headers .= "Return-path: correo@nuestrared.org\r\n";
|
$cuerpo ="
|
||||||
$headers .= "Cc: correo@nuestrared.org" . "\r\n";
|
<img src='https://es.123rf.com/photo_76488764_icono-de-l%C3%ADnea-de-red-comunitaria.html' style='width:100%'>
|
||||||
$asunto ="Mensaje de Nuestra Red ";
|
Gracias <strong>$formulario[nombre]</strong> por comunicarse con <a href='Redinc.org'>RedINC.org</a>
|
||||||
$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>
|
|
||||||
<div>
|
<div>
|
||||||
<h3>$asunto</h3>
|
<h3>$asunto</h3>
|
||||||
<li><strong>Nombre</strong> $formulario[nombre]</li>
|
<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>Teléfono</strong> $formulario[telefono]</li>
|
||||||
<li><strong>Mensaje</strong> $formulario[mensaje]</li>
|
<li><strong>Mensaje</strong> $formulario[mensaje]</li>
|
||||||
</div>
|
</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")){
|
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();
|
||||||
@ -84,6 +89,7 @@ $xajax->processRequests();
|
|||||||
<?php $xajax->printJavascript("libs/xajax/"); ?>
|
<?php $xajax->printJavascript("libs/xajax/"); ?>
|
||||||
<link rel="shortcut icon" href="favicon-152.png">
|
<link rel="shortcut icon" href="favicon-152.png">
|
||||||
<link rel="apple-touch-icon-precomposed" 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="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"> -->
|
<!-- <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 rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" /> -->
|
||||||
<link href="libs/css/bootstrap.min.css" rel="stylesheet">
|
<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">
|
<link href="libs/css/estilos.php" rel="stylesheet">
|
||||||
|
|
||||||
<!-- <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> -->
|
<!-- <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 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">
|
||||||
<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 {
|
<?php if ($_REQUEST[id] !='' and $_REQUEST[c]) {
|
||||||
/*background-image: url("libs/nuestrared/images/logoNR.png");*/
|
$onload ="<script type=\"text/javascript\"> xajax_formulario_modal('$_REQUEST[id]','','$_REQUEST[c]','$_REQUEST[t]')</script>";
|
||||||
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>";} ?>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<body><?php echo $onload; ?>
|
<body><?php echo $onload; ?>
|
||||||
|
|
||||||
<nav class="navbar navbar" role="navigation">
|
<nav class="navbar navbar" role="navigation">
|
||||||
<div class="container-fluid">
|
<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 class='pull-right' >
|
||||||
<div style="">
|
<div >
|
||||||
<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 id='redes' title="Email" target="_redes" href="mailto:<?php echo $email[0];?>"><span><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 id='redes' title="Facebook" target="_redes" href="<?php echo $facebook[0];?>"><span><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 id='redes' title="Twitter" target="_redes" href="https://twitter.com/<?php echo $twitter[0];?>"><span><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>
|
<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>
|
</div>
|
||||||
|
|
||||||
@ -219,10 +133,10 @@ background-color: #f0eee1 !important;
|
|||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
</button>
|
</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>|
|
<p>|
|
||||||
<?php echo $razon_social[0];?> | </p> <?php if($_SESSION[usuario_libs]) {
|
<?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>";
|
$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>";
|
||||||
} echo $accion; ?>
|
} echo $accion; ?>
|
||||||
|
|
||||||
|
|
||||||
@ -239,98 +153,38 @@ background-color: #f0eee1 !important;
|
|||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="jumbotron text-center">
|
<div class="jumbotron text-center" id="cabezote">
|
||||||
<h1><?php echo $slogan[0];?></h1>
|
<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>
|
</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'>
|
<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>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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="container" >
|
<div class='container' >
|
||||||
<div class="row">
|
<div class="col-lg-10 col-lg-push-1 text-center">
|
||||||
<div class="col-md-4 ">
|
<img src="libs/redinc/images/wikipedia.png" alt="Wikipedia" class='img img-responsive center-block '>
|
||||||
<img src="libs/nuestrared/images/wikipedia.png" alt="Wikipedia" class='img img-responsive center-block '>
|
|
||||||
<br>
|
<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>
|
<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>
|
||||||
<a class='btn btn-block btn-success' href= "http://wikipedia.nuestrared.org/wiktionary_es_all_novid_2017-08/?">Diccionario</a>
|
<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>
|
||||||
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikibooks_es_all_novid_2017-07/?" >Biblioteca</a>
|
<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>
|
||||||
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikivoyage_es_all_novid_2017-07/?">Lugares / Viajes</a>
|
<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>
|
||||||
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikiquote_es_all_novid_2017-07/?" >Frases</a>
|
<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>
|
||||||
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikisource_es_all_novid_2017-07/?" >Documentos</a>
|
<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>
|
||||||
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikiversity_es_all_novid_2017-07/?" >Libros Universitarios</a>
|
<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>
|
||||||
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/wikinews_es_all_novid_2017-11/?" >Archivo de Prensa </a>
|
<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>
|
||||||
<a class='btn btn-block btn-success' href="http://wikipedia.nuestrared.org/gutenberg_es_all_10_2014/?" >Libreria Gutenberg</a>
|
<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>
|
||||||
<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-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-md-4 " >
|
</div>
|
||||||
<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">
|
<div id='div_contacto' class='container-fluid'>
|
||||||
<img src="http://radiosucia.nuestrared.org/motion/caratula.jpg" class="img img-responsive" style ="width:100%" alt="Portada">
|
<div class='col-lg-6 col-lg-push-3 alert alert-info text-center' >
|
||||||
</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">
|
|
||||||
<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 '>
|
||||||
@ -359,93 +213,57 @@ background-color: #f0eee1 !important;
|
|||||||
<textarea class='form-control' id='mensaje' name='mensaje' ></textarea>
|
<textarea class='form-control' id='mensaje' name='mensaje' ></textarea>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<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>
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</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 class='container-fluid franja text-center' >
|
||||||
</div>
|
<h1>RedINC.org <div class='lead'>Es un proyecto de Red Comunitaria</div></h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid " >
|
||||||
<div class="center-block" style=" z-index:10000; bottom:10px; background-color: white; color :green; padding: 10px;">
|
<div class='col-lg-6 col-lg-push-3' >
|
||||||
Con el apoyo de:<p>
|
<div id="creditos">
|
||||||
<div class='row'>
|
<h3>Con el apoyo de:</h3></br>
|
||||||
<div class="col-sm-4">
|
<div class="img_creditos">
|
||||||
<a target='new' href='https://www.apc.org/es/projects/premio-chris-nicol-de-software-libre-de-apc'>
|
<a target='new' href='https://www.apc.org/es'>
|
||||||
<img style='height:150px;' class='img img-responsive center-block' 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="col-sm-4">
|
<div class="img_creditos">
|
||||||
<a target='new' href='http://vivirenlafinca.org'>
|
<a target='new' href='https://colnodo.apc.org/'>
|
||||||
<img style='height:150px;' class='img img-responsive center-block' src="images/logovivirenlafinca.png" alt="Fundación vivirenlafinca">
|
<img class='img img-responsive' src="images/logo_colnodo.png" alt="Colnodo">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-4">
|
<div class="img_creditos">
|
||||||
<a target='new' href='https://comunidadconvergentes.wordpress.com/'>
|
<a target='new' href='https://www.internetsociety.org/es/'>
|
||||||
<img style='height:150px;' class='img img-responsive center-block' src="images/convergentes.jpg" alt="Comunidad de practica convergentes">
|
<img class='img img-responsive' src="images/logo_isoc.png" alt="Internet Society">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</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 ">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
</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'>×</button>
|
|
||||||
<h4 class='modal-title' id='myModalLabel_info'><div id='titulo_modal'></div></h4>
|
|
||||||
</div>
|
|
||||||
<div class='modal-body'>
|
|
||||||
|
|
||||||
<div id='muestra_form'></div>
|
|
||||||
</div>
|
|
||||||
<div class='modal-footer' id='pie_modal'>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</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: © libs </a>
|
<div id="agradecimientos" class="text-center">
|
||||||
</div>
|
<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="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>
|
||||||
<!-- Bootstrap core JavaScript
|
<!-- Bootstrap core JavaScript
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<!-- Placed at the end of the document so the pages load faster -->
|
<!-- Placed at the end of the document so the pages load faster -->
|
||||||
|