-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprincipal.html
135 lines (120 loc) · 4.54 KB
/
principal.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html>
<head>
<!--diversos metadatos de la página principal-->
<meta charset="utf-8">
<meta name = "author" content="María Martínez Ordás, Rubén Serrano Rodríguez, Marco Villa Aparicio">
<meta name = "organization" content="Escuela Técnica Superior de Ingenieros de Telecomunicación, Universidad de Valladolid">
<meta name="keywords" lang="es" content="Covid ETSIT, Informacion covid ETSIT, gestion sanitaria UVA, TeleCovid">
<title>TeleCovid | Ayuda para gestión de Covid-19 en ETSIT UVA</title>
<link rel="stylesheet" type="text/css" href="./css/common.css">
<style>
#centro { /*Estilo del texto bienvenida pagina principal*/
font-size: 40px;
text-align: center;
margin-top: 10px;
margin-bottom:40px;
}
.contenedorflex{ /*Estilo contenedor flexbox para imagen y frame*/
display: flex;
flex-flow: row;
margin: auto;
width: 99%;
min-height: 500px;
}
.contenedorflex > div{ /*Estilo elementos del flexbox en general*/
margin: 2px;
height: 500px;
width: 100%;
text-align: center;
}
.contenedorflex >div >img{ /*Estilo concreto para la imagen*/
border: 3px solid black;
height: inherit;
width: inherit;
}
.contenedorflex >div > iframe{ /*Estilo concreto para el frame*/
border: 3px solid black;
height: inherit;
width: inherit;
}
.contenedorflex > #contenedorImagen{/*Estilo para el elemento del flexbox que contiene la imagen*/
flex: 2 1 40%;;
}
.contenedorflex > #contenedorFrame{/*Estilo para el elemento del flexbox que contiene el frame*/
flex: 1 1 60%;
}
.contenedorgrid { /*Estilo del grid de la pagina principal*/
display:grid;
grid-template-columns: auto auto auto;
margin-bottom: 50px;
margin: 2px
}
.elemgrid { /*Estilo de cada elemento del grid*/
font-family: Verdana;
background-color:rgb(240, 240, 240);
padding: 20px;
border:2px solid black;
font-size: 20px;
text-align: center;
pointer-events: none; /*formazos que no se vea afectado al poner el cursor encima del elemento*/
}
.elemgrid > a { /*Estilo enlaces en el grid*/
text-decoration: none;
color:black;
pointer-events: auto; /*dejamos que el hijo dentro se vea afectado*/
}
.elemgrid:hover{
background: lightgrey; /*cuando el hijo se ve afectado, tambíen lo hace el padre*/
}
@media all and (max-width:640px){/*estilo para responsividad*/
.contenedorgrid{
grid-template-columns: 100%; /*forzamos a que se vea todo como una columna*/
}
.contenedorflex{
flex-flow: column;
}
}
</style>
</head>
<script src="./scripts/mostrarEnlacesAJAX.js"></script>
<body>
<div class="flexInicio">
<div id="cabecera" onclick="document.location='./principal.html'" title="Vuelve a la pagina principal" onClick="document.location='./principal.html'" ><h1><i>TeleCovid</i></h1></div>
<div id="boton1">
<button class="botoninicio" type="button" onClick="document.location='./info.html'" title="Informacion sobre el Covid en la escuela">
<h2>Informacion</h2>
</button>
</div>
<div id="boton2">
<button class="botoninicio" type="button" onClick="document.location='./mapas.html'" title="Mapas de la escuela">
<h2>Mapas</h2>
</button>
</div>
<div id="boton3">
<button class="botoninicio" type="button" onClick="document.location='./sesion.html'" title="Inicio de sesion o registro">
<h2>Inicio de sesion</h2>
</button>
</div>
</div>
<div class="contenedorflex">
<div id="contenedorImagen">
<img src="./images/facultad.jpg" alt="Edificio ETSIT">
</div>
<div id="contenedorFrame">
<iframe src="https://www.mscbs.gob.es" title="Pagina Web oficial de Ministerio de Sanidad, Consumo y Bienestar Social"></iframe>
</div>
</div>
<div id="centro"><strong>Bienvenido, en esta pagina podrás encontrar medidas con el COVID-19 para el curso 2020-2021 en la Universidad de Valladolid.</strong></div>
<div class="contenedorgrid">
<script defer>
loadEnlacesXML();
</script>
</div>
<footer>
<p><i>Autores: Marco Antonio Villa, María Martinez y Rubén Serrano<br/></br>
Gran parte de los recursos utilizados (enlaces, imágenes, etc) en está página se han obtenido de diversos portales y/o páginas web de la UVA.
</i></p>
</footer>
</body>
</html>