modificaciones:

responsivo
no permita ingresar escuelas inexistentes
parent d7954779
...@@ -16,7 +16,7 @@ session_start(); ...@@ -16,7 +16,7 @@ session_start();
<!-- Favicon --> <!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico?v2"> <link rel="shortcut icon" href="favicon.ico?v2">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato"/> <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">
...@@ -46,13 +46,13 @@ session_start(); ...@@ -46,13 +46,13 @@ session_start();
<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=" visible-md brand_logo img-fluid" alt="Logo"> <img src="images/logo_geo.png" class=" visible-md brand_logo " alt="Logo">
</div> </div>
<div class="brand_logo_container1"> <div class="brand_logo_container1">
<img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo"> <img src="images/g980.png" class=" hidden visible-xs visible-sm brand_logo1 " alt="Logo">
</div> </div>
<div class="brand_logo_container2"> <div class="brand_logo_container2">
<img src="images/g1010.png" class="visible-md img-fluid" alt="Logo"> <img src="images/g1010.png" class="visible-md brand_logo1 " alt="Logo">
</div> </div>
</div> </div>
<div class=" justify-content-center container form_container"> <div class=" justify-content-center container form_container">
......
...@@ -39,7 +39,7 @@ $conn->close();*/ ...@@ -39,7 +39,7 @@ $conn->close();*/
<!-- Favicon --> <!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico?v2"> <link rel="shortcut icon" href="favicon.ico?v2">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato"/> <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">
...@@ -69,13 +69,13 @@ $conn->close();*/ ...@@ -69,13 +69,13 @@ $conn->close();*/
<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=" visible-md brand_logo img-fluid" alt="Logo"> <img src="images/logo_geo.png" class=" visible-md brand_logo " alt="Logo">
</div> </div>
<div class="brand_logo_container1"> <div class="brand_logo_container1">
<img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo"> <img src="images/g980.png" class=" hidden visible-xs visible-sm brand_logo1 " alt="Logo">
</div> </div>
<div class="brand_logo_container2"> <div class="brand_logo_container2">
<img src="images/g1010.png" class="visible-md img-fluid" alt="Logo"> <img src="images/g1010.png" class="visible-md brand_logo1 " alt="Logo">
</div> </div>
</div> </div>
<div class=" justify-content-center container form_container"> <div class=" justify-content-center container form_container">
...@@ -95,25 +95,25 @@ $conn->close();*/ ...@@ -95,25 +95,25 @@ $conn->close();*/
<datalist id="Escuelas"> <datalist id="Escuelas">
<?php <?php
while ($row = $result0->fetch_assoc()) { while ($row = $result0->fetch_assoc()) {
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["CV_CCT"]) . '">' . $row["NOMBRECT"]. ' <br>(' . $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 = $result1->fetch_assoc()) { while ($row = $result1->fetch_assoc()) {
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["CV_CCT"]) . '">' . $row["NOMBRECT"] . ' <br>(' . $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>(' . utf8_encode($row["C_NOM_LOC"]) . ')</option>'; echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . $row["NOMBRECT"] . ' <br>(' . $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>(' . utf8_encode($row["C_NOM_LOC"]) . ')</option>'; echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . $row["NOMBRECT"] . ' <br>(' . $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>(' . utf8_encode($row["LOCALIDAD"]) . ')</option>'; echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' .$row["NOMBRECT"] . ' <br>(' . $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>(' . utf8_encode($row["LOCALIDAD"]) . ')</option>'; echo '<option value="' . utf8_encode($row["CV_CCT"]) . '">' . $row["NOMBRECT"] . ' <br>(' . $row["LOCALIDAD"] . ')</option>';
} }
?> ?>
</datalist> </datalist>
...@@ -146,7 +146,7 @@ $conn->close();*/ ...@@ -146,7 +146,7 @@ $conn->close();*/
<?php <?php
if (isset($_GET['err'])) { if (isset($_GET['err'])) {
echo "<div class=\"alert alert-danger alert-dismissible \"> echo "<div class=\"alert alert-danger alert-dismissible \">
<strong>Danger!</strong> This alert box could indicate a dangerous or potentially negative action. <strong>No se encontró la escuela!</strong>
</div>"; </div>";
} }
?> ?>
......
...@@ -70,7 +70,7 @@ if ($result->num_rows > 0) { ...@@ -70,7 +70,7 @@ if ($result->num_rows > 0) {
<!-- Favicon --> <!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico?v2"> <link rel="shortcut icon" href="favicon.ico?v2">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato"/> <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">
...@@ -100,13 +100,13 @@ if ($result->num_rows > 0) { ...@@ -100,13 +100,13 @@ if ($result->num_rows > 0) {
<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=" visible-md brand_logo img-fluid" alt="Logo"> <img src="images/logo_geo.png" class=" visible-md brand_logo " alt="Logo">
</div> </div>
<div class="brand_logo_container1"> <div class="brand_logo_container1">
<img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo"> <img src="images/g980.png" class=" hidden visible-xs visible-sm brand_logo1 " alt="Logo">
</div> </div>
<div class="brand_logo_container2"> <div class="brand_logo_container2">
<img src="images/g1010.png" class="visible-md img-fluid" alt="Logo"> <img src="images/g1010.png" class="visible-md brand_logo1 " alt="Logo">
</div> </div>
</div> </div>
<div class=" justify-content-center container form_container"> <div class=" justify-content-center container form_container">
......
...@@ -70,23 +70,6 @@ html { ...@@ -70,23 +70,6 @@ html {
} }
} }
@media (min-width: 400px) {
.element {
background-image: url("images/463980.jpg");
}
}
@media (min-width: 500px) {
.element {
background-image: url("images/463980.jpg");
}
}
@media (min-width: 600px) {
.element {
background-image: url("images/463980.jpg");
}
}
body { body {
/* Location of the image */ /* Location of the image */
...@@ -118,6 +101,24 @@ body { ...@@ -118,6 +101,24 @@ body {
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;
} }
@media only screen and (min-width: 400px) {
.user_card {
height: 900px;
}
}
@media only screen and (min-width: 500px) {
.user_card {
height: 900px;
}
}
@media only screen and (min-width: 600px) {
.user_card {
height: 900px;
}
}
.user_card { .user_card {
height: 500px; height: 500px;
width: 550px; width: 550px;
...@@ -180,8 +181,8 @@ body { ...@@ -180,8 +181,8 @@ body {
} }
.brand_logo1 { .brand_logo1 {
height: 100px; height: 90px;
width: 100px; width: 90px;
border-radius: 10%; border-radius: 10%;
border: 2px solid white; border: 2px solid white;
} }
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<!-- Favicon --> <!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico?v2"> <link rel="shortcut icon" href="favicon.ico?v2">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato"/> <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">
...@@ -43,13 +43,13 @@ ...@@ -43,13 +43,13 @@
<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=" visible-md brand_logo img-fluid" alt="Logo"> <img src="images/logo_geo.png" class=" visible-md brand_logo " alt="Logo">
</div> </div>
<div class="brand_logo_container1"> <div class="brand_logo_container1">
<img src="images/g980.png" class=" hidden visible-xs visible-sm img-fluid" alt="Logo"> <img src="images/g980.png" class=" hidden visible-xs visible-sm brand_logo1 " alt="Logo">
</div> </div>
<div class="brand_logo_container2"> <div class="brand_logo_container2">
<img src="images/g1010.png" class="visible-md img-fluid" alt="Logo"> <img src="images/g1010.png" class="visible-md brand_logo1 " alt="Logo">
</div> </div>
</div> </div>
......
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