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
Hide whitespace changes
Inline Side-by-side
Showing with 145 additions and 76 deletions
encuesta.php
View file @ 8c1c2ff5
......@@ -55,7 +55,7 @@ session_start();
echo "Tuláakal a k'aaba'";
}
else{
echo "Nombre Completo ";
echo "Nombre ";
}
?>" required>
</div>
......@@ -74,16 +74,18 @@ session_start();
?>" required>
</div>
<div class="mt-4">
<div class="d-flex text-center links">
<div class=" text-center links sombras">
<b>
<?php
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{
echo "<h3>¿COMO CONTRIBUYES CON LA PAZ?</h3>";
echo "<h1><b>¿COMO CONTRIBUYES CON LA PAZ?</b></h1>";
}
?>
</div>
</div>
......@@ -124,7 +126,6 @@ session_start();
<div class="text-center fixed-bottom" style="margin-bottom: 20px">
<img src="images/Logo-Horizontal-V2-blanco.png" width="400px">
<div>
<hr>
<div class="text-center" style="margin-bottom: 10px">
<img src="images/g122.png" width="500px">
</div>
......
index.php
View file @ 8c1c2ff5
......@@ -33,6 +33,7 @@ $conn->close();*/
<meta charset="UTF-8">
<title>Sin titulo</title>
<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"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
......@@ -42,6 +43,8 @@ $conn->close();*/
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
......@@ -80,7 +83,7 @@ $conn->close();*/
<span class="input-group-text"><i class="fas fa-search"></i></span>
</div>
<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 ">
<input type="hidden" name="clave_escuela" id="clave_escuela">
</div>
......@@ -107,7 +110,7 @@ $conn->close();*/
?>
</datalist>
<div class="sombras">
<div class="mt-4">
<div class="d-flex text-center justify-content-center links" id="titulo1">
</div>
......@@ -126,7 +129,7 @@ $conn->close();*/
<h3 id="clave"></h3>
</div>
</div>
</div>
<div class="d-flex justify-content-center mt-3 login_container">
<button type="submit" id="next" class="btn login_btn" disabled>Siguiente</button>
......@@ -164,9 +167,9 @@ $conn->close();*/
$('#titulo2').empty();
var porciones = valor.split('de ');
document.getElementById('input_escuela').value = porciones[0];
$('#nombre_escuela').append(porciones[0]);
$('#titulo1').append('<h1>Escuela: </h1>');
$('#titulo2').append('<h3>Localidad:</h3>');
$('#nombre_escuela').append(''+porciones[0]);
$('#titulo1').append('<h1><b>Escuela: </b></h1>');
$('#titulo2').append('<h3><b>Localidad:</b></h3>');
$('#clave').append(porciones[1]);
$.post("ajax_post.php",
......
lenguaje.php
View file @ 8c1c2ff5
......@@ -51,22 +51,24 @@ if (isset($_POST['escuela'])) {
<img src="images/g1010.png" class="brand_logo1" alt="Logo">
</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">
<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>
<h2><?= $_SESSION["escuela"] ?></h2>
<h4>Clave:</h4>
<h4><?= $_SESSION["clave_escuela"] ?></h4>
<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>
¿BA'AX TI T'AANIL A K'AAT A NÚUKTIK?
¿BA'AX TI T'AANIL A K'AAT A NÚUKTIK?</>
</div>
</b>
</div>
<div class="d-flex justify-content-center mt-3 login_container">
......@@ -86,7 +88,6 @@ if (isset($_POST['escuela'])) {
<div class="text-center fixed-bottom" style="margin-bottom: 20px">
<img src="images/Logo-Horizontal-V2-blanco.png" width="400px">
<div>
<hr>
<div class="text-center" style="margin-bottom: 10px">
<img src="images/g122.png" width="500px">
</div>
......
ownStyle.css
View file @ 8c1c2ff5
/* 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,
html{
html {
/*background-image: url("images/background.jpg");*/
height: 100%;
......@@ -9,13 +56,17 @@ html{
background-image: url("images/463980.jpg");
/*background-repeat: no-repeat;*/
background-size: 100%,100%;
background-size: 100%, 100%;
overflow: hidden;
/*-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 */
/*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 {
height: 600px;
width: 550px;
......@@ -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);
-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;
color: white;
color: black;
text-align: center;
}
.brand_logo_container {
position: absolute;
height: 170px;
......@@ -45,6 +97,7 @@ html{
padding: 10px;
text-align: center;
}
.brand_logo_container1 {
position: absolute;
height: 170px;
......@@ -56,6 +109,7 @@ html{
padding: 10px;
}
.brand_logo_container2 {
position: absolute;
height: 170px;
......@@ -66,45 +120,54 @@ html{
background: #fff;
padding: 10px;
}
.brand_logo {
height: 150px;
width: 150px;
border-radius: 50%;
border: 2px solid white;
}
.brand_logo1 {
height: 150px;
width: 150px;
border-radius: 10%;
border: 2px solid white;
}
.form_container {
margin-top: 60px;
}
.login_btn {
width: 100%;
background: #c0392b !important;
color: white !important;
}
.login_btn:focus {
box-shadow: none !important;
outline: 0px !important;
}
.login_container {
padding: 0 2rem;
}
.input-group-text {
background: #c0392b !important;
color: white !important;
border: 0 !important;
border-radius: 0.25rem 0 0 0.25rem !important;
}
.input_user,
.input_pass:focus {
box-shadow: none !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;
}
......@@ -114,79 +177,80 @@ input[type=number]::-webkit-outer-spin-button {
margin: 0;
}
.circle{
position: absolute;
border-radius: 50%;
background: white;
/*background: rgba(132, 93, 5, 0.3);*/
animation: ripple 10s infinite;
/*box-shadow: 0px 0px 1px 0px #508fb9;*/
.circle {
position: absolute;
border-radius: 50%;
background: white;
/*background: rgba(132, 93, 5, 0.3);*/
animation: ripple 10s infinite;
/*box-shadow: 0px 0px 1px 0px #508fb9;*/
}
.small{
width: 200px;
height: 200px;
left: -100px;
bottom: -100px;
.small {
width: 200px;
height: 200px;
left: -100px;
bottom: -100px;
}
.medium{
width: 400px;
height: 400px;
left: -200px;
bottom: -200px;
.medium {
width: 400px;
height: 400px;
left: -200px;
bottom: -200px;
}
.large{
width: 600px;
height: 600px;
left: -300px;
bottom: -300px;
.large {
width: 600px;
height: 600px;
left: -300px;
bottom: -300px;
}
.xlarge{
width: 800px;
height: 800px;
left: -400px;
bottom: -400px;
.xlarge {
width: 800px;
height: 800px;
left: -400px;
bottom: -400px;
}
.xxlarge{
width: 1000px;
height: 1000px;
left: -500px;
bottom: -500px;
.xxlarge {
width: 1000px;
height: 1000px;
left: -500px;
bottom: -500px;
}
.shade1{
opacity: 0.3;
.shade1 {
opacity: 0.3;
}
.shade2{
opacity: 0.35;
.shade2 {
opacity: 0.35;
}
.shade3{
opacity: 0.4;
.shade3 {
opacity: 0.4;
}
.shade4{
opacity: 0.45;
.shade4 {
opacity: 0.45;
}
.shade5{
opacity: 0.5;
.shade5 {
opacity: 0.5;
}
@keyframes ripple{
0%{
transform: scale(0.8);
}
50%{
transform: scale(1.2);
}
100%{
transform: scale(0.8);
}
@keyframes ripple {
0% {
transform: scale(0.8);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(0.8);
}
}
salida.php
View file @ 8c1c2ff5
......@@ -41,7 +41,7 @@
</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
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