Hugging Face's logo

Spaces:
chartManD
/
pageRed
Sleeping

App Files Community
chartManD commited on
Commit
99a7594
·
1 Parent(s): 583c04d

creado el home

Browse files
Files changed (6) hide show
  1. app/css/text-fonts.css +31 -0
  2. app/inc/footer.php +2 -0
  3. app/inc/header.php +13 -13
  4. app/inc/topPage.php +20 -0
  5. app/index.php +17 -7
  6. app/js/contrasena.js +18 -0
app/css/text-fonts.css ADDED
@@ -0,0 +1,31 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .letra-titulo {
2
+ font-size: 60px;
3
+ }
4
+
5
+ .icono-titulo {
6
+ font-size: 40px;
7
+ }
8
+
9
+ .pt-serif-regular {
10
+ font-family: "PT Serif", serif;
11
+ font-weight: 400;
12
+ font-style: normal;
13
+ }
14
+
15
+ .pt-serif-bold {
16
+ font-family: "PT Serif", serif;
17
+ font-weight: 700;
18
+ font-style: normal;
19
+ }
20
+
21
+ .pt-serif-regular-italic {
22
+ font-family: "PT Serif", serif;
23
+ font-weight: 400;
24
+ font-style: italic;
25
+ }
26
+
27
+ .pt-serif-bold-italic {
28
+ font-family: "PT Serif", serif;
29
+ font-weight: 700;
30
+ font-style: italic;
31
+ }
app/inc/footer.php CHANGED
@@ -1,6 +1,8 @@
 
1
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
2
  integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
3
  crossorigin="anonymous"></script>
 
4
  </body>
5
 
6
  </html>
 
1
+ </main>
2
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
3
  integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
4
  crossorigin="anonymous"></script>
5
+ <script src="../js/contrasena.js?i=12"></script>
6
  </body>
7
 
8
  </html>
app/inc/header.php CHANGED
@@ -1,13 +1,13 @@
1
- <!DOCTYPE html>
2
- <html lang="es">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <title>Redes para todos</title>
8
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
9
- integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
10
- <meta name="viewport" content="width=device-width, initial-scale=1">
11
- </head>
12
-
13
- <body class="bg-gradient" style="background-color: rgb(215, 250, 237);">
 
1
+ <header class="text-center pt-4 fs-1 fw-bolder md bg-black container
2
+ ">
3
+ <div class="row p-0 pt-serif-bold-italic">
4
+ <h1 class="letra-titulo p-0 m-0">
5
+ Redes Para Todos
6
+ </h1>
7
+ </div>
8
+ <div class="row p-0 m-0">
9
+ <p class="p-0 m-0 icono-titulo">
10
+ 📶📡🛜
11
+ </p>
12
+ </div>
13
+ </header>
app/inc/topPage.php ADDED
@@ -0,0 +1,20 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="es">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Redes para todos</title>
8
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
9
+ integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
10
+ <meta name="viewport" content="width=device-width, initial-scale=1">
11
+ <link rel="preconnect" href="https://fonts.googleapis.com">
12
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13
+ <link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
14
+ rel="stylesheet">
15
+ <link rel="stylesheet" href="../css/text-fonts.css">
16
+ </head>
17
+
18
+ <body class="bg-gradient" style="background-color: rgb(215, 250, 237);">
19
+ <?php include_once "./header.php" ?>
20
+ <main class="container-lg pt-serif-regular pt-4 pb-2 bg-black">
app/index.php CHANGED
@@ -1,10 +1,20 @@
1
- <?php include_once "./inc/header.php" ?>
2
 
3
- <html>
4
- <h1 class="text-center mt-4
5
- ">Internet Para Todos 🛜📡</h1>
6
- <p class="text-center">Hola alumno del ITSZ de la extension de Zongolica 👋</p>
7
-
8
- </html>
 
 
 
 
 
 
 
 
 
 
9
 
10
  <?php include_once "./inc/footer.php" ?>
 
1
+ <?php include_once "./inc/topPage.php" ?>
2
 
3
+ <hr>
4
+ <div class="container-fluid d-flex justify-content-center">
5
+ <p class="text-center pt-serif-bold m-0" style="max-width: 350px;">
6
+ Hola alumno del ITSZ <br>
7
+ de la extension de Tezonapa 👋<br><br>
8
+ <i>"Esta es una pagina para generar contraseñas destionada al personal educativo y estudiantil de la
9
+ escuela"</i>
10
+ </p>
11
+ </div>
12
+ <hr>
13
+ <div>
14
+ <iframe
15
+ src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4497.20846191439!2d-96.69804321280105!3d18.588168447314914!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85c466d3cdf128d7%3A0xae1a2e7e88ee9fe4!2sInstituto%20Tecnol%C3%B3gico%20Superior%20de%20Zongolica%20Extensi%C3%B3n%20Tezonapa!5e0!3m2!1ses!2smx!4v1727721554751!5m2!1ses!2smx"
16
+ width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
17
+ referrerpolicy="no-referrer-when-downgrade"></iframe>
18
+ </div>
19
 
20
  <?php include_once "./inc/footer.php" ?>
app/js/contrasena.js ADDED
@@ -0,0 +1,18 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ function getPassword() {
2
+ document.getElementById("password").value = autoCreate(12);
3
+ }
4
+
5
+ function autoCreate(plength) {
6
+ let caracteres =
7
+ "abcdefghijklmnopqrstubwsyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
8
+
9
+ let password = "";
10
+
11
+ for (i = 0; i < plength; i++) {
12
+ password += caracteres.charAt(
13
+ Math.floor(Math.random() * caracteres.length)
14
+ );
15
+ }
16
+
17
+ return password;
18
+ }