Código fuente wiki de Home

Última modificación por Wiki Admin el 2026/03/03 16:10

Ocultar los últimos autores
Wiki Admin 1.1 1 = Bienvenidos a la Wiki de Inclusión =
2
3 {{html}}
4 <div style="font-family: Arial, sans-serif; max-width: 1100px; margin: 0 auto;">
5
6 <div style="display: flex; gap: 20px; align-items: stretch;">
7
8 <!-- COLUMNA 1: COMPROMISO -->
9 <div style="flex: 1; border-radius: 10px; border: 1px solid #d0d8f0; background: #f0f4ff; padding: 20px; box-shadow: 2px 2px 8px rgba(0,0,0,0.07);">
10 <div style="background: #3a5fc8; color: white; border-radius: 7px; padding: 10px 14px; margin-bottom: 16px; text-align: center;">
11 <strong style="font-size: 15px;">Compromiso</strong><br/>
12 <span style="font-size: 12px; opacity: 0.9;">El Porqué</span>
13 </div>
14
15 <p style="font-weight: bold; color: #3a5fc8; border-bottom: 2px solid #c0ccf0; padding-bottom: 4px; margin-bottom: 8px;">1. Intereses e Identidades</p>
16 <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
17 <li>Optimizar la elección y autonomía</li>
18 <li>Optimizar la relevancia y el valor</li>
19 <li>Minimizar amenazas y distracciones</li>
20 </ul>
21
22 <p style="font-weight: bold; color: #3a5fc8; border-bottom: 2px solid #c0ccf0; padding-bottom: 4px; margin-bottom: 8px;">2. Esfuerzo y Constancia</p>
23 <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
24 <li>Resaltar metas y objetivos</li>
25 <li>Fomentar la colaboración</li>
26 <li>Comentarios orientados a la acción</li>
27 </ul>
28
29 <p style="font-weight: bold; color: #3a5fc8; border-bottom: 2px solid #c0ccf0; padding-bottom: 4px; margin-bottom: 8px;">3. Capacidad Emocional</p>
30 <ul style="margin: 0 0 4px 18px; padding: 0; color: #333; font-size: 14px;">
31 <li>Reconocer expectativas y creencias</li>
32 <li>Desarrollar conciencia de sí mismo</li>
33 <li>Fomentar la empatía</li>
34 </ul>
35 </div>
36
37 <!-- COLUMNA 2: REPRESENTACIÓN -->
38 <div style="flex: 1; border-radius: 10px; border: 1px solid #d0eed8; background: #f0faf2; padding: 20px; box-shadow: 2px 2px 8px rgba(0,0,0,0.07);">
39 <div style="background: #2e8b57; color: white; border-radius: 7px; padding: 10px 14px; margin-bottom: 16px; text-align: center;">
40 <strong style="font-size: 15px;">Representación</strong><br/>
41 <span style="font-size: 12px; opacity: 0.9;">El Qué</span>
42 </div>
43
44 <p style="font-weight: bold; color: #2e8b57; border-bottom: 2px solid #a8dbb8; padding-bottom: 4px; margin-bottom: 8px;">1. Percepción</p>
45 <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
46 <li>Personalizar la presentación</li>
47 <li>Alternativas para información visual/auditiva</li>
48 <li>Representar diversas perspectivas</li>
49 </ul>
50
51 <p style="font-weight: bold; color: #2e8b57; border-bottom: 2px solid #a8dbb8; padding-bottom: 4px; margin-bottom: 8px;">2. Idioma y Símbolos</p>
52 <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
53 <li>Aclarar vocabulario y símbolos</li>
54 <li>Facilitar la decodificación de textos</li>
55 <li>Ilustrar a través de múltiples medios</li>
56 </ul>
57
58 <p style="font-weight: bold; color: #2e8b57; border-bottom: 2px solid #a8dbb8; padding-bottom: 4px; margin-bottom: 8px;">3. Desarrollo de Conocimientos</p>
59 <ul style="margin: 0 0 4px 18px; padding: 0; color: #333; font-size: 14px;">
60 <li>Activar conocimientos previos</li>
61 <li>Resaltar patrones y características clave</li>
62 <li>Maximizar la transferencia de información</li>
63 </ul>
64 </div>
65
66 <!-- COLUMNA 3: ACCIÓN Y EXPRESIÓN -->
67 <div style="flex: 1; border-radius: 10px; border: 1px solid #f0dcc8; background: #fff8f0; padding: 20px; box-shadow: 2px 2px 8px rgba(0,0,0,0.07);">
68 <div style="background: #c0620a; color: white; border-radius: 7px; padding: 10px 14px; margin-bottom: 16px; text-align: center;">
69 <strong style="font-size: 15px;">Acción y Expresión</strong><br/>
70 <span style="font-size: 12px; opacity: 0.9;">El Cómo</span>
71 </div>
72
73 <p style="font-weight: bold; color: #c0620a; border-bottom: 2px solid #f0c898; padding-bottom: 4px; margin-bottom: 8px;">1. Interacción</p>
74 <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
75 <li>Múltiples medios físicos de acción</li>
76 <li>Optimizar el acceso a herramientas</li>
77 <li>Tecnologías de asistencia</li>
78 </ul>
79
80 <p style="font-weight: bold; color: #c0620a; border-bottom: 2px solid #f0c898; padding-bottom: 4px; margin-bottom: 8px;">2. Expresión y Comunicación</p>
81 <ul style="margin: 0 0 14px 18px; padding: 0; color: #333; font-size: 14px;">
82 <li>Múltiples medios de comunicación</li>
83 <li>Herramientas para la construcción</li>
84 <li>Abordar sesgos en la expresión</li>
85 </ul>
86
87 <p style="font-weight: bold; color: #c0620a; border-bottom: 2px solid #f0c898; padding-bottom: 4px; margin-bottom: 8px;">3. Funciones Ejecutivas</p>
88 <ul style="margin: 0 0 4px 18px; padding: 0; color: #333; font-size: 14px;">
89 <li>Establecer metas adecuadas</li>
90 <li>Apoyar la planificación de estrategias</li>
91 <li>Mejorar el seguimiento de los avances</li>
92 </ul>
93 </div>
94
95 </div>
96 </div>
97 {{/html}}