Skip to content

F
Formulario de paz
Commit 8c1c2ff5 authored by Ulises Morales Ramírez's avatar Ulises Morales Ramírez
Browse files
Options

base de datos

parent 51e042bb
Show whitespace changes
Inline Side-by-side
Showing with 145 additions and 76 deletions
encuesta.php
View file @ 8c1c2ff5
...@@ -55,7 +55,7 @@ session_start(); ...@@ -55,7 +55,7 @@ session_start();
echo "Tuláakal a k'aaba'"; echo "Tuláakal a k'aaba'";
} }
else{ else{
echo "Nombre Completo "; echo "Nombre ";
} }
?>" required> ?>" required>
</div> </div>
...@@ -74,16 +74,18 @@ session_start(); ...@@ -74,16 +74,18 @@ session_start();
?>" required> ?>" required>
</div> </div>
<div class="mt-4"> <div class="mt-4">
<div class="d-flex text-center links"> <div class=" text-center links sombras">
<b>
<?php <?php
if ($_POST['idioma']=='Maya') if ($_POST['idioma']=='Maya')
{ {
echo "¿Ti' teeche' ba'ax le jets' óolalo'?"; echo "<h1><b>¿Ti' teeche' ba'ax le jets' óolalo'?</b></h1>";
} }
else{ else{
echo "<h3>¿COMO CONTRIBUYES CON LA PAZ?</h3>"; echo "<h1><b>¿COMO CONTRIBUYES CON LA PAZ?</b></h1>";
} }
?> ?>
</div> </div>
</div> </div>
...@@ -124,7 +126,6 @@ session_start(); ...@@ -124,7 +126,6 @@ session_start();
<div class="text-center fixed-bottom" style="margin-bottom: 20px"> <div class="text-center fixed-bottom" style="margin-bottom: 20px">
<img src="images/Logo-Horizontal-V2-blanco.png" width="400px"> <img src="images/Logo-Horizontal-V2-blanco.png" width="400px">
<div> <div>
<hr>
<div class="text-center" style="margin-bottom: 10px"> <div class="text-center" style="margin-bottom: 10px">
<img src="images/g122.png" width="500px"> <img src="images/g122.png" width="500px">
</div> </div>
......
index.php
View file @ 8c1c2ff5
...@@ -33,6 +33,7 @@ $conn->close();*/ ...@@ -33,6 +33,7 @@ $conn->close();*/
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Sin titulo</title> <title>Sin titulo</title>
<link rel="shortcut icon" href="images/cgeo.ico"> <link rel="shortcut icon" href="images/cgeo.ico">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
...@@ -42,6 +43,8 @@ $conn->close();*/ ...@@ -42,6 +43,8 @@ $conn->close();*/
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head> </head>
<body> <body>
...@@ -80,7 +83,7 @@ $conn->close();*/ ...@@ -80,7 +83,7 @@ $conn->close();*/
<span class="input-group-text"><i class="fas fa-search"></i></span> <span class="input-group-text"><i class="fas fa-search"></i></span>
</div> </div>
<input type="text" autocomplete="on" list="Escuelas" name="escuela" id="input_escuela" <input type="text" autocomplete="on" list="Escuelas" name="escuela" id="input_escuela"
class="form-control custom-select custom-select-sm" value="" class="form-control custom-select" value=""
placeholder="Seleccione la clave o nombre de su escuela" required "> placeholder="Seleccione la clave o nombre de su escuela" required ">
<input type="hidden" name="clave_escuela" id="clave_escuela"> <input type="hidden" name="clave_escuela" id="clave_escuela">
</div> </div>
...@@ -107,7 +110,7 @@ $conn->close();*/ ...@@ -107,7 +110,7 @@ $conn->close();*/
?> ?>
</datalist> </datalist>
<div class="sombras">
<div class="mt-4"> <div class="mt-4">
<div class="d-flex text-center justify-content-center links" id="titulo1"> <div class="d-flex text-center justify-content-center links" id="titulo1">
</div> </div>
...@@ -126,7 +129,7 @@ $conn->close();*/ ...@@ -126,7 +129,7 @@ $conn->close();*/
<h3 id="clave"></h3> <h3 id="clave"></h3>
</div> </div>
</div> </div>
</div>
<div class="d-flex justify-content-center mt-3 login_container"> <div class="d-flex justify-content-center mt-3 login_container">
<button type="submit" id="next" class="btn login_btn" disabled>Siguiente</button> <button type="submit" id="next" class="btn login_btn" disabled>Siguiente</button>
...@@ -164,9 +167,9 @@ $conn->close();*/ ...@@ -164,9 +167,9 @@ $conn->close();*/
$('#titulo2').empty(); $('#titulo2').empty();
var porciones = valor.split('de '); var porciones = valor.split('de ');
document.getElementById('input_escuela').value = porciones[0]; document.getElementById('input_escuela').value = porciones[0];
$('#nombre_escuela').append(porciones[0]); $('#nombre_escuela').append(''+porciones[0]);
$('#titulo1').append('<h1>Escuela: </h1>'); $('#titulo1').append('<h1><b>Escuela: </b></h1>');
$('#titulo2').append('<h3>Localidad:</h3>'); $('#titulo2').append('<h3><b>Localidad:</b></h3>');
$('#clave').append(porciones[1]); $('#clave').append(porciones[1]);
$.post("ajax_post.php", $.post("ajax_post.php",
......
lenguaje.php
View file @ 8c1c2ff5
...@@ -51,22 +51,24 @@ if (isset($_POST['escuela'])) { ...@@ -51,22 +51,24 @@ if (isset($_POST['escuela'])) {
<img src="images/g1010.png" class="brand_logo1" alt="Logo"> <img src="images/g1010.png" class="brand_logo1" alt="Logo">
</div> </div>
</div> </div>
<div class="d-flex justify-content-center form_container"> <div class="d-flex justify-content-center form_container ">
<form action="encuesta.php" method="post"> <form action="encuesta.php" method="post">
<input type="hidden" name="escuela" value="<?= $_SESSION["escuela"] ?>"> <input type="hidden" name="escuela" value="<?= $_SESSION["escuela"] ?>">
<div class="mt-4 text-center" style="margin-top: -20px!important;"> <div class="mt-4 text-center sombras" style="margin-top: -20px!important;" >
<b>
<h1>Escuela:</h1> <h1>Escuela:</h1>
<h2><?= $_SESSION["escuela"] ?></h2> <h2><?= $_SESSION["escuela"] ?></h2>
<h4>Clave:</h4> <h4>Clave:</h4>
<h4><?= $_SESSION["clave_escuela"] ?></h4> <h4><?= $_SESSION["clave_escuela"] ?></h4>
<div class="d-flex justify-content-center links" style="margin-top: 100px!important;"> <div class="d-flex justify-content-center links" style="margin-top: 100px!important;">
¿EN QUÉ LENGUAJE DESEA CONTESTAR? <b>¿EN QUÉ LENGUAJE DESEA CONTESTAR?
<br> <br>
¿BA'AX TI T'AANIL A K'AAT A NÚUKTIK? ¿BA'AX TI T'AANIL A K'AAT A NÚUKTIK?</>
</div> </div>
</b>
</div> </div>
<div class="d-flex justify-content-center mt-3 login_container"> <div class="d-flex justify-content-center mt-3 login_container">
...@@ -86,7 +88,6 @@ if (isset($_POST['escuela'])) { ...@@ -86,7 +88,6 @@ if (isset($_POST['escuela'])) {
<div class="text-center fixed-bottom" style="margin-bottom: 20px"> <div class="text-center fixed-bottom" style="margin-bottom: 20px">
<img src="images/Logo-Horizontal-V2-blanco.png" width="400px"> <img src="images/Logo-Horizontal-V2-blanco.png" width="400px">
<div> <div>
<hr>
<div class="text-center" style="margin-bottom: 10px"> <div class="text-center" style="margin-bottom: 10px">
<img src="images/g122.png" width="500px"> <img src="images/g122.png" width="500px">
</div> </div>
......
ownStyle.css
View file @ 8c1c2ff5
/* Coded by Ing. Ulises Morales Ramirez */ /* Coded by Ing. Ulises Morales Ramirez */
h1 {
font-family: Lato;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 26.4px;
text-align: center;
}
h3 {
font-family: Lato;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 15.4px;
}
p {
font-family: Lato;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 20px;
}
blockquote {
font-family: Lato;
font-size: 21px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 30px;
}
pre {
font-family: Lato;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 18.5714px;
}
body, body,
html{ html {
/*background-image: url("images/background.jpg");*/ /*background-image: url("images/background.jpg");*/
height: 100%; height: 100%;
...@@ -9,13 +56,17 @@ html{ ...@@ -9,13 +56,17 @@ html{
background-image: url("images/463980.jpg"); background-image: url("images/463980.jpg");
/*background-repeat: no-repeat;*/ /*background-repeat: no-repeat;*/
background-size: 100%,100%; background-size: 100%, 100%;
overflow: hidden; overflow: hidden;
/*-webkit-border-image: url("images/background2.png") 40 round; /* Safari 3.1-5 */ /*-webkit-border-image: url("images/background2.png") 40 round; /* Safari 3.1-5 */
/*-o-border-image: url("images/background2.png") 40 round; /* Opera 11-12.1 */ /*-o-border-image: url("images/background2.png") 40 round; /* Opera 11-12.1 */
/*border-image: url("images/background2.png") 40 round;*/ /*border-image: url("images/background2.png") 40 round;*/
} }
.sombras {
text-shadow: 3px 3px 0 white, 3px -3px 0 white, -3px -3px 0 white, -3px 3px 0 white, 3px 2px 0 white, 3px -2px 0 white, -3px -2px 0 white, -3px 2px 0 white, 3px 1px 0 white, 3px -1px 0 white, -3px -1px 0 white, -3px 1px 0 white, 3px 1px 0 white, 3px -1px 0 white, -3px -1px 0 white, -3px 1px 0 white, 3px 0px 0 white, 3px 0px 0 white, -3px 0px 0 white, -3px 0px 0 white, 2px 4px 0 white, 3px -4px 0 white, -3px -4px 0 white, -3px 4px 0 white, 3px 3px 0 white, 3px -3px 0 white, -3px -3px 0 white, -3px 3px 0 white, 3px 2px 0 white, 3px -2px 0 white, -3px -2px 0 white, -3px 2px 0 white, 3px 1px 0 white, 3px -1px 0 white, -3px -1px 0 white, -3px 1px 0 white, 3px 0px 0 white, 3px 0px 0 white, -3px 0px 0 white, -3px 0px 0 white, 2px 4px 0 white, 2px -4px 0 white, -2px -4px 0 white, -2px 4px 0 white, 2px 3px 0 white, 2px -3px 0 white, -2px -3px 0 white, -2px 3px 0 white, 2px 2px 0 white, 2px -2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px 1px 0 white, 2px -1px 0 white, -2px -1px 0 white, -2px 1px 0 white, 2px 0px 0 white, 2px 0px 0 white, -2px 0px 0 white, -2px 0px 0 white, 1px 4px 0 white, 1px -4px 0 white, -1px -4px 0 white, -1px 4px 0 white, 1px 3px 0 white, 1px -3px 0 white, -1px -3px 0 white, -1px 3px 0 white, 1px 2px 0 white, 1px -2px 0 white, -1px -2px 0 white, -1px 2px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white, -1px 1px 0 white, 1px 0px 0 white, 1px 0px 0 white, -1px 0px 0 white, -1px 0px 0 white, 0px 4px 0 white, 0px -4px 0 white, 0px -4px 0 white, 0px 4px 0 white, 0px 3px 0 white, 0px -3px 0 white, 0px -3px 0 white, 0px 3px 0 white, 0px 2px 0 white, 0px -2px 0 white, 0px -2px 0 white, 0px 2px 0 white, 0px 1px 0 white, 0px -1px 0 white, 0px -1px 0 white, 0px 1px 0 white, 0px 0px 0 white, 0px 0px 0 white, 0px 0px 0 white, 0px 0px 0 white, 0 0 0 white;
}
.user_card { .user_card {
height: 600px; height: 600px;
width: 550px; width: 550px;
...@@ -31,10 +82,11 @@ html{ ...@@ -31,10 +82,11 @@ html{
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 5px; border-radius: 5px;
color: white; color: black;
text-align: center;
} }
.brand_logo_container { .brand_logo_container {
position: absolute; position: absolute;
height: 170px; height: 170px;
...@@ -45,6 +97,7 @@ html{ ...@@ -45,6 +97,7 @@ html{
padding: 10px; padding: 10px;
text-align: center; text-align: center;
} }
.brand_logo_container1 { .brand_logo_container1 {
position: absolute; position: absolute;
height: 170px; height: 170px;
...@@ -56,6 +109,7 @@ html{ ...@@ -56,6 +109,7 @@ html{
padding: 10px; padding: 10px;
} }
.brand_logo_container2 { .brand_logo_container2 {
position: absolute; position: absolute;
height: 170px; height: 170px;
...@@ -66,45 +120,54 @@ html{ ...@@ -66,45 +120,54 @@ html{
background: #fff; background: #fff;
padding: 10px; padding: 10px;
} }
.brand_logo { .brand_logo {
height: 150px; height: 150px;
width: 150px; width: 150px;
border-radius: 50%; border-radius: 50%;
border: 2px solid white; border: 2px solid white;
} }
.brand_logo1 { .brand_logo1 {
height: 150px; height: 150px;
width: 150px; width: 150px;
border-radius: 10%; border-radius: 10%;
border: 2px solid white; border: 2px solid white;
} }
.form_container { .form_container {
margin-top: 60px; margin-top: 60px;
} }
.login_btn { .login_btn {
width: 100%; width: 100%;
background: #c0392b !important; background: #c0392b !important;
color: white !important; color: white !important;
} }
.login_btn:focus { .login_btn:focus {
box-shadow: none !important; box-shadow: none !important;
outline: 0px !important; outline: 0px !important;
} }
.login_container { .login_container {
padding: 0 2rem; padding: 0 2rem;
} }
.input-group-text { .input-group-text {
background: #c0392b !important; background: #c0392b !important;
color: white !important; color: white !important;
border: 0 !important; border: 0 !important;
border-radius: 0.25rem 0 0 0.25rem !important; border-radius: 0.25rem 0 0 0.25rem !important;
} }
.input_user, .input_user,
.input_pass:focus { .input_pass:focus {
box-shadow: none !important; box-shadow: none !important;
outline: 0px !important; outline: 0px !important;
} }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #c0392b !important; background-color: #c0392b !important;
} }
...@@ -114,7 +177,7 @@ input[type=number]::-webkit-outer-spin-button { ...@@ -114,7 +177,7 @@ input[type=number]::-webkit-outer-spin-button {
margin: 0; margin: 0;
} }
.circle{ .circle {
position: absolute; position: absolute;
border-radius: 50%; border-radius: 50%;
background: white; background: white;
...@@ -123,70 +186,71 @@ input[type=number]::-webkit-outer-spin-button { ...@@ -123,70 +186,71 @@ input[type=number]::-webkit-outer-spin-button {
/*box-shadow: 0px 0px 1px 0px #508fb9;*/ /*box-shadow: 0px 0px 1px 0px #508fb9;*/
} }
.small{ .small {
width: 200px; width: 200px;
height: 200px; height: 200px;
left: -100px; left: -100px;
bottom: -100px; bottom: -100px;
} }
.medium{ .medium {
width: 400px; width: 400px;
height: 400px; height: 400px;
left: -200px; left: -200px;
bottom: -200px; bottom: -200px;
} }
.large{ .large {
width: 600px; width: 600px;
height: 600px; height: 600px;
left: -300px; left: -300px;
bottom: -300px; bottom: -300px;
} }
.xlarge{ .xlarge {
width: 800px; width: 800px;
height: 800px; height: 800px;
left: -400px; left: -400px;
bottom: -400px; bottom: -400px;
} }
.xxlarge{ .xxlarge {
width: 1000px; width: 1000px;
height: 1000px; height: 1000px;
left: -500px; left: -500px;
bottom: -500px; bottom: -500px;
} }
.shade1{ .shade1 {
opacity: 0.3; opacity: 0.3;
} }
.shade2{
.shade2 {
opacity: 0.35; opacity: 0.35;
} }
.shade3{ .shade3 {
opacity: 0.4; opacity: 0.4;
} }
.shade4{ .shade4 {
opacity: 0.45; opacity: 0.45;
} }
.shade5{ .shade5 {
opacity: 0.5; opacity: 0.5;
} }
@keyframes ripple{ @keyframes ripple {
0%{ 0% {
transform: scale(0.8); transform: scale(0.8);
} }
50%{ 50% {
transform: scale(1.2); transform: scale(1.2);
} }
100%{ 100% {
transform: scale(0.8); transform: scale(0.8);
} }
} }
salida.php
View file @ 8c1c2ff5
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</div> </div>
<div class="d-flex justify-content-center links" style="margin-top: 100px!important;"> <div class="d-flex justify-content-center links sombras" style="margin-top: 100px!important;">
<?php <?php
if ($_GET['idioma']=='Maya') if ($_GET['idioma']=='Maya')
{ {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment