Portal Cautivo / Adaptacion servidor PfSense
This commit is contained in:
commit
bbc7c0cd35
|
|
@ -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 |
|
|
@ -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 |
|
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 |
|
|
@ -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 |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
|
|
@ -1,46 +1,50 @@
|
|||
<?php
|
||||
/// ESTE ARCHIVO DEBE ESTAR UN NIVEL POR ENCIMA DEL DIRECTORIO libs
|
||||
session_start();
|
||||
if(isset($_REQUEST[debug])) {
|
||||
ini_set('display_errors', 'On');
|
||||
}
|
||||
require ('libs/xajax/xajax.inc.php');
|
||||
if (isset($_REQUEST[debug])) {
|
||||
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";
|
||||
$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) {
|
||||
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($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;
|
||||
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 ";
|
||||
$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>
|
||||
$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 .= "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='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>";}
|
||||
if (mail("$formulario[email]", "$asunto", "$cuerpo", "$headers")) {
|
||||
$mensaje ="$cuerpo";
|
||||
} else {
|
||||
$mensaje ="<div class='alert alert-danger'><h2>Error enviando correo</h2>";
|
||||
}
|
||||
|
||||
|
||||
$respuesta->addAssign("div_contacto","innerHTML","$mensaje");
|
||||
//$respuesta->addAlert("Hola Mundo");
|
||||
return $respuesta;
|
||||
|
||||
$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,10 +133,10 @@ 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>";
|
||||
<?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>";
|
||||
} echo $accion; ?>
|
||||
|
||||
|
||||
|
|
@ -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>
|
||||
|
||||
<!-- <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,93 +213,57 @@ 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>
|
||||
|
||||
|
||||
<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='container-fluid franja text-center' >
|
||||
<h1>RedINC.org <div class='lead'>Es un proyecto de Red Comunitaria</div></h1>
|
||||
</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">
|
||||
<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>
|
||||
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 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>
|
||||
<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="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
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
|
|
|||
Loading…
Reference in New Issue