wip: avances de mi compañero
Security Fix Agent committed
Aug 27, 2026 at 00:20 UTC
73203bd2a863372ed883fe18d14ea2b7371edb84
8 files changed
+143
-10
frontend/css/base.css
+2
-2
@@ -18,7 +18,7 @@
18
--border-radius: 4px;
19
20
/* Texto del contenido (independiente del sidebar) */
21
- --text-color: #000205;
21
+ --text-color: #000000;
22
--heading-color: #111827;
23
--link-color: #087527;
24
@@ -37,7 +37,7 @@
37
38
/* Botones */
39
--btn-primary-bg: var(--primary-color);
40
- --btn-primary-text: #064913;
40
+ --btn-primary-text: #2db849;
41
--btn-outline-border: var(--primary-color);
42
--btn-outline-text: var(--primary-color);
43
}
frontend/pages/empresarial.html
+5
-1
@@ -14,7 +14,11 @@
14
<aside class="sidebar" id="sidebar"></aside>
15
<div class="main-wrapper">
16
<header class="topbar" id="topbar"></header>
17
- <main class="main-content" id="main-content"></main>
17
+ <main class="main-content" id="main-content">
18
+
19
+ EMPRESAS, DE QUE ES LA EMPRESA, EXPERIENCIAS
20
+
21
+ </main>
22
</div>
23
</div>
24
<script src="../js/api.js"></script>
frontend/pages/foro.html
+5
-1
@@ -13,7 +13,11 @@
13
<aside class="sidebar" id="sidebar"></aside>
14
<div class="main-wrapper">
15
<header class="topbar" id="topbar"></header>
16
- <main class="main-content" id="main-content"></main>
16
+ <main class="main-content" id="main-content">
17
+
18
+ DUDAS RESUELTAS, COMENTARIOS, INTERACCIONES "LIKES" AL COMENTARIO
19
+
20
+ </main>
21
</div>
22
</div>
23
<script src="../js/api.js"></script>
frontend/pages/inicio.html
+6
-2
@@ -7,7 +7,6 @@
7
<link rel="stylesheet" href="../css/base.css">
8
<link rel="stylesheet" href="../css/layout.css">
9
<link rel="stylesheet" href="../css/components.css">
10
- <link rel="stylesheet" href="../css/inicio.css">
10
</head>
11
<body>
12
@@ -16,7 +15,12 @@
15
<aside class="sidebar" id="sidebar"></aside>
16
<div class="main-wrapper">
17
<header class="topbar" id="topbar"></header>
19
- <main class="main-content" id="main-content"></main>
18
+ <main class="main-content" id="main-content">
19
+
20
+ hola
21
+
22
+
23
+ </main>
24
</div>
25
</div>
26
<script src="../js/api.js"></script>
frontend/pages/mensajes.html
+66
-1
@@ -13,7 +13,72 @@
13
<aside class="sidebar" id="sidebar"></aside>
14
<div class="main-wrapper">
15
<header class="topbar" id="topbar"></header>
16
- <main class="main-content" id="main-content"></main>
16
+ <main class="main-content" id="main-content">
17
+
18
+ <section class="mensaje">
19
+
20
+ <div class="mensajes-encabezado">
21
+ <h2>Mensajes</h2>
22
+
23
+ <button class="notificaciones-btn">
24
+ Notificaciones
25
+ </button>
26
+ </div>
27
+
28
+ <div class="mensajes-contenedor">
29
+
30
+ <aside class="conversaciones">
31
+
32
+ <h3>Conversaciones</h3>
33
+
34
+ <div class="conversaciom">
35
+ <p class="conversacion-nombre">Profesor</p>
36
+ <p class="conversacion-preview">
37
+ Ultimo mensaje
38
+ </p>
39
+ </div>
40
+
41
+ <div class="conversacion">
42
+ <p class="conversacion-nombre">Compañero</p>
43
+ <p class="conversacion-previw">
44
+ Nos vemos manñana
45
+ </p>
46
+ </div>
47
+
48
+ </aside>
49
+
50
+ <section class="chat">
51
+
52
+ <div class="chat-emcabezado">
53
+ <h3>Selecciona una conversacion</h3>
54
+ </div>
55
+
56
+ <div class="chat-mensajes" id="chat-mensajes">
57
+
58
+ <p>Aqui van a aparecer los mensajes</p>
59
+
60
+ </div>
61
+
62
+ <div class="chat-escribir">
63
+
64
+ <input
65
+ type="text"
66
+ id="mensaje-input"
67
+ placeholder="Escribe un mensaje">
68
+
69
+ <button id="enviar-mensaje">
70
+ Enviar
71
+ </button>
72
+
73
+ </div>
74
+
75
+ </section>
76
+
77
+ </div>
78
+
79
+ </section>
80
+
81
+ </main>
82
</div>
83
</div>
84
<script src="../js/api.js"></script>
frontend/pages/perfil.html
+47
-1
@@ -13,7 +13,53 @@
13
<aside class="sidebar" id="sidebar"></aside>
14
<div class="main-wrapper">
15
<header class="topbar" id="topbar"></header>
16
- <main class="main-content" id="main-content"></main>
16
+ <main class="main-content" id="main-content">
17
+
18
+ <section class="perfil">
19
+
20
+
21
+ <div class="perfil-encabezado">
22
+
23
+ <img
24
+ id="perfil-foto"
25
+ class="perfil-foto"
26
+ src="../assets/default-avatar.png"
27
+ alt="Foto de perfil"
28
+ >
29
+
30
+ <h2 id="perfil-nombre">
31
+ Nombre del estudiante
32
+ </h2>
33
+
34
+ </div>
35
+
36
+ <div class="perfil-info">
37
+
38
+ <div class="perfil-dato">
39
+ <span>Correo</span>
40
+ <p id="perfil-correo">correo@tecmilenio.mx</p>
41
+ </div>
42
+
43
+ <div class="perfil-dato">
44
+ <span>Matrícula</span>
45
+ <p id="perfil-matricula">00000000</p>
46
+ </div>
47
+
48
+ <div class="perfil-dato">
49
+ <span>Semestre</span>
50
+ <p id="perfil-semestre">1</p>
51
+ </div>
52
+
53
+ <div class="perfil-dato">
54
+ <span>Carrera</span>
55
+ <p id="perfil-carrera">Carrera</p>
56
+ </div>
57
+
58
+ </div>
59
+
60
+ </section>
61
+
62
+ </main>
63
</div>
64
</div>
65
<script src="../js/api.js"></script>
frontend/pages/recursos.html
+5
-1
@@ -13,7 +13,11 @@
13
<aside class="sidebar" id="sidebar"></aside>
14
<div class="main-wrapper">
15
<header class="topbar" id="topbar"></header>
16
- <main class="main-content" id="main-content"></main>
16
+ <main class="main-content" id="main-content">
17
+
18
+ BORRAR SE VA A PONER EN TIPS
19
+
20
+ </main>
21
</div>
22
</div>
23
<script src="../js/api.js"></script>
frontend/pages/tips.html
+7
-1
@@ -13,7 +13,13 @@
13
<aside class="sidebar" id="sidebar"></aside>
14
<div class="main-wrapper">
15
<header class="topbar" id="topbar"></header>
16
- <main class="main-content" id="main-content"></main>
16
+ <main class="main-content" id="main-content">
17
+
18
+ REDDIT (CIRCULOS DE ESTUDIO), (APUNES) ESOS VAN AQUI
19
+
20
+
21
+
22
+ </main>
23
</div>
24
</div>
25
<script src="../js/api.js"></script>