meteorología falta css

silSuarezP · Dec 16, 2023 · ea62672 · ea62672
1 parent 1fe8949
commit ea62672
Show file tree

Hide file tree

Showing 12 changed files with 307 additions and 25 deletions.
diff --git a/agenda.html b/agenda.html
@@ -10,8 +10,12 @@
     <title>Agenda</title>
     <link rel="stylesheet" type="text/css" href="estilo/estilo.css" />
     <link rel="stylesheet" type="text/css" href="estilo/layout.css" />
+
     <link rel="icon" href="multimedia/fotos/icono.jpg" />
+
+    <script src="js/agenda.js"></script>
 </head>
+
 <body>
     <!-- Datos con el contenido que aparece en el navegador -->
     <header>

diff --git a/estilo/estilo.css b/estilo/estilo.css
@@ -1,13 +1,20 @@
 /*Silvia SUárez Prendes, UO277412*/
 
+/* paleta https://colorhunt.co/palette/f3c5c5c1a3a3886f6f694e4e */
+
+/*
+    header #886767;
+    body #f1e7e7;
+*/
+
 /* Especificidad: 001 */
 header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     color: #ffffff;
-    background-color: #84B6F4;
-    box-shadow: 0 0.7ex 1.2ex 0.25ex #042034;
+    background-color: #886767;
+    box-shadow: 0 0.7ex 1.2ex 0.25ex #694E4E;
     margin: 0;
     padding: 0;
 }
