Skip to content

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

modificaciones: 

responsivo
no permita ingresar escuelas inexistentes
parent 7ec0504e
Hide whitespace changes
Inline Side-by-side
Showing with 313 additions and 177 deletions
.idea/PEACE.iml 0 → 100644
View file @ b84d8b9a
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
.idea/modules.xml
View file @ b84d8b9a
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<project version="4"> <project version="4">
<component name="ProjectModuleManager"> <component name="ProjectModuleManager">
<modules> <modules>
<module fileurl="file://$PROJECT_DIR$/.idea/untitled.iml" filepath="$PROJECT_DIR$/.idea/untitled.iml" /> <module fileurl="file://$PROJECT_DIR$/.idea/PEACE.iml" filepath="$PROJECT_DIR$/.idea/PEACE.iml" />
</modules> </modules>
</component> </component>
</project> </project>
\ No newline at end of file
conexion2.php 0 → 100644
View file @ b84d8b9a
<?php
$servername = "localhost";
$username = "sec_user";
$password = "5Qn6g2je6WkF7FX6CcBhAzUf";
$dbname = "Escuelas";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
?>
encuesta.php
View file @ b84d8b9a
...@@ -8,17 +8,29 @@ session_start(); ...@@ -8,17 +8,29 @@ session_start();
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Sin titulo</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <title>Mi Huella por la Paz - Yucatán</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" <!-- Favicon -->
integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous"> <link rel="shortcut icon" href="favicon.ico?v2">
<link rel="stylesheet" type="text/css" href="ownStyle.css" media="screen"/> <meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css"
integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="ownStyle.css" media="screen"/>
</head> </head>
<!--Coded with love by Mutiullah Samim-->
<body> <body>
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="ripple-background"> <div class="ripple-background">
<div class="circle xxlarge shade1"></div> <div class="circle xxlarge shade1"></div>
<div class="circle xlarge shade2"></div> <div class="circle xlarge shade2"></div>
...@@ -26,22 +38,24 @@ session_start(); ...@@ -26,22 +38,24 @@ session_start();
<div class="circle mediun shade4"></div> <div class="circle mediun shade4"></div>
<div class="circle small shade5"></div> <div class="circle small shade5"></div>
</div> </div>
<div class="container">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="d-flex justify-content-center h-100"> <div class="container col-md-12">
<div class="user_card">
<div class="d-flex justify-content-center col-md-12 col-sm-12 col-xs-12">
<div class="user_card">
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<div class="brand_logo_container"> <div class="brand_logo_container">
<img src="images/logo_geo.png" class="brand_logo" alt="Logo"> <img src="images/logo_geo.png" class=" visible-md brand_logo img-fluid" alt="Logo">
</div> </div>
<div class="brand_logo_container1"> <div class="brand_logo_container1">
<img src="images/g980.png" class="brand_logo1" alt="Logo"> <img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo">
</div> </div>
<div class="brand_logo_container2"> <div class="brand_logo_container2">
<img src="images/g1010.png" class="brand_logo1" alt="Logo"> <img src="images/g1010.png" class="visible-md img-fluid" alt="Logo">
</div> </div>
</div> </div>
<div class="d-flex justify-content-center form_container"> <div class=" justify-content-center container form_container">
<form action="insertar.php" method="post"> <form action="insertar.php" method="post">
<input type="hidden" name="escuela" value="<?= $_SESSION["escuela"] ?>"> <input type="hidden" name="escuela" value="<?= $_SESSION["escuela"] ?>">
<input type="hidden" name="idioma" value="<?= $_POST['idioma']; ?>"> <input type="hidden" name="idioma" value="<?= $_POST['idioma']; ?>">
...@@ -55,7 +69,7 @@ session_start(); ...@@ -55,7 +69,7 @@ session_start();
echo "Tuláakal a k'aaba'"; echo "Tuláakal a k'aaba'";
} }
else{ else{
echo "Nombre "; echo "Nombre de pila";
} }
?>" required> ?>" required>
</div> </div>
...@@ -74,7 +88,7 @@ session_start(); ...@@ -74,7 +88,7 @@ session_start();
?>" required> ?>" required>
</div> </div>
<div class="mt-4"> <div class="mt-4">
<div class=" text-center links sombras"> <div class=" text-center links" style="color: white;">
<b> <b>
<?php <?php
if ($_POST['idioma']=='Maya') if ($_POST['idioma']=='Maya')
...@@ -82,25 +96,25 @@ session_start(); ...@@ -82,25 +96,25 @@ session_start();
echo "<h1><b>¿Ti' teeche' ba'ax le jets' óolalo'?</b></h1>"; echo "<h1><b>¿Ti' teeche' ba'ax le jets' óolalo'?</b></h1>";
} }
else{ else{
echo "<h1><b>¿COMO CONTRIBUYES CON LA PAZ?</b></h1>"; echo "<h1><b>¿CÓMO CONTRIBUYES CON LA PAZ?</b></h1>";
} }
?> ?>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group" style="color: white;">
<textarea required class="form-control" rows="8" cols="50" name="comentario" style="resize: none" maxlength="200" onKeyDown="valida_longitud()" onKeyUp="valida_longitud()"></textarea> <textarea required class="form-control" rows="8" cols="50" name="comentario" style="resize: none" maxlength="200" onKeyDown="valida_longitud()" onKeyUp="valida_longitud()"></textarea>
<?php <?php
if ($_POST['idioma']=='Maya') if ($_POST['idioma']=='Maya')
{ {
echo "Cantidad u caracteres:."; echo "Cantidad u caracteres: ";
} }
else{ else{
echo "Cantidad de caracteres: "; echo "Cantidad de caracteres: ";
} }
?> ?>
<input type="text" value="0" name=caracteres size=4 style="background: transparent; border: none;"> <input type="text" value="0" name=caracteres size=4 style="background: transparent; border: none; color: white">
</div> </div>
<div class="d-flex justify-content-center mt-3 login_container"> <div class="d-flex justify-content-center mt-3 login_container">
...@@ -123,15 +137,14 @@ session_start(); ...@@ -123,15 +137,14 @@ session_start();
</div> </div>
<footer> <div class="text-center" style="margin:40px;">
<div class="text-center fixed-bottom" style="margin-bottom: 20px">
<img src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br> <img src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br>
<div> <div>
<div class="text-center" style="margin-bottom: 10px"> <div class="text-center" style="margin:40px;">
<img src="images/g122.png" width="400px"> <img src="images/g122.png" width="400px">
</div> </div>
</footer>
</div> </div>
<script> <script>
...@@ -150,7 +163,7 @@ session_start(); ...@@ -150,7 +163,7 @@ session_start();
if (num_caracteres >= num_caracteres_permitidos){ if (num_caracteres >= num_caracteres_permitidos){
document.forms[0].caracteres.style.color="#ff0000"; document.forms[0].caracteres.style.color="#ff0000";
}else{ }else{
document.forms[0].caracteres.style.color="#000000"; document.forms[0].caracteres.style.color="#ffffff";
} }
cuenta() cuenta()
......
index.php
View file @ b84d8b9a
...@@ -29,11 +29,16 @@ $conn->close();*/ ...@@ -29,11 +29,16 @@ $conn->close();*/
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8">
<title>Sin titulo</title>
<link rel="shortcut icon" href="images/cgeo.ico"> <title>Mi Huella por la Paz - Yucatán</title>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato" />
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico?v2">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
...@@ -41,9 +46,6 @@ $conn->close();*/ ...@@ -41,9 +46,6 @@ $conn->close();*/
integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous"> integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="ownStyle.css" media="screen"/> <link rel="stylesheet" type="text/css" href="ownStyle.css" media="screen"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head> </head>
...@@ -59,19 +61,19 @@ $conn->close();*/ ...@@ -59,19 +61,19 @@ $conn->close();*/
</div> </div>
<div class="container"> <div class="container col-md-12">
<div class="d-flex justify-content-center h-100"> <div class="d-flex justify-content-center col-md-12 col-sm-12 col-xs-12">
<div class="user_card"> <div class="user_card">
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<div class="brand_logo_container"> <div class="brand_logo_container">
<img src="images/logo_geo.png" class="brand_logo" alt="Logo"> <img src="images/logo_geo.png" class=" visible-md brand_logo img-fluid" alt="Logo">
</div> </div>
<div class="brand_logo_container1"> <div class="brand_logo_container1">
<img src="images/g980.png" class="brand_logo1" alt="Logo"> <img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo">
</div> </div>
<div class="brand_logo_container2"> <div class="brand_logo_container2">
<img src="images/g1010.png" class="brand_logo1" alt="Logo"> <img src="images/g1010.png" class="visible-md img-fluid" alt="Logo">
</div> </div>
</div> </div>
<div class=" justify-content-center container form_container"> <div class=" justify-content-center container form_container">
...@@ -91,115 +93,120 @@ $conn->close();*/ ...@@ -91,115 +93,120 @@ $conn->close();*/
<datalist id="Escuelas"> <datalist id="Escuelas">
<?php <?php
while ($row = $result1->fetch_assoc()) { while ($row = $result1->fetch_assoc()) {
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>de ' . utf8_encode($row["C_NOM_LOC"]) . '</option>'; echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>(' . utf8_encode($row["C_NOM_LOC"]) . ')</option>';
//echo '<option value="'.utf8_encode($row["NOMBRECT"]).'">de '.utf8_encode($row["C_NOM_LOC"]).' <br>clave: '.utf8_encode($row["CV_CCT"]).'</option>'; //echo '<option value="'.utf8_encode($row["NOMBRECT"]).'">de '.utf8_encode($row["C_NOM_LOC"]).' <br>clave: '.utf8_encode($row["CV_CCT"]).'</option>';
} }
while ($row = $result2->fetch_assoc()) { while ($row = $result2->fetch_assoc()) {
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>de ' . utf8_encode($row["C_NOM_LOC"]) . '</option>'; echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>(' . utf8_encode($row["C_NOM_LOC"]) . ')</option>';
} }
while ($row = $result3->fetch_assoc()) { while ($row = $result3->fetch_assoc()) {
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>de ' . utf8_encode($row["C_NOM_LOC"]) . '</option>'; echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>(' . utf8_encode($row["C_NOM_LOC"]) . ')</option>';
} }
while ($row = $result4->fetch_assoc()) { while ($row = $result4->fetch_assoc()) {
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>de ' . utf8_encode($row["LOCALIDAD"]) . '</option>'; echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>(' . utf8_encode($row["LOCALIDAD"]) . ')</option>';
} }
while ($row = $result5->fetch_assoc()) { while ($row = $result5->fetch_assoc()) {
//echo '<option value="'.utf8_encode($row["CV_CCT"]).'">'.utf8_encode($row["NOMBRECT"]).'</option>'; //echo '<option value="'.utf8_encode($row["CV_CCT"]).'">'.utf8_encode($row["NOMBRECT"]).'</option>';
echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>de ' . utf8_encode($row["LOCALIDAD"]) . '</option>'; echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . utf8_encode($row["NOMBRECT"]) . ' <br>(' . utf8_encode($row["LOCALIDAD"]) . ')</option>';
} }
?> ?>
</datalist> </datalist>
<div class="sombras"> <div class="" style="color: white;">
<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> </div>
</div> <div class="mt-4">
<div class="mt-4"> <div class="d-flex text-center justify-content-center links">
<div class="d-flex text-center justify-content-center links"> <h1 id="nombre_escuela"></h1>
<h1 id="nombre_escuela"></h1> </div>
</div> </div>
</div> <div class="mt-4">
<div class="mt-4"> <div class="d-flex text-center justify-content-center links" id="titulo2">
<div class="d-flex text-center justify-content-center links" id="titulo2"> </div>
</div> </div>
</div> <div class="mt-4">
<div class="mt-4"> <div class="d-flex text-center justify-content-center links">
<div class="d-flex text-center justify-content-center links"> <h3 id="clave"></h3>
<h3 id="clave"></h3> </div>
</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>
</div> </div>
</form> </form>
<?php
if (isset($_GET['err'])) {
echo "<div class=\"alert alert-danger alert-dismissible \">
<a href=\"#\" class=\"close\" data-dismiss=\"alert\" aria-label=\"close\">&times;</a>
<strong>Danger!</strong> This alert box could indicate a dangerous or potentially negative action.
</div>";
}
?>
</div> </div>
</div> </div>
</div> </div>
<footer> <div class="text-center" style="margin:40px;">
<div class="text-center fixed-bottom" style="margin-bottom: 20px"> <img class="img-fluid" src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br>
<img src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br>
<div> <div>
<div class="text-center" style="margin-bottom: 10px"> <div class="text-center" style="margin:40px;">
<img src="images/g122.png" width="400px"> <img class="img-fluid" src="images/g122.png" width="400px">
</div>
</div> </div>
</footer> <script>
$("#input_escuela").bind('input', function () {
var dato = $('#input_escuela').val();
</div> $('#clave_escuela').val($('#input_escuela').val());
document.getElementById('clave_escuela').value = $('#input_escuela').val();
var valor = checkExists($('#input_escuela').val());
//alert(valor);
var lastword = valor.split(" ").pop();
$('#nombre_escuela').empty();
$('#clave').empty();
$('#titulo1').empty();
$('#titulo2').empty();
valor = valor.replace(')', '');
var porciones = valor.split(' (');
document.getElementById('input_escuela').value = porciones[0];
$('#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",
{
dato: dato
},
function (data, status) {
if (data == "1") {
$('#next').attr("disabled", false);
} else {
$('#next').attr("disabled", true);
}
});
<script>
$("#input_escuela").bind('input', function () {
var dato = $('#input_escuela').val();
$('#clave_escuela').val($('#input_escuela').val());
document.getElementById('clave_escuela').value = $('#input_escuela').val();
var valor = checkExists($('#input_escuela').val());
//alert(valor);
var lastword = valor.split(" ").pop();
$('#nombre_escuela').empty();
$('#clave').empty();
$('#titulo1').empty();
$('#titulo2').empty();
var porciones = valor.split('de ');
document.getElementById('input_escuela').value = porciones[0];
$('#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",
{
dato: dato
},
function (data, status) {
if (data == "1") {
$('#next').attr("disabled", false);
} else {
$('#next').attr("disabled", true);
}
}); });
}); function checkExists(inputValue) {
var x = document.getElementById("Escuelas");
var i;
var flag;
for (i = 0; i < x.options.length; i++) {
if (inputValue == x.options[i].value) {
flag = x.options[i].text;
}
function checkExists(inputValue) { }
var x = document.getElementById("Escuelas"); return flag;
var i;
var flag;
for (i = 0; i < x.options.length; i++) {
if (inputValue == x.options[i].value) {
flag = x.options[i].text;
} }
} </script>
return flag;
}
</script>
</body> </body>
</html> </html>
lenguaje.php
View file @ b84d8b9a
...@@ -4,30 +4,79 @@ ...@@ -4,30 +4,79 @@
<?php <?php
session_start(); session_start();
include "conexion.php";
if (isset($_POST['escuela'])) { if (isset($_POST['escuela'])) {
$arr = explode("de ", $_POST['escuela']); $control = 0;
$arr = explode(" de ", $_POST['escuela']);
$_SESSION["escuela"] = $arr[0]; $_SESSION["escuela"] = $arr[0];
$_SESSION["localidad"]=$arr[1]; $_SESSION["localidad"]=$arr[1];
$_SESSION["clave_escuela"] = $_POST['clave_escuela']; $_SESSION["clave_escuela"] = $_POST['clave_escuela'];
}
$sql = 'SELECT * FROM Preescolar WHERE CV_CCT LIKE "'.$_SESSION["clave_escuela"].'" AND NOMBRECT LIKE "'.$_SESSION["escuela"].'"';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
} else {
$sql = 'SELECT * FROM Primaria WHERE CV_CCT LIKE "'.$_SESSION["clave_escuela"].'" AND NOMBRECT LIKE "'.$_SESSION["escuela"].'"';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
} else {
$sql = 'SELECT * FROM Secundaria WHERE CV_CCT LIKE "'.$_SESSION["clave_escuela"].'" AND NOMBRECT LIKE "'.$_SESSION["escuela"].'"';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
} else {
$sql = 'SELECT * FROM Media WHERE CV_CCT LIKE "'.$_SESSION["clave_escuela"].'" AND NOMBRECT LIKE "'.$_SESSION["escuela"].'"';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
} else {
$sql = 'SELECT * FROM Superior WHERE CV_CCT LIKE "'.$_SESSION["clave_escuela"].'" AND NOMBRECT LIKE "'.$_SESSION["escuela"].'"';
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// $porciones = explode("de ", $_POST['escuela']); } else {
// var_dump($porciones); header("location: index.php?err=1");
mysql_close();
}
}
}
}
} }
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Sin titulo</title>
<title>Mi Huella por la Paz - Yucatán</title>
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico?v2">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css"
integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous"> integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="ownStyle.css" media="screen"/> <link rel="stylesheet" type="text/css" href="ownStyle.css" media="screen"/>
</head> </head>
<body> <body>
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="ripple-background"> <div class="ripple-background">
<div class="circle xxlarge shade1"></div> <div class="circle xxlarge shade1"></div>
<div class="circle xlarge shade2"></div> <div class="circle xlarge shade2"></div>
...@@ -36,33 +85,32 @@ if (isset($_POST['escuela'])) { ...@@ -36,33 +85,32 @@ if (isset($_POST['escuela'])) {
<div class="circle small shade5"></div> <div class="circle small shade5"></div>
</div> </div>
<div class="container">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div--> <div class="container col-md-12">
<div class="d-flex justify-content-center h-100">
<div class="d-flex justify-content-center col-md-12 col-sm-12 col-xs-12">
<div class="user_card"> <div class="user_card">
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<div class="brand_logo_container"> <div class="brand_logo_container">
<img src="images/logo_geo.png" class="brand_logo" alt="Logo"> <img src="images/logo_geo.png" class=" visible-md brand_logo img-fluid" alt="Logo">
</div> </div>
<div class="brand_logo_container1"> <div class="brand_logo_container1">
<img src="images/g980.png" class="brand_logo1" alt="Logo"> <img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo">
</div> </div>
<div class="brand_logo_container2"> <div class="brand_logo_container2">
<img src="images/g1010.png" class="brand_logo1" alt="Logo"> <img src="images/g1010.png" class="visible-md img-fluid" alt="Logo">
</div> </div>
</div> </div>
<div class="d-flex justify-content-center form_container "> <div class=" justify-content-center container 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 sombras" style="margin-top: -20px!important;" > <div class="mt-4 text-center" style="margin-top: -20px!important; color: white;" >
<b> <b>
<h1>Escuela:</h1> <h1>Escuela:</h1>
<h2><?= $_SESSION["escuela"] ?></h2> <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;"> <div class="d-flex justify-content-center links" style="margin-top: 100px!important;">
<b>¿EN QUÉ LENGUAJE DESEA CONTESTAR? <b>¿EN QUÉ LENGUAJE DESEA CONTESTAR?
<br> <br>
...@@ -85,15 +133,14 @@ if (isset($_POST['escuela'])) { ...@@ -85,15 +133,14 @@ if (isset($_POST['escuela'])) {
</div> </div>
<footer> <div class="text-center" style="margin:40px;">
<div class="text-center fixed-bottom" style="margin-bottom: 20px">
<img src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br> <img src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br>
<div> <div>
<div class="text-center" style="margin-bottom: 10px"> <div class="text-center" style="margin:40px;">
<img src="images/g122.png" width="400px"> <img src="images/g122.png" width="400px">
</div> </div>
</footer>
</div> </div>
</body> </body>
</html> </html>
......
ownStyle.css
View file @ b84d8b9a
...@@ -46,23 +46,56 @@ pre { ...@@ -46,23 +46,56 @@ pre {
line-height: 18.5714px; line-height: 18.5714px;
} }
/*
body, body,
html { html {
/*background-image: url("images/background.jpg");*/ /*background-image: url("images/background.jpg");
height: 100%; height: 100%;
/*background: #6C3721;*/ /*background: #6C3721;*/
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;
}*/
@media only screen and (max-width: 767px) {
body {
/* The file size of this background image is 93% smaller
to improve page load speed on mobile internet connections */
background-image: url("images/463980.jpg");
}
} }
body {
/* Location of the image */
background-image: url("images/463980.jpg");
/* Background image is centered vertically and horizontally at all times */
background-position: center center;
/* Background image doesn't tile */
background-repeat: no-repeat;
/* Background image is fixed in the viewport so that it doesn't move when
the content's height is greater than the image's height */
background-attachment: fixed;
/* This is what makes the background image rescale based
on the container's size */
background-size: cover;
/* Set a background color that will be displayed
while the background image is loading */
background-color: #000;
overflow: hidden;
}
.sombras { .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; 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;
} }
...@@ -72,7 +105,7 @@ html { ...@@ -72,7 +105,7 @@ html {
width: 550px; width: 550px;
margin-top: 200px; margin-top: 200px;
margin-bottom: auto; margin-bottom: auto;
background: rgba(132, 93, 5, 0.9); background: rgba(220, 105, 29, 0.3);
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -89,9 +122,9 @@ html { ...@@ -89,9 +122,9 @@ html {
.brand_logo_container { .brand_logo_container {
position: absolute; position: absolute;
height: 150px; height: 120px;
width: 150px; width: 120px;
top: -75px; top: -60px;
border-radius: 50%; border-radius: 50%;
background: #fff; background: #fff;
padding: 10px; padding: 10px;
...@@ -100,9 +133,9 @@ html { ...@@ -100,9 +133,9 @@ html {
.brand_logo_container1 { .brand_logo_container1 {
position: absolute; position: absolute;
height: 150px; height: 120px;
width: 150px; width: 120px;
top: -75px; top: -60px;
right: 2%; right: 2%;
border-radius: 10%; border-radius: 10%;
background: #fff; background: #fff;
...@@ -112,9 +145,9 @@ html { ...@@ -112,9 +145,9 @@ html {
.brand_logo_container2 { .brand_logo_container2 {
position: absolute; position: absolute;
height: 150px; height: 120px;
width: 150px; width: 120px;
top: -75px; top: -60px;
left: 2%; left: 2%;
border-radius: 10%; border-radius: 10%;
background: #fff; background: #fff;
...@@ -122,15 +155,15 @@ html { ...@@ -122,15 +155,15 @@ html {
} }
.brand_logo { .brand_logo {
height: 130px; height: 100px;
width: 130px; width: 100px;
border-radius: 50%; border-radius: 50%;
border: 2px solid white; border: 2px solid white;
} }
.brand_logo1 { .brand_logo1 {
height: 130px; height: 100px;
width: 130px; width: 100px;
border-radius: 10%; border-radius: 10%;
border: 2px solid white; border: 2px solid white;
} }
...@@ -140,6 +173,7 @@ html { ...@@ -140,6 +173,7 @@ html {
} }
.login_btn { .login_btn {
font-weight: 900;
width: 100%; width: 100%;
background: #c0392b !important; background: #c0392b !important;
color: white !important; color: white !important;
...@@ -222,23 +256,23 @@ input[type=number]::-webkit-outer-spin-button { ...@@ -222,23 +256,23 @@ input[type=number]::-webkit-outer-spin-button {
} }
.shade1 { .shade1 {
opacity: 0.3; opacity: 0.015;
} }
.shade2 { .shade2 {
opacity: 0.35; opacity: 0.10;
} }
.shade3 { .shade3 {
opacity: 0.4; opacity: 0.15;
} }
.shade4 { .shade4 {
opacity: 0.45; opacity: 0.20;
} }
.shade5 { .shade5 {
opacity: 0.5; opacity: 0.25;
} }
@keyframes ripple { @keyframes ripple {
......
salida.php
View file @ b84d8b9a
...@@ -5,17 +5,29 @@ ...@@ -5,17 +5,29 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Sin titulo</title>
<title>Mi Huella por la Paz - Yucatán</title>
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico?v2">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css"
integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous"> integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="ownStyle.css" media="screen"/> <link rel="stylesheet" type="text/css" href="ownStyle.css" media="screen"/>
</head> </head>
<body onload="redireccion();"> <body onload="redireccion()">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div-->
<div class="ripple-background"> <div class="ripple-background">
<div class="circle xxlarge shade1"></div> <div class="circle xxlarge shade1"></div>
<div class="circle xlarge shade2"></div> <div class="circle xlarge shade2"></div>
...@@ -24,24 +36,25 @@ ...@@ -24,24 +36,25 @@
<div class="circle small shade5"></div> <div class="circle small shade5"></div>
</div> </div>
<div class="container">
<!--div class="text-center" style="z-index: -1"><img src="images/header.png" width="800px"></div--> <div class="container col-md-12">
<div class="d-flex justify-content-center h-100">
<div class="d-flex justify-content-center col-md-12 col-sm-12 col-xs-12">
<div class="user_card"> <div class="user_card">
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<div class="brand_logo_container"> <div class="brand_logo_container">
<img src="images/logo_geo.png" class="brand_logo" alt="Logo"> <img src="images/logo_geo.png" class=" visible-md brand_logo img-fluid" alt="Logo">
</div> </div>
<div class="brand_logo_container1"> <div class="brand_logo_container1">
<img src="images/g980.png" class="brand_logo1" alt="Logo"> <img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo">
</div> </div>
<div class="brand_logo_container2"> <div class="brand_logo_container2">
<img src="images/g1010.png" class="brand_logo1" alt="Logo"> <img src="images/g1010.png" class="visible-md img-fluid" alt="Logo">
</div> </div>
</div> </div>
<div class="d-flex justify-content-center links sombras" style="margin-top: 100px!important;"> <div class="d-flex justify-content-center links" style="margin-top: 100px!important; color: white;">
<?php <?php
if ($_GET['idioma']=='Maya') if ($_GET['idioma']=='Maya')
{ {
...@@ -53,7 +66,7 @@ ...@@ -53,7 +66,7 @@
?> ?>
</div> </div>
<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;color: white;">
<?php <?php
if ($_GET['idioma']=='Maya') if ($_GET['idioma']=='Maya')
{ {
...@@ -74,15 +87,15 @@ ...@@ -74,15 +87,15 @@
</div> </div>
<footer> <div class="text-center" style="margin:40px;">
<div class="text-center fixed-bottom" style="margin-bottom: 20px">
<img src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br> <img src="images/Logo-Horizontal-V2-blanco.png" width="300px"><br>
<div> <div>
<div class="text-center" style="margin-bottom: 10px"> <div class="text-center" style="margin:40px;">
<img src="images/g122.png" width="400px"> <img src="images/g122.png" width="400px">
</div> </div>
</footer>
</div> </div>
<script> <script>
function redireccion() { function redireccion() {
...@@ -93,4 +106,4 @@ ...@@ -93,4 +106,4 @@
</script> </script>
</body> </body>
</html> </html>
\ No newline at end of file
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