From 01b90e7cb81877fb884aea4a883d84471af51f77 Mon Sep 17 00:00:00 2001 From: AlexparraC Date: Wed, 5 Oct 2022 19:58:59 -0500 Subject: [PATCH 1/2] mi primer commit --- EjemploDOM.html | 21 +++++++++++++++++++-- css/estilos.css | 42 ++++++++++++++++++++++++++++++++++++++++-- 2 files changed, 59 insertions(+), 4 deletions(-) diff --git a/EjemploDOM.html b/EjemploDOM.html index 1951eb6..e751e04 100644 --- a/EjemploDOM.html +++ b/EjemploDOM.html @@ -1,9 +1,12 @@ - Practica Javacript Prospercity + Ejercicio Practica + + +
@@ -39,7 +42,7 @@

Bienvenidos a las noticias

-

+

Hubble y Webb capturan el momento en el que misión de la NASA impacta contra un asteroide

@@ -66,7 +69,21 @@

+ + +
+ + + + + + diff --git a/css/estilos.css b/css/estilos.css index 4258008..9decb62 100644 --- a/css/estilos.css +++ b/css/estilos.css @@ -2,7 +2,17 @@ margin: 0; padding: 0; } - + + html {font-family: 'Open Sans', sans-serif; +font-family: 'Roboto Condensed', sans-serif;} + + body{ background-color: rgb(255, 255, 255);} + h1{ + text-align: center; + } + + h2 + .color{background-color: aqua;} .clear{ clear: both; } @@ -40,7 +50,7 @@ } .slidemenu label .icon{ - font-size: 20px; + font-size: 25px; border: solid 2px #333; text-align: center; height: 50px; @@ -88,4 +98,32 @@ .slidemenu #slide-item-2:checked ~ .slider .bar{ margin-left: 25%; } .slidemenu #slide-item-3:checked ~ .slider .bar{ margin-left: 50%; } .slidemenu #slide-item-4:checked ~ .slider .bar{ margin-left: 75%; } + + .nav { background-color: aqua;} + + .dark-mode-button{ + position: absolute; + top: 20px; + left: 20px; + padding: 20px; + background:whie; + } + + html.dark-mode{ + filter: invert(100%); + } + + + + + + + + + + + + + + \ No newline at end of file From 39a32676e66cef2e32656d5abe8a28774cbcece9 Mon Sep 17 00:00:00 2001 From: AlexparraC Date: Thu, 6 Oct 2022 17:26:30 -0500 Subject: [PATCH 2/2] rama principal de modo oscuro --- EjemploDOM.html | 4 +--- css/estilos.css | 2 +- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/EjemploDOM.html b/EjemploDOM.html index e751e04..3a16812 100644 --- a/EjemploDOM.html +++ b/EjemploDOM.html @@ -70,15 +70,13 @@

- - diff --git a/css/estilos.css b/css/estilos.css index 9decb62..a482dc6 100644 --- a/css/estilos.css +++ b/css/estilos.css @@ -106,7 +106,7 @@ font-family: 'Roboto Condensed', sans-serif;} top: 20px; left: 20px; padding: 20px; - background:whie; + background:white; } html.dark-mode{