@@ -16,18 +23,18 @@ header {
 body {
     font-family: Vegur, 'PT Sans', Verdana, sans-serif;
     color: #000000;
-    background-color: rgb(229, 246, 250);
+    background-color: #f1e7e7;
     margin-left: 2em;
     font-size: 1em;
     text-align: justify;
     padding: 2em;
 }
 
+
 /* Especificidad: 001*/
 h1 {
     font-family: Vegur, 'PT Sans', Verdana, sans-serif;
-    color: #042034;
-    background-color: #84B6F4;
+    color: #021a2a;
     padding: 1em;
     text-transform: uppercase;
     text-align: center;

diff --git a/estilo/layout.css b/estilo/layout.css
@@ -15,22 +15,23 @@ nav {
 nav {
     display: block;
     position: relative;
-    gap: 0 25em;
+    gap: 0 3em;
 }
 
 /* Especificidad: 002*/
 nav a {
-    color: #042034;
+    color: #021a2a;
 }
 
 /* Especificidad: 011*/
 a:hover {
-    background: #5699cc;
+    background: #E7BCDE;
+    border-radius: 10px;
 }
 
 /*Especificidad: 011*/
 a:visited {
-    color: #042034;
+    color: #3f2f2f;
 }
 
 /*Especificidad: 002*/
@@ -60,21 +61,21 @@ nav a {
 header a:link,
 header a:visited {
     text-decoration: none;
-    color: #0a3c5f;
+    color: #021a2a;
     font-weight: bold;
     font-size: 1.1em;
 }
 
 /* Especificidad: 011*/
 a:hover {
-    background: #5699cc;
+    background: #F3C5C5;
 }
 
 /*Especificidad: 012*/
 header a:hover,
 /*Especificidad: 012*/
 header a:active {
-    background-color: #5699ccbd;
+    background-color: #F3C5C5;
 }
 
 

diff --git a/estilo/meteorologia.css b/estilo/meteorologia.css
@@ -0,0 +1,67 @@
+/*Silvia Suárez Prendes, UO277412*/
+
+
+/*Especificidad: 001*/
+section {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 1em;
+    justify-content: space-around;
+}
+
+/*Especificidad: 002*/
+section article {
+    width: 20%;
+    color: #000000;
+    border-radius: 0.85em;
+    box-shadow: 0 .75ex .75ex #BB9CC0;
+    background-color: #C1A3A3;
+    margin: 2em 1em .5em 2em;
+    text-align: left;
+}
+
+/*Especificidad: 012*/
+article h3:last-of-type {
+    text-align: center;
+    margin: auto;
+}
+
+/*Especificidad: 012*/
+article h3:first-of-type {
+    margin: 1em auto 0.5em 1.5em;
+}
+
+/*Especificidad: 002*/
+article h3 {
+    font-variant: small-caps;
+    font-style: normal;
+    font-size: 1.5em;
+    margin: 0.75em auto 0 1.5em;
+}
+
+/*Especificidad: 002*/
+section p {
+    margin: 1em auto 0.5em 1.5em;
+}
+
+/*Especificidad: 002*/
+article img {
+    align-self: center;
+    margin: .25em 2em .25em 2em;
+    margin-left: 2em;
+}
+
+/*Especificidad: 002*/
+article ul {
+    list-style: circle;
+    margin: .25em 0.25em .25em 2em;
+}
+
+/*margin: 
+    - entre los elementos
+    - */
+/*Especificidad: 003*/
+article ul li {
+    margin: 0.75em auto;
+}
diff --git a/estilo/sobremi.css b/estilo/sobremi.css
@@ -31,7 +31,7 @@ caption {
         display: block;
         width: 100%;
         float: none;
-        background-color: rgb(229, 246, 250);
+        background-color: #f1e7e7;
         margin: 0;
         padding: 0;
         box-shadow: none;
@@ -44,11 +44,4 @@ caption {
     section h2 {
         margin: 1em;
     }
-
-
-    /**
-    grid-template-areas: 
-        "main main main"
-        "p article article"
-    */
 }
diff --git a/js/agenda.js b/js/agenda.js
@@ -0,0 +1,14 @@
+class Agenda {
+
+
+    constructor () {
+        this.url = "https://ergast.com/api/f1/current";
+        this.last_api_call = null;
+        this.last_api_result = null;
+    }
+
+
+
+
+
+}
diff --git a/js/localhost/SEW-EV/estilo/estilo.css b/js/localhost/SEW-EV/estilo/estilo.css
@@ -0,0 +1,71 @@
+/*Silvia SUárez Prendes, UO277412*/
+
+/* Especificidad: 001 */
+header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: #ffffff;
+    background-color: #886F6F;
+    box-shadow: 0 0.7ex 1.2ex 0.25ex #694E4E;
+    margin: 0;
+    padding: 0;
+}
+
+/* Especificidad: 001 */
+/* Especificidad: 001 */
+body, section {
+    font-family: Vegur, 'PT Sans', Verdana, sans-serif;
+    color: #000000;
+    background-color: #d1b7b79a;
+    margin-left: 2em;
+    font-size: 1em;
+    text-align: justify;
+    padding: 2em;
+}
+
+/* Especificidad: 001*/
+h1 {
+    font-family: Vegur, 'PT Sans', Verdana, sans-serif;
+    color: #021a2a;
+    padding: 1em;
+    text-transform: uppercase;
+    text-align: center;
+}
+
+/* Especificidad: 001*/
+/* Especificidad: 001*/
+h2,
+h3 {
+    color: #042034;
+}
+
+/* Especificidad: 001*/
+li {
+    list-style-position: inside;
+    display: list-item;
+    text-align: left;
+}
+
+/* Especificidad: 001*/
+ul {
+    display: block;
+    list-style-type: circle;
+    margin-block-start: 0.5em;
+    margin-block-end: 1.2em;
+    margin-inline-start: 0.5em;
+    margin-inline-end: 0.5em;
+    padding-inline-start: 0.5em;
+}
+
+/*Especificidad: 001*/
+dt {
+    font-weight: bold;
+    margin: 0 1.75em;
+}
+
+/*Especificidad: 001*/
+dd {
+    font-size: 1em;
+    margin: 0 3em;
+}
diff --git a/js/localhost/SEW-EV/estilo/meteorologia.css b/js/localhost/SEW-EV/estilo/meteorologia.css
@@ -0,0 +1,63 @@
+/*Silvia Suárez Prendes, UO277412*/
+/*Especificidad: 002*/
+section>article {
+    display: grid;
+    /* grid-template-columns: 1fr 1fr; */
+    grid-template-areas:
+        "h3 img"
+        "p h3"
+        "ul ul";
+    grid-gap: 20px;
+    width: 40%;
+    color: #000000;
+    border-radius: 0.85em;
+    box-shadow: 0 .75ex .75ex #BB9CC0;
+    background: #C1A3A3;
+    margin: 0.75em 1em .5em 2em;
+    text-align: left;
+}
+
+/*Especificidad: 012*/
+article h3:last-of-type {
+    text-align: center;
+    margin: auto;
+}
+
+/*Especificidad: 012*/
+article h3:first-of-type {
+    margin: 1em auto 0.5em 1.5em;
+}
+
+/*Especificidad: 002*/
+article h3 {
+    font-variant: small-caps;
+    font-style: normal;
+    font-size: 1.5em;
+    margin: 0.75em auto 0 1.5em;
+}
+
+/*Especificidad: 002*/
+article p {
+    margin: 0em 0.25em .5em 2em;
+    text-align: left;
+}
+
+/*Especificidad: 002*/
+article img {
+    align-self: center;
+    margin: .25em 0.25em .25em 2em;
+}
+
+/*Especificidad: 002*/
+article ul {
+    list-style: circle;
+    margin: .25em 0.25em .25em 2em;
+}
+
+/*margin: 
+    - entre los elementos
+    - */
+/*Especificidad: 003*/
+article ul li {
+    margin: 0.75em auto;
+}