Loading repository data…
CHARLLYS97 / repository
Página com theme switcher utilizando HTML, CSS e JavaScript, além de integrar um formulário de inscrição com o banco de dados Firebase.
Uma jornada para quem não tem medo do desconhecido. O caminho para o Mundo Invertido é incerto, repleto de obstáculos e perigos. Porém, a recompensa é grande: salvar Hawkings e o mundo todo das garras de Vecna. Você está preparado(a)?
/*** VARIABLES & THEMES ***/
:root {
--primary-color: #cf0f0f;
--primary-color-contrast: #ffffff;
--field-background-color: #000;
}
.light-theme {
--page-background: linear-gradient(
180deg,
#ffffff 0%,
#ffffff 65%,
rgba(255, 255, 255, 0.75) 100%
);
--header-background-color: #e3e3e3;
--highlight-color: #000000;
--featured-font-family: "Archivo", sans-serif;
--character-top-image-src: url("../images/characters/kids-on-the-bike.svg");
--character-top-image-color: #ffffff;
--character-bottom-image-src: url("../images/characters/inverted-world-monster.svg");
--character-bottom-image-color: #e5e5e5;
--background-lamp-image: url("../images/backgrounds/lamps.png");
--footer-background-color: #b5bbbf;
}
.dark-theme {
--page-background: linear-gradient(
180deg,
#050000 0%,
#130404 65%,
rgba(19, 1, 1, 0.75) 100%
);
--header-background-color: #220f0f;
--highlight-color: #ffffff;
--featured-font-family: "Rubik Glitch", sans-serif;
--character-bottom-image-src: url("../images/characters/kids-on-the-bike.svg");
--character-bottom-image-color: rgba(255, 255, 255, 0.1);
--character-top-image-src: url("../images/characters/inverted-world-monster.svg");
--character-top-image-color: #000;
--background-lamp-image: url("../images/backgrounds/lamps-inverted.png");
--footer-background-color: #000;
}
Selected from shared topics, language and repository description—not editorial ratings.
digitalinnovationone /
Página com theme switcher utilizando HTML, CSS e JavaScript, além de integrar um formulário de inscrição com um banco de dados Firebase.
lauradevcode /
Página com theme switcher utilizando HTML, CSS e JavaScript, além de integrar um formulário de inscrição com um banco de dados Firebase.
ligiastalves /
Projeto criado durante a Semana FontEnd da DIO, baseada na série Stranger Things. Pagina com theme switcher utilizando HTML, CSS e JavaScript, além de integrar um formulário de inscrição com um banco de dados Firebase.
Davi-Perdigao /
Página com theme switcher utilizando HTML, CSS e JavaScript, além de integrar um formulário de inscrição com um banco de dados Firebase.
Lucas-R /
pagina com tema escuro e claro, CSS e JS.
nadiacastr0 /
Página com theme switcher utilizando HTML, CSS.